
/*
-----------------------------------------------
US Sailing  style sheet
version:  8 June 2005
Author: Lori Dolby
----------------------------------------------- */

html {
	margin: 0;
	padding: 0;
}

body{ 
	margin:0; padding:0; 
	background-color: #A9BE99;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-position: 50% 0;
	font-size: 11px;
	text-align: center;
	voice-family: "\"}\""; 
	voice-family:inherit;
	color:#666;
	
} 
p {
line-height: 1.5em;
margin: 5px 0 0 2px;
padding: 5px 0 0 2px;
}

a:link {
color:#3366CC;
}
a:visited  {
	color:#330099; 
}
a:hover {
color:#A53644; 
}
a:active {
color:#A53644; 
}

#breadcrumbs {
	padding: 0px 0px 10px 0px;
	margin: 0 0px 0 0px;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
	color: #666666;
}

#breadcrumbs a {
	color: #375489;
}
#container {
	width: 800px;
	\width: 825px;
	w\idth: 800px;
	background: #375489 url(../images/bg.gif) repeat-y;
	margin-left: auto;
	margin-right: auto;	
	padding: 0;
		}
#homecontainer {
	width: 800px;
	\width: 825px;
	w\idth: 800px;
	background: #375489 url(images/hmbg.gif) repeat-y;
	margin-left: auto;
	margin-right: auto;	
	padding: 0;
		}
#rolex #banner {
	height: 191px;
	width: 800px;
	background: url(images/champheader07.gif) left top no-repeat;
		}
#regatta #banner {
	height: 191px;
	width: 800px;
	background: url(../images/rolexheader2_07.jpg) left top no-repeat;
		}	
#event #banner {
	height: 191px;
	width: 800px;
	background: url(../images/rolexheader3_07.jpg) left top no-repeat;
		}
#media #banner {
	height: 191px;
	width: 800px;
	background: url(../images/rolexheader4_07.jpg) left top no-repeat;
		}	
#participant #banner {
	height: 191px;
	width: 800px;
	background: url(../images/rolexheader5_07.jpg) left top no-repeat;
		}									
#masthead { 
	display: none;
	position: relative;
	padding: 0 0 12px;
	
	}

#masthead div { 
	font-size: 2em;
	}

/*---  HOME right SIDE BAR ---*/	
#hmsidebar2col-b {
	float: right;
	width: 250px;
	\width: 300px;
	w\idth: 250px;
	margin-right: 5px;
	margin-left: 10px;
	
	padding: 0px 35px 10px 0px;
		text-align:left;
		}
	/*---  HOME CONTENT ---*/		
#hmcontent2col {
	margin-left: 50px;
	margin-right: 305px;
	text-align: left;
	padding-left: 10px;
	padding-right: 5px;
		} 
#hmcontent2col h6 {
	padding: 0 0 0 0;
	margin: 0 3px 7px 0; 
	font-family: georgia, "Times New Roman", serif;
	font-size: 19px;
	text-align:left;
	font-weight:bold;
	color:#8A3333;
}		
#hmcontent2col h4 {
margin: 5px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align:left;
	color:#BC9A3F;
	word-spacing: .4em;
	padding:7px 0px 0 3px;
	font-weight:bold;
	}

#hmcontent2col h5 {
	padding: 0 0 0 0;
	margin: 10px 3px 0px 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	font-weight:bold;
	color:#777;
}		
#hmcontent2col h3 {
	padding: 10px 0 10px 0;
	margin: 0 3px 0 0; 
	font-family: georgia, "Times New Roman", serif;
	font-size: 15px;
	text-align:left;
	font-weight:bold;
	color:#8A3333;
}	

#hmsidebar2col-b h3{
	padding: 10px 0 10px 0;
	margin: 0 3px 0 0; 
	font-family: georgia, "Times New Roman", serif;
	font-size: 15px;
	text-align:left;
	font-weight:bold;
	color:#8A3333;
}		









/*---  HOME LEFT SIDE BAR ---*/
#hmsidebar-a {
	float: left;
	width: 210px;
	\width: 255px;
	w\idth: 210px;			
	padding: 0px 0px 210px 35px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #727664;
	margin-right: 5px;
	margin-left: 0;
	text-align:left;

			}
		/*---  HOME right SIDE BAR ---*/	
#hmsidebar-b {
	float: right;
	width: 220px;
	\width: 265px;
	w\idth: 220px;
	margin-right: 0;
	margin-left: 10px;
	
	padding: 0px 35px 10px 0px;
		text-align:left;
		}
	/*---  HOME CONTENT ---*/		
#hmcontent {
	margin-left: 255px;
	margin-right: 265px;
	text-align: left;
	padding-left: 10px;
	
		} 
#hmcontent h3 {
	padding: 10px 0 10px 0;
	margin: 0 3px 0 0; 
	font-family: georgia, "Times New Roman", serif;
	font-size: 15px;
	text-align:left;
	font-weight:bold;
	color:#8A3333;
}	
#hmsidebar-a h3{
	padding: 10px 0 10px 0;
	margin: 0 3px 0 0; 
	font-family: georgia, "Times New Roman", serif;
	font-size: 15px;
	text-align:left;
	font-weight:bold;
	color:#8A3333;
}	
#hmsidebar-b h3{
	padding: 10px 0 10px 0;
	margin: 0 3px 0 0; 
	font-family: georgia, "Times New Roman", serif;
	font-size: 15px;
	text-align:left;
	font-weight:bold;
	color:#8A3333;
}		
.profileimg {
	margin: 3px 7px 5px 0;
	padding: 2px;
	float: left;
	border:1px solid #000033;
}
.imgnoborder {
	margin: 3px 7px 1px 0;
	padding: 2px;
	float: left;
}
.mainfeature {
	margin: 3px 7px 5px 0;
	padding: 2px;
	float: left;
	border:1px solid #000033;
}
/*---  LEFT SIDE BAR ---*/
#sidebar-a {
	float: left;
	width: 188px;
	\width: 195px;
	w\idth: 188px;			
	padding:0;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica;
	font-size: 11px;
	text-align: right;
	color: #727664;
	margin: 10px 5px 0 2px;
			}


#content {
	padding: 5px 20px 10px 15px;
	margin-left: 205px;
	margin-right: 35px;
	text-align: left;
		} 
		
#content h2 {
	margin-top: 5px; margin-bottom: 0px; margin-left:0; margin-right:0;
	font-family: georgia, "Times New Roman", serif;
	font-size: 11px;
	text-align:left;
	color:#8A3333;
	word-spacing: .4em;
	padding:7px 0px 3px 3px;
	margin:0 3px 0 0;

	}

#content h3 {
	padding: 0 0 0 0;
	margin: 0 3px 7px 0; 
	font-family: georgia, "Times New Roman", serif;
	font-size: 19px;
	text-align:left;
	font-weight:bold;
	color:#8A3333;
}

#content h4 {
	margin-top: 5px; margin-bottom: 0px; margin-left:0; margin-right:0;
	font-family: georgia, "Times New Roman", serif;
	font-size: 20px;
	text-align:left;
	color:#5774A4;
	word-spacing: .4em;
	padding:7px 0px 3px 0px;
	margin:0 3px 0 0;
	font-weight:normal;
	}
#content h5 {
	margin-top: 5px; margin-bottom: 0px; margin-left:0; margin-right:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	color:#5774A4;
	word-spacing: .4em;
	padding:7px 0px 3px 0px;
	margin:0 3px 0 0;
	font-weight:bold;
	}

	#content h6 {
	margin-top: 5px; margin-bottom: 0px; margin-left:0; margin-right:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:left;
	color:#fff;
	word-spacing: .4em;
	padding:7px 0px 3px 0px;
	margin:0 3px 0 0;
	font-weight:bold;
	}
	#content .headerbg {
	background-color: #D5CAAE;
	margin: 12px 2px 2px 2px;
	padding: 0 5px 0 2px;
	
	}
	
/*---  CATEGORIES ---*/
#cat {
	margin: 0 0 300px 0;
	padding: 0 0 0 14px;
		text-align: right;
}
	
#cat ul {
	margin: 0;
	padding: 0;
	list-style-type: none;

}
#cat ul ul {
	margin: 0px;
	padding: 0px;
}
#cat ul li {
	margin:8px 0 12px 5px ;
	padding: 0px;
}
#cat ul li a{
	letter-spacing: .5px;
	font-size: 11px;
	color: #6F8282;
	line-height:1.2em;
	margin:0 0 0 5px ;
	padding: 0px;
	text-decoration:none;
}

#cat ul li a:hover {
	color: #9C0707;
	text-decoration:underline;
}
.navtitles {
	color: #9C0707;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1.5px;
	line-height:2.0em;
	text-align: right;
}

#insidetable {
	margin: 0;
	padding: 3px;
	width:425px;


}

#sponsors {
	margin: 0 0 0 30px;
	width:700px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
clear: both;
}
#sponsors h3 {
	padding: 10px 0 10px 0;
	margin: 0 3px 0 0; 
	font-family: georgia, "Times New Roman", serif;
	font-size: 15px;
	text-align:left;
	font-weight:bold;
	color:#8A3333;
}	
#sponsors h5{
	font-size: 15px;
	font-family: georgia, "Times New Roman", serif;
	font-weight:bold;
	color: #777;
	margin: 10px 0 10px 25px;
}
#sponsors  a:link, a:visited{
	color: #3232A3;
	text-decoration:underline;
}
#sponsors  a:hover{
	color: #800606;
	text-decoration:underline;
}
#container img.longdots {

	margin: 20px 0 15px 3px;
}

#homecontainer img.dots {
	margin:15px 0 3px 0;
}
		
#footer {

	clear: both;
	padding: 15px 0 15px 0;
	margin-top: 25px;
	color: #888;
	background-color: #CBD8C2;
	border-top:1px solid #8EAD81;

	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
	line-height:17px;
	width:776px;
		}

/* NAV-MAIN

-------------------------------------------------------------------- */
#nav {
	position: relative;
	height: 60px;
	top: 0;
	left: 0;
	}

#nav-main {
	background-color: #003B68;
	height: 60px;
	margin: 0 0 0 0;
	width: 800px;
	}

#nav-main ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

/*#nav-sub ul {

	margin: 0 0 0 12px;

}*/
#nav-main ul li {
	position: relative;
	float: left;
	height: 60px;
	margin: 0;
	padding: 0;
	z-index: 50;
	}

#nav-main ul li a {
	display: block;
	text-decoration: none;
	text-indent: -3000px;
	}
#nav-main a#hmlogobase {
	height: 60px;
	width: 152px;
	background: url(../images/hmrolexlogobase_07.gif) left top no-repeat;
	}
#nav-main a#logobase {
	height: 60px;
	width: 152px;
	background: url(../images/rolexlogobase_07.gif) left top no-repeat;
	}	
#nav-main a#baseimage1 {
	height: 60px;
	width: 333px;
	background: url(../images/roleximagebase1_07.jpg) left top no-repeat;
	}
#nav-main a#baseimage2 {
	height: 60px;
	width: 333px;
	background: url(../images/roleximagebase2_07.jpg) left top no-repeat;
	}	
#nav-main a#baseimage3 {
	height: 60px;
	width: 333px;
	background: url(../images/roleximagebase3_07.jpg) left top no-repeat;
	}	
#nav-main a#baseimage4 {
	height: 60px;
	width: 333px;
	background: url(../images/roleximagebase4_07.jpg) left top no-repeat;
	}
#nav-main a#baseimage5 {
	height: 60px;
	width: 333px;
	background: url(../images/roleximagebase5_07.jpg) left top no-repeat;
	}					
#nav-main a#nav-regatta {
	height: 60px;
	width: 75px;
	background: url(../images/menuregatta.gif) left top no-repeat;
	}
#nav-main a#hmnav-regatta {
	height: 60px;
	width: 75px;
	background: url(../images/hmmenuregatta.gif) left top no-repeat;
	}

#nav-main a#nav-results {
	height: 60px;
	width: 54px;
	background: url(../images/menuresults.gif) left top no-repeat;
	}

#nav-main li#nav-results {
	margin-left: -1px;
	}

#nav-main a#nav-media {
	height: 60px;
	width: 90px;
	background: url(../images/menumedia.gif) left top no-repeat;
	}

#nav-main li#nav-media {
	margin-left: -1px;
	}

#nav-main a#nav-participant {
	height: 60Px;
	width: 96px;
	background: url(../images/menuparticipant.gif) left top no-repeat;
	}

#nav-main li#nav-participant {
	margin-left: -1px;
	}

#nav-main a#hmnav-regatta:hover,
#nav-main a#nav-regatta:hover,
#nav-main a#nav-results:hover,
#nav-main a#nav-media:hover,
#nav-main a#nav-participant:hover {
	background-position: 0 -60px;
	}
#nav-main a#hmnav-regatta.active,
#nav-main a#nav-regatta.active,
#nav-main a#nav-results.active,
#nav-main a#nav-media.active,
#nav-main a#nav-participant.active,
#nav-main a#hmnav-regatta.active:hover,
#nav-main a#nav-regatta.active:hover,
#nav-main a#nav-events.active:hover,
#nav-main a#nav-media.active:hover,
#nav-main a#nav-participant.active:hover {
	background-position: 0 -120px;
	}

#nav-main ul li.active, 

#nav-main ul li a:hover {

	z-index: 100;

	}

#nav-main ul li ul {

	display: none;

	}
	/* NAV-UTILITY

-------------------------------------------------------------------- */

#nav-util ul {
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;
	}
#nav-util ul {
	height: 18px;
	}

#nav-util ul li {
	position: relative;
	float: left;
	margin: 0 0 0 0;
	}

#nav-util ul li a {
	display: block;
	text-decoration: none;
	text-indent: -3000px;
	}

#nav-util ul li ul {
	display: none;
	}

#nav-util li#nav-li-sailing a {
	height: 18px;
	width: 115px;
	background: url(../images/utilitysailing.gif) left top no-repeat;
	}

#nav-util li#nav-li-contact a {
	height: 18px;
	width: 54px;
	background: url(../images/utilitycontact.gif) left top no-repeat;
	}

#nav-util li#nav-li-regattas a {
	height: 18px;
	width: 96px;
	background: url(../images/utilityregattas.gif) left top no-repeat;
	}
#nav-util li#nav-li-sponsors a {
	height: 18px;
	width: 73px;
	background: url(../images/utilitysponsors.gif) left top no-repeat;

	}	
#nav-util li#nav-li-sailing a:hover,
#nav-util li#nav-li-contact a:hover,
#nav-util li#nav-li-regattas a:hover,
#nav-util li#nav-li-sponsors a:hover,
#nav-util li#nav-li-sailing.active a,
#nav-util li#nav-li-contact.active a,
#nav-util li#nav-li-regattas.active a,
#nav-util li#nav-li-sponsors.active a {
	background-position: 0 -18px;
	}
#gallery	 {
margin: 18px 0 0 0;
}
.galleryborder { border: 1px solid #D7DAC5; margin: 0 0 10px 10px; }
.galleryfill { border: 1px solid #FFFFFF; background-color: #F4F4ED; padding: 10px; }
.thumb { border: 1px solid #D7DAC5; width: 125px; background-color: #FFFFFF; padding: 1px; }
.nail { text-align: center; padding-top: 5px; font-size: 11px;}
.detailborder { border: 1px solid #D7DAC5; margin: 10px 0 10px 10px; width: 475px; }
.detail { border: 1px solid #D7DAC5; width: 450px; background-color: #FFFFFF; padding: 1px; }

/*
----------------------------------------------- TABLES

------------------------------------------------ */


h1.schedule {
	text-align: left;
	}

table.schedule {
	border-collapse: collapse;
	width: 500px;
	}

table.schedule tr.alt td {
	background-color: #E8E0E0;	
	}
table.schedule tr.alt2 td {
	background-color: #EFF2F7;	
	}	

table.schedule td {
border: 1px solid #CCC;
padding: 3px;
}
table.schedule th {

padding-top: 15px;
padding-bottom: 5px;
}
table.resultintro img {
border: 1px solid #D5E3EE;
padding: 2px;

}


table.schedule .caption {
	font: 11px/12px Arial, Verdana, serif;
	margin: 2px 5px 5px 5px;
	padding: 0 5px 0 5px;
	}
.caption {
font: 11px/12px Arial, Verdana, serif;
color: #444;
}
.map {
border: 1px solid #D5E3EE;
padding: 3px;
}
