/* 8.5.1 */
/*=NOTE #branding is positioned (relative), thus it is the basis for #navigation's (relative) postioning, which is basis for navus and navmain absolute positioning*/



a{
color:#363636;/*= makes all link text dark gray (almost black)*/
text-decoration:underline;
}

#navigation{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	background:#D1D1D1;
	border-bottom:15px #9E9E9E solid;
	line-height:1em;
	font-size:.8em;
}

#navigation a{
	text-decoration:none;
}

p.breadcrumb{
	line-height:1.5em;
	font-size:9px;
	position: absolute;
	right: 5px;
	top: 80px;
	padding:1px 4px 1px 4px;
	z-index:8;
	color:#D2EAF1;
} 

#branding p.breadcrumb{ /*index page,"showroom in rochester" also effects oops*/
	color:#CCFFEE;
}
p.breadcrumb a{ 
	color:#D2EAF1;
	text-decoration:none; /*have a question? */
}
p.breadcrumb a:hover{
	background-color:gray;
	color:white;
	padding:0 4px;
	border:1px solid #66FFFF;
	z-index:10;
}
.home a#home, .aboutus a#aboutus, .directions a#directions, .contact a#contact{
	background:Gray;
	color:#97E6FF;
	
}

.navus{
	position:absolute;
	right:1px;
	top:5px;
	text-align:center;
}
.navus li, .navmain li, .navmainsub li, .navsecondary li {
	float:left;
}
.navus a{
	border-right:1px solid #363636;
	border-top:2px solid #D1D1D1;
	color:#363636;
	display:block;
	padding:3px 6px 2px 6px;/* specificity 12 */
}
.navus a#contact{
	padding:3px 4px 2px 6px;
	border-right:5px solid #D1D1D1;
}


.navus a:hover{
	background-color:white;
	padding:3px 6px 2px 6px;
	border-top: 2px solid gray;
	z-index: 12;
}

/*=navmain ================================================*/

.navmain{
	position:absolute;
	right:5px;
	top:35px;

}
.navmain a{
	background:#CCFFEE;
	padding:3px 6px 2px 6px;
	border-top:2px solid #D1D1D1;
	border-right:2px solid #D1D1D1;
	display:block;

}
.navmainsub li.first{
	padding:5px 6px 2px 0;
	color:red;
	

}
.navmainsub{
	position:absolute;
	right:5px;
	top:62px;
	display:block;
}

.navmainsub a{
	display:block;
	padding:3px 6px 2px 6px;
	border-top:2px solid #D1D1D1;
	border-right: 2px Silver solid;
	background-color:#ADD8E6;
	color:#363636;
	z-index: 12;
}





/*=navscondary======================================================*/
.navsecondary{
	position:absolute;
	right:0;
	top:98px;
}


.navsecondary a, .navsecondary li.first{
	background:white;
	padding:3px 6px 2px 5px;
	border-top:2px solid White;
	border-right:1px White solid;
	display:block;
	font-style:normal;
	text-decoration: none;
	z-index: 12;
	color:black;
}
.navsecondary li.first{
	color:red;
}

/*trail to where I went  specificity 121*/
.choose-a-boat .nav-sailboats a#boats, .show-all .nav-sailboats a#boats, .show-all .nav-sailboats a#choose-a-boat, .dinghies .nav-sailboats a#boats, .dinghies .nav-sailboats a#choose-a-boat, .board-boats .nav-sailboats a#boats, .board-boats .nav-sailboats a#choose-a-boat, .daysailers .nav-sailboats a#boats, .daysailers .nav-sailboats a#choose-a-boat, .catamarans .nav-sailboats a#boats, .catamarans .nav-sailboats a#choose-a-boat, .learn-to-sail .nav-learn a#learn, .crew .nav-learn a#learn, .race .nav-learn a#learn, .rig .nav-learn a#learn, .knots .nav-learn a#learn, .identify .nav-learn a#learn, .fleets .nav-local a#local, .clubs .nav-local a#local, .lakes .nav-local a#local, .budget-sailing .nav-local a#local, .start-a-fleet .nav-local a#local, .start-a-fleet .nav-local a#fleets, .sailing101 .nav-learn a#learn, .sailing101 .nav-learn a#sail, .lessons .nav-learn a#learn, .lessons .nav-learn a#sail, .dvds-books .nav-learn a#learn, .dvds-books .nav-learn a#sail, .one-designs .nav-learn a#learn, .one-designs .nav-learn a#sail, .budget-sailing .nav-local a#local, .kayaks .nav-boats a#boats, .pedal-boats .nav-boats a#boats, .rowboats .nav-boats a#boats, .electric-boats .nav-boats a#boats, .sunfish-fleet .nav-local a#local, .sunfish-fleet .nav-local a#clubs, .lakes .nav-local a#local, .expo125 .nav-sailboats a#boats, .expo125 .nav-sailboats a#choose-a-boat, .expo125 .nav-sailboats a#board-boats, .expo142 .nav-sailboats a#boats, .expo142 .nav-sailboats a#choose-a-boat, .expo142 .nav-sailboats a#daysailers, .hobie-island .nav-sailboats a#boats, .hobie-island .nav-sailboats a#choose-a-boat, .hobie-wave .nav-sailboats a#boats, .hobie-wave .nav-sailboats a#choose-a-boat, .hobie-wave .nav-sailboats a#catamarans, .super-snark .nav-sailboats a#boats, .super-snark .nav-sailboats a#choose-a-boat, .super-snark .nav-sailboats a#dinghies, .wb10 .nav-sailboats a#boats, .wb10 .nav-sailboats a#choose-a-boat, .wb10 .nav-sailboats a#dinghies, .stonyfleet .nav-local a#fleets, .stonyfleet .nav-local a#local


{
	background: #ADD8E6;
	border-top:2px gray solid;
}

/*tells which page you're on  specificity 111*/
.choose-a-boat a#choose-a-boat, .show-all a#show-all,
.dinghies a#dinghies,  .board-boats a#board-boats, .daysailers a#daysailers, 
.catamarans a#catamarans, 

.boats a#boats, .parts a#parts, .gear a#gear, .service a#service, .learn a#learn, .local a#local, 

.kayaks #kayaks, .pedal-boats #pedal-boats, .rowboats #rowboats, .electric-boats #electric-boats, 

.fleets a#fleets, .clubs a#clubs, .lakes a#lakes, .budget-sailing a#budget-sailing,

.learn-to-sail a#sail, .crew a#crew, .race a#race, .rig a#rig, .knots a#knots, .identify a#identify,

.start-a-fleet a#start-a-fleet, .sunfish-fleet a#sunfish-fleet, .sailing101 a#sailing101, .lessons a#lessons, .dvds-books a#dvds-books, .one-designs a#one-designs

{
	border-top:2px #ADD8E6 solid;
	background:Gray;
	color:#97E6FF;
}
#navigation .navmain a:hover{ /*specificity 111*/
	background-color:white;
	border-top:2px solid gray;
	padding:3px 6px 2px 6px;
	z-index: 12;
}
#navigation .navmainsub a:hover{ /*specificity 111*/
	background-color:white;
	border-top:2px solid gray;
	z-index: 12;
}
#navigation .navsecondary a:hover{ /*specificity 111*/
		padding:3px 5px 2px 5px;
		display:block;
		border-top:2px gray solid;
		border-right:2px solid white;
		background:#ADD8E6;
		z-index: 12;
}
 
/*

.show-all .nav-sailboats a#choose-a-boat, .show-all .nav-sailboats a#show-all{
	background:white;
	border-top:white;
}


.dinghies .nav-sailboats #dinghies {

	border-right: 2px #9E9E9E solid;
	color:#97E6FF;
}

a#expo125, a#expo142, a#island, a#wave, a#wb10, a#supersnark{
	text-decoration:none;
	background-color:#696969;
	color:#BBEAF9;
	padding:2px 3px;
}*/
#brandblock{
	background:#F4F4F4;
	border-top: 1px solid #D1D1D1;
	font-size:10px;
	font-style:normal;
}
#brandblock a{
	text-decoration:none;
	color:#9E9E9E;
}
#brandblock ul{ 
	float:left;
	list-style:none;
	padding:.4em 3px 0 13px;
	margin:0;
	line-height:1em;
}
#brandblock li{
	color:#9E9E9E;
	line-height:1.1em;
	padding-bottom:.2em;
}
#siteinfo{
	font-style:normal;
	background-color: #D1D1D1; /*mid gray so I can see*/
	color:White;
}

/*=otherlinks misc and some temporary until I get individual pages; these links ARE NOT IN navigation div*/
a.external{
	text-decoration:none;
	border-bottom:#3399cc solid 1px;
} 

.brands a, .brandsgear a{
border-bottom:#3399CC solid 1px; /*same blue as h5 */
color:#3399CC; /*slate blue*/
font-style:oblique;
text-decoration:none;
}
.brands a{
	border-bottom:none; /*don't want them underlined nor as noticeable, as want internal links to be clicked first first*/
}
.brands h6 a{
color:#9E9E9E;
font-style:normal;
border-bottom:none;
}
.brands h6 a:hover{
text-decoration:underline;
}
#contentmain li h4 a{
	text-decoration:none;
	color:#9E9E9E;
}
#contentmain li h5 a{
	text-decoration:none;
	color:#3399CC;
}
#contentmain li h4 a:hover, #contentmain li h5 a:hover{
	text-decoration:underline;
}
#contentmain ul.float li h5 a{
	text-decoration:underline;
}
#contentmain ul.float li h5 a:hover{
	text-decoration:overline;
}
a.notice, div#contentsub.brands a.notice{
	float:left;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:.9em;
	font-weight:bold;
	padding: 0 4px .2em 4px;
	border-left:2px solid #ff8000;
	border-right:2px solid #ff8000;
	border-bottom:none;
	margin:1em 0 1em 0;
	background:white;
	color:#9E9E9E;
	font-style:normal;
	text-decoration:underline;
} 
a.notice:hover, div#contentsub.brands a.notice:hover{
	background:#D1D1D1;
	color:#363636;
}
#contentsub.brands h6 a{
	text-decoration:underline;
}
#contentsub.brands h6 a:hover{
	text-decoration:overline;
}
#contentsub.brands ol li, #contentsub.nav ul li{
margin-left:20px;
}