.OuterDiv
{
    background-image: url(images/SnowBG.jpg);
    width: 100%;
    font-family: verdana;
    text-align:center;
}


.ImageDiv
{
    background-position: center top;
    background-image: url('images/background1.jpg' );
    background-repeat: no-repeat;
    
    
   
}


/*****This gives acces to control the whole itme as everything will be in this div and so a good way of setting consistent rules such as font type or size***/
.ContainingDiv
{
    background-color: White;
    width: 900px;
    font-size: 10pt;
    color: #000066;
    margin-left: auto;
    margin-right: auto;
    font-weight: lighter;
}



/**** This means if there is a h1 tag inside the div called ContainingDiv then use these styles e.g. the main header***/
.ContainingDiv h1
{
    font-size: 10pt;
    color: #000066;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

.ContainingDiv h2
{
    font-size: 11pt;
    font-weight: bold;
    font-family: 'Lucida Calligraphy';
    color: #CC3300;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}



/**** This means if there is an 'a' tag (hyperlink) inside the div called ContainingDiv then use these styles e.g. the main header***/
.ContainingDiv a
{
    color: #CC0000;
    text-decoration: underline;
    font-weight: lighter;
}

.ContainingDiv a:hover
{
    color:#C22027;
}


.MenubarDiv
{  
    text-indent: 12px;
    text-align: left;
    height: 340;
    padding-top: 100;
    
}

.MenubarDiv a
{
    color: #C10000;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Lucida Calligraphy';
}

.MenubarDiv a:hover
{
    color: #C22027;
    
}

.MenuHighDiv
{
    border-style: ridge;
    border-width: thin;
    background-color: #FFFFFF;
}



/****** Left hand menu bar****/

.LeftmenubarDiv
{  

    text-align: center;
    
}

.LeftmenubarDiv a
{
    color: #000066;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Verdana';
    
}

.LeftmenubarDiv a:hover
{
    color: #C22027;
    
}


/****** Special offers****/
.OfferDiv
{
    padding: 10px;
    font-size: Medium;
    color: White;
    text-align: center;
    margin-left: auto;
    width: 800px;
    font-weight: normal;
    font-family: verdana;
    background-color: #000000;
}


.OfferDiv h1
{
    font-size: large;
    color: #FF0000;
    font-family: verdana;
    font-weight: lighter;
}


.OfferDiv h2
{
    font-size: small;
    color: #FFFFFF;
    font-family: verdana;
    font-weight: lighter;
}


.OfferDiv a
{
    color: #FF0000;
    text-decoration: underline;
    font-weight: lighter;
}

/****** This means when someone hovers their mouse over a hyperlink in the Containing Div then use these styles, there are also visited, clicked options****/
.OfferDiv a:hover
{
    color: #FFCC00;
}



/****** offers conditions****/
.ConditionsDiv
{
    font-size: xx-small;
    color: #000066;
    text-align: justify;
    margin-left: auto;
    width: 793px;
    font-weight: lighter;
    font-family: verdana;
}


/****** Contact details & hyperlinks in footer****/
.FooterDiv
{
    font-size: x-small;
    color: #000066;
    text-align: Center;
    margin-left: auto;
    width: 793px;
    font-weight: lighter;
    font-family: verdana;
}

.FooterDiv p
{
    font-size: x-small;
    color: #000066;
    text-align: Center;
    margin-left: auto;
    width: 793px;
    font-weight: lighter;
    font-family: verdana;
}


.ImgfooterDiv
{
    background-position: center bottom;
    background-image: url(images/?.jpg);
    background-repeat: no-repeat;
    width: 790px;
    height: 120px;
    
    
    
}


.GenParaDiv
{
    font-size: x-small;
    color: #000066;
    text-align: justify;
    margin-left: auto;
    width: 793px;
    font-weight: lighter;
    font-family: verdana;
}

.ResortDiv
{
    font-size: x-small;
    color: #C22027;
    text-align: left;
    margin-left: auto;
    width: 793px;
    font-weight: lighter;
    font-family: verdana;
}


/****** Control code for text around image****/

#imageflow
{
    
    background-image: url(images/DRE_5.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin: 10px;
    padding: 0px;
    border: 0px;
}
.flow {
float: left;
clear: left;
margin: 0px 1.25em 0px 0px;
}


#imageflow_1
{
    
    background-image: url(images/WON_4.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin: 10px;
    padding: 0px;
    border: 0px;
}
.flow
{
    float: left;
    clear: left;
    margin: 0px 1.25em 0px 0px;
}


#imageflow_2
{
    
    background-image: url(images/INT_4.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin: 10px;
    padding: 10px;
    border: 10px;
}
.flow
{
    float: left;
    clear: left;
    margin: 0px 1.25em 0px 0px;
}


#imageflow_3
{
    
    background-image: url(images/WON_5.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin: 10px;
    padding: 0px;
    border: 0px;
}
.flow
{
    float: left;
    clear: left;
    margin: 0px 1.25em 0px 0px;
}

#imageflow_4
{
    
    background-image: url(images/SPE_5.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin: 10px;
    padding: 0px;
    border: 0px;
}
.flow
{
    float: left;
    clear: left;
    margin: 0px 1.25em 0px 0px;
}

#imageflow_5
{
    
    background-image: url(images/WON_3.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin: 10px;
    padding: 0px;
    border: 0px;
}
.flow
{
    float: left;
    clear: left;
    margin: 0px 1.25em 0px 0px;
}

#imageflow_6
{
    
    background-image: url(images/ROV_2.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin: 10px;
    padding: 0px;
    border: 0px;
}
.flow
{
    float: left;
    clear: left;
    margin: 0px 1.25em 0px 0px;
}

#imageflow_7
{
    
    background-image: url(images/SPE_1.jpg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin: 10px;
    padding: 0px;
    border: 0px;
}
.flow
{
    float: left;
    clear: left;
    margin: 0px 1.25em 0px 0px;
}