/* ----------------------------------------------*/
/* ----------->>> PAGESTYLES #1 <<<-------------*/
/* --------------------------------------------*/

/*
Styles
------

individual page layouts and ALL site typography styling at top
misc site elements (horz, vert lines etc) below

for alternate styling options (ie styleswitcher) use the names pagestyle2.css & pagestyle3.css
and change the body font-size property.
*/



/*
##########################

DEVELOPMENT BAR - this style is also in admin.css (top of page)

##########################
*/

#devHeaderOuter
{
    width: 100%;
    background-color: #ff0000;
    color: #ffffff;
    height: 20px;
    font-size: 12px;    
}

.devHeaderColumn
{
    padding: 0 120px;
    text-align: center;   
}




/*
##########################

GLOBAL SITE STYLES

##########################
*/

* 
{
margin: 0; 
/*  border: 1px solid red !important;   - display all element 'boxes' */
}
 
html, body
{
margin: 0;
padding: 0;
height: 100%;
font-size: 90%;
color: #000000;
background-image: url(../images/bg_main3.jpg);
background-position: center top;
background-repeat: no-repeat;
background-color: #F1F1F1;
font-family: Arial, Helvetica, sans-serif;
 text-align: center;  /* used for centering layout templates in FireFox, for left aligned layouts comment out */
}

h1 
{ font-size: 200%; }

h2 
{ font-size: 150%; }

h3 
{ font-size: 120%; }

h4 
{ font-size: 100%; }

h5 
{ font-size: 80%; }

h6 
{ font-size: 70%; }


/*
##########################

HEADER

##########################
*/

#logo
{
    float: left;
    width: 410px;
    padding: 20px 0 0 30px;
}

#strapline
{
    float: left;
    width: 320px;
    padding-top: 55px;
    font: normal 150%/1.3em Georgia, "Times New Roman", serif;
    color: #AB4202;
    
}

.vertLine 
{
margin: 0 5px 0 7px;
float: left;
display: inline;
}

#contactInfo
{
    float: right;
    display: inline-block;
    font-size: 85%;
    padding: 70px 20px 0 0;
}

.contactText
{
font: bold 100% Georgia, "Times New Roman", serif;
color: #555555;
}


/*
##########################

SUB HEADER

##########################
*/


#subheaderInnerHomeLeft
{
float: left;
padding: 30px 15px 0 35px; 
width: 380px;    
color: #D6D6D6;
}

#subheaderInnerHomeLeft h1
{
font-family: Georgia, "Times New Roman", serif;
font-weight: bold;
line-height: 1.3em;
color: #ffffff;
}

#subheaderInnerHomeLeft p
{
line-height: 2em;
}

#subheaderInnerHomeRight
{
float: left;
display: inline-block;
padding: 15px 10px 0 10px;
*padding: 15px 0 0 25px;
}

a.overviewLink:link, a.overviewLink:visited, a.overviewLink:active
{
font-weight: bold;
font-size: 100%;    
color: #CF9300;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none
}

a.overviewLink:hover
{
font-weight: bold;   
font-size: 100%;
color: #CF9300;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline
}

.clipboard
{
margin-bottom: -3px;
padding-right: 5px;
}

#subheaderInnerHomeBottom
{
    font-size: 90%;
    padding: 25px 0 0 20px;
}

#subheaderInnerHomeBottom h4
{
font: normal 130% Georgia, "Times New Roman", serif;
color: #674D2A;

}

#subheaderInnerHomeBottom p
{
    font-size: 95%;
    color: #666666;
}

#subheaderInnerHomeBottom a
{
    font-size: 95%;
}

.quickLinks
{
padding: 4px;
border: solid 1px #D1CCC9;
background-color: #ffffff;
margin-right: 14px;
float: left;
}

.subHeaderBorder 
{
margin-top: 2px;
border-top: 4px solid #C5BDA9;  
}

/*
##########################

TOP MENU

##########################
*/

#menuOuter
{
margin-bottom: 1px;
}

#menuInner ul
{
padding: 0;
margin: 0;
}

#menuInner li
{
display: inline;
list-style-type: none;
}


/*
##########################

GLOBAL SITE STYLES

##########################
*/

/*  DEFAULT LINK STYLE   */
a:link, a:visited, a:active
{
font-weight: bold;  
color: #6F0000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none
}

a:hover
{
font-weight: bold;   
color: #6F0000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline
}


/*  CONTACT PAGES  */

.linkCatBar
{
height: 20px;
background-color: #49779B;
color: #ffffff;
font-weight: bold;
padding-left: 8px;
}

.mandatoryField
{
color: #ff0000;
font-size: 130%;
font-weight: bold;
padding-right: 2px;
}

#ClientValidationSummary
{
color: #000000;
font-weight: bold;
padding: 0 0 20px 0;
}

#ClientValidationSummary ul li
{
list-style-type: none;
}

#ClientValidationSummary a:link, #ClientValidationSummary a:visited, #ClientValidationSummary a:active
{ 
font-weight: bold;
font-size: 100%;    
color: #ff0000;
text-decoration: none
}

#ClientValidationSummary a:hover
{   
font-weight: bold;   
font-size: 100%;
color: #ff0000;
text-decoration: underline
}

#contactForm
{
width: 650px;
}

#contactForm .label
{
display: block;
clear: both;
float: left;
width: 160px;
margin: 2px 0 2px 0;
vertical-align: top;
}

#contactForm .text 
{
float: right;
margin: 2px 0 2px 0;
vertical-align: top;
}

#contactForm img 
{
margin-top: 6px;
}

#contactForm .btn
{
clear: both;
margin: 9px 0 0 250px;
font-weight: normal;
font-size: 13px;
color: #fff;
background-color: #383838;
width: 120px;
padding: 3px 6px 3px 6px;
}



/*  NEWS  */

.newsDate
{ 
font: italic 90% Georgia, "Times New Roman", serif;
color: #777777;
padding: 8px 0;

}

.newsDesc
{
font-size: 85%;    
color: #666666;   
}

/*
##########################

CONTENT PAGES

##########################
*/

#contentsInnerHomeRight a
{ 
font: 90% Georgia, "Times New Roman", serif;
}

#contentsInnerLeft img
{
padding: 4px;
border: solid 1px #cccccc;
}


h2.sectionTitle
{
font-family: Georgia, "Times New Roman", serif;
color: #ffffff;
font-size: 200%;
padding: 24px 0 0 30px;
}

h3.pageTitle
{
font: Georgia, "Times New Roman", serif;
color: #000000;
font-weight: bold;
}

.navBarText1
{      
padding-left: 15px;
font-size: 85%;
font-weight: bold;
color: #CBAE8A;
}

.navBarText2
{
font-size: 85%;
font-weight: bold;   
color: #C9BFB0;
}

a.navbarLink:link, a.navbarLink:visited, a.navbarLink:active
{
font-weight: bold;
font-size: 85%;    
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none
}

a.navbarLink:hover
{
font-weight: bold;   
font-size: 85%;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline
}

#vision, #sites, #construction
{
float: left;
display: inline-block;
width: 195px;
padding: 0 21px 0 0;
font-size: 90%;
}

#vision h3, #sites h3, #construction h3
{
font-family: Georgia, "Times New Roman", serif;
color: #000000;
font-size: 150%;
padding-bottom: 10px;
}

#vision p, #sites p, #construction p
{
font-size: 95%;
color: #666666;
}

#vision a, #sites a, #construction a
{
font-size: 95%;
}

#features
{
float: left;
display: inline;
width: 410px;
margin-left: -2px;
}

#links
{
float: right;
display: inline;
width: 205px;
}

#features h3, #links h3
{
font-family: Georgia, "Times New Roman", serif;
color: #000000;
font-size: 150%;
padding-bottom: 6px;
}

#marina, #cruise, #watersports
{
font-size: 90%;
float: left;
padding-right: 20px;
width: 410px;
}

#marina h4, #cruise h4, #watersports h4
{
font-family: Georgia, "Times New Roman", serif;
color: #000000;
font-size: 110%;
padding-bottom: 6px;
}

#marina p, #cruise p, #watersports p
{
font-size: 95%;
color: #666666;
margin-top: -2px;
}

#marina img, #cruise img, #watersports img
{
float: left;
padding: 0 14px 14px 0;
}

#marina a, #cruise a, #watersports a
{
font-size: 95%;
}

.waterfrontNews
{
font: italic 140% Georgia, "Times New Roman", serif;
color: #AF6505;
}

.bannerBorder
{
width: 278px;
height: 60px;
border: 1px solid #D6D6D6; 
}


/*  Right hand column styling  */

.rhSubmenuTopLine
{
width: 280px;
border-top: 3px solid #886700;    
}

#rhSubmenuBottomLine
{
width: 280px;
margin-top: -2px;
border-top: 2px solid #CF9300;    
}

.thisssectionTitle
{
width: 256px;
background-color: #CF9300;
padding: 6px 12px 0 12px;
color: #ffffff;
}

#thissectionMenu
{
list-style-type: none;
}

#contentsInnerRight ul, #contentsInnerRight li
{
width: 280px;    
margin: 0;
padding-right: 10px
}

a.thissectionLink:link, a.thissectionLink:visited
{
display: block;
padding: 7px 5px 7px 10px;
background-color: #ffffff;
border-bottom: dotted 1px #D7D7D5;
font-size: 90%;   
text-decoration: none;
}

a.thissectionLink:active
{
display: block;
padding: 7px 5px 7px 10px;
background-color: #F6F6F4;
color: #000000;
border-bottom: dotted 1px #D7D7D5;
font-size:90%;   
text-decoration: none;
}

a.thissectionLink:hover
{ 
display: block;
background-color: #F6F6F4;
color: #000000;
border-bottom: dotted 1px #D7D7D5; 
font-size: 90%;
text-decoration: none;
}

.arrow
{
font-size: 119%;
padding-right: 5px;
}



/*
##########################

FOOTER

##########################
*/

#footerInnerLeft
{
font-size: 85%; 
}

#footerInnerRight
{
font-size: 85%;
}



/*
##########################

XTRA FOOTER

##########################
*/

#xtrafooterInner
{
font-family: Georgia, "Times New Roman", serif;
color: #666666;
font-size: 85%;
padding-top: 16px;
}

#xtrafooterInner a
{
font-family: Georgia, "Times New Roman", serif;
font-weight: normal;
}

#xtrafooterInnerLeft
{
 
}

#xtrafooterInnerRight
{

}





/*
##########################

MISC SITE ELEMENTS

##########################
*/


/* solid horizontal divider line */
.horzSolidLine 
{
margin: 1px 1px 1px 1px;
padding: 3px 0 0 0;
border-top: 1px solid #D6D6D6;  
}  

.horzThickSolidLine 
{
margin: 1px 1px 1px 1px;
padding: 3px 0 0 0;
border-top: 2px solid #D6D6D6;  
} 

.horzThickSolidLine2 
{
margin: 1px 1px 1px 1px;
padding: 3px 0 0 0;
border-top: 2px solid #B26306;  
}  

.menuSolidLine
{
padding: 0;
border-top: 3px solid #CF9300;  
} 

/* dotted horizontal divider line */
.horzDottedLine 
{
margin: 1px 1px 5px 1px;
padding: 0;
border-top: 1px dotted #D6D6D6; 
} 

/* solid vertical divider line */
#vertLine 
{
border-left: 1px solid #D6D6D6;   
padding: 0;
}

/*  Browser Hacks  */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */