/* =============================== HTML Tags =============================== */

* {
    margin: 0;
    padding: 0;
    }

html {
    font-size:100%;
    height: 100%;
    color: #EDEDF8;
    background-color: #8080AA;
    }
        
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	background-color: #8080AA;
	font-size: 62.5%%; 
	line-height: 1.3em; 	
	text-align: center;
	height: 100%;
	behavior: ../url(csshover3.htc); /* WinIE behaviour call */
    }
	
#container {
    position: relative;
    margin: 5px auto 0;
    background-color: #666699;
	font-size: 0.85em;
	line-height: 1.3em;	
    text-align: left; 
    width: 870px;	
	}	

h1, h2, h3, h4, h5, h6 {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    }   


h1{
	font-size: 1.75em;
	padding: 0.5em 0 0.75em;
    }

h2{
	font-size: 1.5em;
	margin-bottom: 0.7em;
    }
    
h3 {
	font-size: 1.35em;
	margin-bottom: 0.6em;
    }
    
h4 { padding-bottom: 0.5em;

    }
    
h5 {
    margin: 1.5em 0 0.15em 0;
    }

p {
    margin-bottom:1em;
    margin-left: 0.5em;
    text-align: justify;
    line-height: 1.5em;
    }
    
table {
    margin: 1em 0 1em 0.5em;
    }
    
a, a:link {
    color: #A0B3F7;
    font-weight: bold;
    text-decoration: none;
    }
    
a:visited {
    color: #BECCFA;
    font-weight: bold;
    }   

a:hover {
    color: #FFFF00;
    text-decoration: underline;
    }

a:active {
    color: #FF99FF;
    font-weight: bold;
    }
    
a.externalLink {
    background: url(../images/site/external-link.gif) 100% 50% no-repeat;
    padding-right: 13px;
    }   
                
    
#skip a, #skip a:hover, #skip a:visited {
    position:absolute;
    left:0px;
    top:0px;
    width:1px;
    height:1px;
    overflow:hidden;
/*  display: none; */
    }
 
#skip a:active {
    position:static;
    width:auto;
    height:auto;
    }   
    
ul {
    margin-bottom:1em;
    }

li{
    margin-left: 0.5em;
    margin-bottom: 0.35em;
    list-style-type: disc;
/*  text-align: justify;*/
    }
	
li ul{
	margin-top: 0.75em;
	}	

blockquote{
	margin: 0.5em 1em 1em;
	font-style:italic;
    }
	
.hr { 
	height: 1.0em;
	padding: 0.5em 0;

	}

tr.superSpacer td{
	line-height: 1.5em;
	vertical-align: baseline;
	}
	
	
/* =============================== GLOBAL =============================== */

.clarify{
    background-color:#FF0000;
    }
    
.alignRight {
    text-align: right;
    margin: 0 .5em 0 0;
    }
    
.alignCenter {
    text-align: center;
    }
	
.alignLeft {
	text-align: left;
	}

.asterixLarge{
    font-size: 24px;
    color: #FF00FF;
    font-weight: bold;
    }
    
.colLeft, .colRight {
    width:305px;
    }
    
.colLeft{
    float:left;
    }
    
.colRight{
	float:left;
    }
    
.clear {
    clear:both;
    }
    
.clearLeft {
    clear: left;
    }

.clearRight {
    clear: right;
    }

        
.footnote {
    font-size: 0.9em;
    margin-top: 1.0em;
    padding-top: 2em;
    clear: both;
    }

.headers {
    text-align:left;
    }
        
.highlight {
	color: #FFFF00;
	font-weight: bolder;
	font-size: 1em;
    }

h3 sup.highlight { font-size: 0.5em; }

img {
    border-top: 1px solid #FFFFFF;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 1px solid #FFFFFF;
}
    
.imgCaption {
	margin: 0 0;
	text-align: center;
	font-weight: bold;
	background-color: #A0B3F7;
	color: #666699;
	border: 1px solid black;
	border-top: none;
	padding: .35em 0 0 0;
	display: block;
	font-size: 0.8em;
	position: relative;
}

.imgCentre {
	text-align: center;
	margin: 0 auto 1em;
    }

.imgCentre .imgCaption {
	margin-left: auto;
	margin-right: auto;
/*	width : 250px;*/
	}    

.imgRight, .imgLeft{    
    margin: 0.20em 0 0.20em;
    }
    
.imgLeft{
    float:left;
    margin-right: 1.25em;
    display: inline;
    margin-bottom: 0.5em;
    }

.imgRight{
    float:right;
    margin-left: 1em;
    }
	
.inquiryRight {
	float: right;
	}	

.large {
	font-size:1.35em;
			
		}
.noDetailsFramePort{
	width: 96px;
	height: 114px;
	text-align: center;
    border-top: 1px solid #FFFFFF;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 1px solid #FFFFFF;
	margin: 0 auto;
	}   

.noDetailsFramePort img, .noDetailsFrameLand img{
	border: none;
	}
	
.noDetailsFrameLand{
	width: 150px;
	height: 96px;
	text-align: center;
    border-top: 1px solid #FFFFFF;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 1px solid #FFFFFF;
	margin: 0 auto;
	} 	
		     
.noDisplay {
    display: none;
    }
    
.spacer {
    height: 2.5em;
    }
	
.spacer-sm {
    height: 1em;
	}
	
.top {
    float: right;
    background-image: url(../images/layout/arrowTop.gif);
    background-position: top right;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.specList li{
    list-style: none;
    }

.separator {
        clear: both;
        }

.separatorInvisible {
        clear: both;
        height: 1px;
        }

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

.clearfix {display: inline-block;}

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


/* =============================== LAYOUT =============================== */



#header, #footer{
    background-color:#A0B3F7;
    color: #666699;
}

#content {
    height:1%;
    margin: 0 auto;
    position:relative;
    width:100%;
    clear:both;
}


/* =============================== HEADER =============================== */

#header{
    position: relative;
    height: 90px;
    background-image: url(../images/layout/PYC-Logo-bg.jpg);
    background-position: 0.5em;
    background-repeat: no-repeat;
    }
    
#headLogo {
    float: left;
    margin: 1px 0 0 2px;
    }

#headMiddle{
    margin: 0 0 0 130px;
/*  height: 90px; */
    background-color: #FFFFFF;
    }

#headRight{
    float:right;
    margin: 1px 2px 0 0; 
    }
                
/* --------------- headMid -------------- */

/* ----------- headTitle ----------- */
#headTitle{
    }

#headTitle img{
    border: 0;
    padding: 0;
    margin: 23px 0 0 190px;
    }
    
/* ----------- headNav ----------- */

#headNav{
    position: absolute;
    width: 100%;
    bottom: 2px;
    left: 0px;
    }

#headNav p, #headNav ul, #headNav li{
    margin:0;
    padding:0;
    border:0;
    }   

#headNav ul {
    padding-left: 150px;
}

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

#headNav li a {
    padding: 0.20em 1.25em;
    color: #666699;
    }
#headNav li a:hover {
    text-decoration: none;
    background-color:#666699;
    color: #A0b3F7;
    }
/*  
#home #headNav .home a,
#about #headNav .about a,
#contact #headNav .contact a,
#contact #headNav .inquiry a,
#contact #headNav .book a, 
#terms #headNav .terms a, 
#sitemap #headNav .sitemap a, 
#privacy #headNav .privacy a, 
#yachts #headNav .yachts a, 
#cruising #headNav .cruising a, 
#clyde #headNav .clyde a, 
#west #headNav .west a, 
#bases #headNav .bases a, 
#rates #headNav .rates a, 
#weather #headNav .weather a, 
#travel #headNav .travel a, 
#local #headNav .local a, 
#management #headNav .management a, 
#waulkmill #headNav .waulkmill a, {
    color: #a0b3f7;
    background-color:#669;
    }   
*/
/* =============================== CONTENT =============================== */

/* ================ contNav ================ */

div#contNav {
    float: left;
    width: 116px;
    margin: 0 -2px 0 0 ;
    padding: 2.5em 0 0 0;
	font-size: 0.8em;
    z-index: 100;
    }
	

div#contNav ul {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    }
    
div#contNav li {
    position: relative;
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #A0b3F7;
	
    }
    
div#contNav li:hover {
    background: #A0b3F7;  
    }

div#contNav li:hover a{
    color: #0046FF;
    background-color: #A0b3F7;  
    }

div#contNav li.submenu {
    background: url(../images/layout/submenu.gif) 97% 50% no-repeat;
    z-index: 100;
    }

div#contNav li a {
    display: block;
    padding: 3px 0px 3px 5px;
    text-decoration: none;
	width: 100%;
/*	voice-family: "\"}\"";
	voice-family: inherit;	
	width: 111px;*/ 
    color: #A0B3F7; 
    }


div#contNav ul ul {
    position: absolute;
    top: 0;
    left: 116px;
    margin-top: -1px; 
    display: none;
    background-color: #A0b3F7;  
    width:  220px;
    z-index: 100;
    }

* html div#contNav ul ul {
    left: 119px; 
	}

div#contNav ul ul li.boatBorder{
    border-bottom: 1px solid #666699;
    padding-bottom: 1px;
    }
        
div#contNav ul.level1 li.submenu:hover ul.level2 {
    display: block; 
    }
    
div#contNav ul.level1 li.submenu:hover ul.level2 li:hover{
    background:  #8585AD;
    color:  #A0b3F7 ;
    }
    
 div#contNav ul.level1 li.submenu:hover ul.level2 li:hover a{
    background: #8080AA;    
    color: #EDEDF8;
    }


/*
#yachts #contNav .yachts a, 
#cruising #contNav .cruising a, 
#rates #contNav .rates a, 
#weather #contNav .weather a, 
#travel #contNav .travel a, 
#local #contNav .local a, 
#management #contNav .management a, 
#waulkmill #contNav .waulkmill a {
    color: #669;
    background-color: #a0b3f7; 
    }       
*/

/* ================ contMain ================ */

#contMain {
    float: left;
    margin: 0 0 0 -3px;
    width: 570px;
    padding: .5em .25em 0;
}

* html #contMain {
    width: 570px;
    }
    
#contMain ul {
    list-style: square;
    margin-left: 1em; 
    list-style-position: outside;
    }
    
#contMain li {
/*  margin-left: 2em; */
    }

.upRight {
    background: url(../images/layout/upRight.gif) top right no-repeat;
    }
    
.upLeft {
    background: url(../images/layout/upLeft.gif) top left no-repeat;
    }
    
.downRight {
    background: url(../images/layout/downRight.gif) bottom right no-repeat;
    }
    
.downLeft {
    background: url(../images/layout/downLeft.gif) bottom left no-repeat;
    }
    
.upRight, .upLeft, .downRight, .downLeft {
    margin: 0;
    padding: 0;
    }
    
.mainContent{
    margin: 0;
    padding: 1em 1em 1.5em 1em;
    width: auto;
    height: 1%;
    }
    
/*.listHead {
    font-size: 0.6em;
    }   */
    
    
/* ================ contRight ================ */

#contRight{
	float: left;
	width: 180px;
	margin: 0;
	padding: 2.0em 0 0 0;
	font-size: 0.85em;
 }

#contRight ol, #contRight ul {
    margin: 0 0.5em 0 0.75em;
    }
    
#contRight li {
    padding-bottom: 0.1em;
/*  margin: 0 0 0 0 ;*/
    }

#contRight ul ul {
    margin:.5em 0 0 .25em;
    }   
    
#contRight ul ul li {
    list-style: none;
    margin-bottom: -.5em;

    }
    
.specials{
	color:#FFCD81;
	margin-bottom: 0.5em;
	padding: 0.25em;
	border-bottom: 1px solid #96A6E4;
    }
    
.specials_Price{
    color:#FFCD81;
    font-weight: bold;
    }

.specials_Price li{ 
	list-style:none;
	margin-left: 0;
	}

/* ============== Disclaimer ============== */

#disclaimer {
    padding: 5px;
    font-size: 0.8em;
    width: 440px;
    color: #000000;
    background-color: #FFFFFF;
}

.disclaimer {
    font-size:0.8em;
    margin-bottom:0;
    float: right;
    padding: 0 .5em 0;
    }
    
        
/* =============================== FOOTER =============================== */

div#footer {
    position: relative;
    font-size: 0.8em;
    height: 75px;
    padding: 0.25em 0.5em 0;
    color: #000000;
    }
    
div#footer ul{
    padding-bottom: 0;
    margin-bottom: 0;
    list-style-type: none;
    }
    
div#footer li {
    margin-bottom: 0;
    padding-bottom: 0;
    list-style-type: none;
    }
    
div#footer li a {
    color: #666699;
    }

div#footer li a:hover {
    background-color: #666699;
    color: #A0b3F7;
    text-decoration: none;
    }

div#footLeft{
    float: left;
    }
    
div#footMid{
    float: left;
    margin-left: 80px;
    text-align: left;
    }
    
div#footRight{
    float: right;
    width: 125px;
    text-align: right;
    }   
    
div#footRight .imgRight {
    margin: 0px;
    text-align: center;
}