/* === NAV - MAIN FLEET === */
#navMain { background: url(../images-brand/t_navMainBG.gif) repeat-x #333333; height: 20px; padding: 0; position: relative; width: 998px; }
#navMainMarg { padding: 1px 0 1px 0; }

/* LAYOUT INFO = 14px + m1 width + 6px space + 3px bar1 + 6px space +  */
div#navMain img#bar1 { left: 92px; width: 3px; position: absolute; height: 18px; }
div#navMain img#bar2 { left: 169px; width: 3px; position: absolute; height: 18px; }
div#navMain img#bar3 { left: 318px; width: 3px; position: absolute; height: 18px; }
div#navMain img#bar4 { left: 406px; width: 3px; position: absolute; height: 18px; }
div#navMain img#bar5 { left: 463px; width: 3px; position: absolute; height: 18px; }
div#navMain img#bar6 { left: 585px; width: 3px; position: absolute; height: 18px; }
div#navMain img#bar7 { left: 682px; width: 3px; position: absolute; height: 18px; }
#navMain img#bar8 { left: 819px; width: 3px; position: absolute; height: 18px; }

div#navMain a.navCal { display: block; z-index: 3; background: url(../images-brand/mm_cal.gif) no-repeat center top; left: 14px; width: 72px; position: absolute; height: 18px; }
div#navMain a.navCal:visited { display: block; z-index: 3; background: url(../images-brand/mm_cal.gif) no-repeat center top; left: 14px; width: 72px; position: absolute; height: 18px; }
div#navMain a.navCal:active { display: block; z-index: 3; background: url(../images-brand/mm_cal.gif) no-repeat center top; left: 14px; width: 72px; position: absolute; height: 18px; }
div#navMain a.navCal:hover { width: 72px; background-position: 0px -18px; background-color: #ffffff; }

div#navMain a.navRes { display: block; z-index: 3; background: url(../images-brand/mm_res.gif) no-repeat center top; left: 101px; width: 62px; position: absolute; height: 18px; }
div#navMain a.navRes:visited { display: block; z-index: 3; background: url(../images-brand/mm_res.gif) no-repeat center top; left: 101px; width: 62px; position: absolute; height: 18px; }
div#navMain a.navRes:active { display: block; z-index: 3; background: url(../images-brand/mm_res.gif) no-repeat center top; left: 101px; width: 62px; position: absolute; height: 18px; }
div#navMain a.navRes:hover { width: 62px; background-position: 0px -18px; background-color: #ffffff; }

div#navMain a.navLis { display: block; z-index: 3; background: url(../images-brand/mm_lis.gif) no-repeat center top; left: 178px; width: 134px; position: absolute; height: 18px; }
div#navMain a.navLis:visited { display: block; z-index: 3; background: url(../images-brand/mm_lis.gif) no-repeat center top; left: 178px; width: 134px; position: absolute; height: 18px; }
div#navMain a.navLis:active { display: block; z-index: 3; background: url(../images-brand/mm_lis.gif) no-repeat center top; left: 178px; width: 134px; position: absolute; height: 18px; }
div#navMain a.navLis:hover { width: 134px; background-position: 0px -18px; background-color: #ffffff; }

div#navMain a.navCre { display: block; z-index: 3; background: url(../images-brand/mm_cre.gif) no-repeat center top; left: 327px; width: 73px; position: absolute; height: 18px; }
div#navMain a.navCre:visited { display: block; z-index: 3; background: url(../images-brand/mm_cre.gif) no-repeat center top; left: 327px; width: 73px; position: absolute; height: 18px; }
div#navMain a.navCre:active { display: block; z-index: 3; background: url(../images-brand/mm_cre.gif) no-repeat center top; left: 327px; width: 73px; position: absolute; height: 18px; }
div#navMain a.navCre:hover { width: 73px; background-position: 0px -18px; background-color: #ffffff; }

div#navMain a.navNew { display: block; background: url(../images-brand/mm_new.gif) no-repeat center top; left: 415px; width: 42px; position: absolute; height: 18px; }
div#navMain a.navNew:visited { display: block; background: url(../images-brand/mm_new.gif) no-repeat center top; left: 415px; width: 42px; position: absolute; height: 18px; }
div#navMain a.navNew:active { display: block; background: url(../images-brand/mm_new.gif) no-repeat center top; left: 415px; width: 42px; position: absolute; height: 18px; }
div#navMain a.navNew:hover { width: 42px; background-position: 0px -18px; background-color: #ffffff; }

div#navMain a.navPho { display: block; z-index: 3; background: url(../images-brand/mm_pho.gif) no-repeat center top; left: 472px; width: 107px; position: absolute; height: 18px; }
div#navMain a.navPho:visited { display: block; z-index: 3; background: url(../images-brand/mm_pho.gif) no-repeat center top; left: 472px; width: 107px; position: absolute; height: 18px; }
div#navMain a.navPho:active { display: block; z-index: 3; background: url(../images-brand/mm_pho.gif) no-repeat center top; left: 472px; width: 107px; position: absolute; height: 18px; }
div#navMain a.navPho:hover { width: 107px; background-position: 0px -18px; background-color: #ffffff; }

#navMain a.navMem { display: block; z-index: 3; background: url(../images-brand/mm_mem.gif) no-repeat center top; left: 852px; width: 103px; position: absolute; height: 18px; }
#navMain a.navMem:visited { display: block; z-index: 3; background: url(../images-brand/mm_mem.gif) no-repeat center top; left: 852px; width: 103px; position: absolute; height: 18px; }
#navMain a.navMem:active { display: block; z-index: 3; background: url(../images-brand/mm_mem.gif) no-repeat center top; left: 852px; width: 103px; position: absolute; height: 18px; }
#navMain a.navMem:hover { width: 103px; background-position: 0px -18px; background-color: #ffffff; }

div#navMain a.navON { background-color: #EBEBEB; background-position: 0px -18px; }
div#navMain a.navON:visited { background-color: #EBEBEB; background-position: 0px -18px; }
div#navMain a.navON:active { background-color: #EBEBEB; background-position: 0px -18px; }

/* === HOME === */
#titleBar-home { width: 989px; height: 40px; padding: 0; }
#photoBanner-home { overflow: hidden; height: 119px; }

#intro-home { background: url(../images-brand/hm_introBG.gif) no-repeat; width: 723px; height: 141px; position: relative; }
#intro-home h1 { color: #000000; font-size: 18px; font-weight: normal; font-family: arial, sans-serif; margin: 0 260px 6px 30px; padding: 50px 0 0 0; }
#intro-home h2 { color: #cc0000; font-size: 14px; font-weight: normal; font-family: arial, sans-serif; margin: 0 260px 3px 30px; }
#intro-home p { color: #000000; font-size: 12px; margin: 0 220px 0 30px; }

#photo-one { position: absolute; top: 420px; left: 225px; border-right: 10px solid #000000; border-top:#000 9px solid; }
#photo-two { position: absolute; top: 568px; left: 225px; border-right: 10px solid #000000; border-top: 1px solid #000000; }

#contacts-home { position:relative; left: 0px; top: 0; width:216px; height: 278px; border-top:#000 9px solid; border-right:#000 9px solid; }
#contacts-home h2 { margin: 9px 10px 3px 30px; color: #000000; font-size: 14px; }
#contacts-home h3 { margin: 0 10px 0 30px; color: #4D4D4D; font-size: 12px; }
#contacts-home p { margin: 0 10px 3px 30px; }
#contacts-home a, #contacts-home a:link, #contacts-home a:active, #contacts-home a:visited { text-decoration: none; }
#contacts-home a:hover { text-decoration: underline;}

/* === HOME BOXES - right === */
#news-home { width:275px; position: absolute; right: 0; top: 279px; background:#000000; }
#boxNews { width: 265px; height: 130px; padding: 0; margin: 10px 0 0 10px; background:#ffffff;}
#boxInfo { width: 265px; height: 278px; padding: 0; margin: 10px 0 0 10px; background:#fafafa; position: relative;}
#boxSail {
	width: 265px;
	height: 278px;
	padding: 0;
	margin: 1px 0 0 0;
	position: absolute;
	right: 275px;
	top: 419px;
	border-left:#000 10px solid;
	border-top:#000 9px solid;
	background-color: #fafafa; }

.hmNews h2 { font-size: 14px; font-weight: normal; font-family: arial, sans-serif; line-height: 30px; color: #1a1a1a; letter-spacing: .05em;
	margin: 0; text-align: center; background:url(../images-brand/hm_headNewsTop.jpg) no-repeat;}
.hmNews h3 { font-size: 14px; font-weight: normal; font-family: arial, sans-serif; line-height: 30px; color: #1a1a1a; letter-spacing: .05em; 
	margin: 0; text-align: center; background:url(../images-brand/hm_headNewsBG.jpg) repeat-x; color:#ffffff;}
.hmNews h4 { font-size: 12px; line-height: 18px; font-weight: normal; font-family: arial, sans-serif; color: #005288; margin: 9px 0 0 5px;}
.hmNews h5 { font-size: 12px; line-height: 18px; font-weight: normal; color: #000000; margin: 0;}
.hmNews p { font-size: 12px; line-height: 18px; color: #4d4d4d; margin: 0 0 0 5px; padding: 0; }
.hmNews p.racedate { color: #8c8c8c;  margin: 0 0 0 14px; padding: 0; }
.hmNews p.racedate span { font-style:italic; padding: 0 5px 0 5px; }
.hmNews a, .hmNews a:link, .hmNews a:active, .hmNews a:visited {
	color: #4d4d4d; 
	text-decoration: none; 
	background: url(../images-brand/bullet-sail.gif) 0 0.3em no-repeat; 
	padding-left: 10px; }
.hmNews a:hover { color: #cc0000; text-decoration: underline; }
.hmNews ul { margin: 9px 5px 0 5px; padding: 0; list-style: none none;}
.hmNews li { margin: 0; padding: 0; font-size: 12px; }
.hmNews a.fleetLk, .hmNews a:link.fleetLk, .hmNews a:active.fleetLk, .hmNews a:visited.fleetLk { color: #6d6d6d; text-decoration: none; background: none; padding-left: 0; }
.hmNews a:hover.fleetLk { color: #cc0000; text-decoration: underline; padding-left: 0;}
.hmNews span.club { color: #8c8c8c; background: none; font-size: 10px; }
.hmNews span.fleet { color: #8c8c8c; background: none; font-size: 11px; }
#boxSail a, #boxInfo a { background: url(../images-brand/bullet-sail-blue-t.gif) 0 0.3em no-repeat; }
#boxSail a.fleetLk, #boxSail a:link.fleetLk, #boxSail a:active.fleetLk, #boxSail a:visited.fleetLk { background: none; }
#boxSail a.icon-doc, #boxSail a:link.icon-doc, #boxSail a:active.icon-doc, #boxSail a:visited.icon-doc {
	color: #4d4d4d; 
	text-decoration: none;  
	background: url(../images-brand/icon_docs.gif) 0 0.3em no-repeat; 
	padding: 3px 0 9px 15px;
	margin-left: 12px;
	line-height: 18px;}
#boxSail a:hover.icon-doc { color: #cc0000; text-decoration: underline; padding: 3px 0 9px 15px; line-height: 18px; }

/* === Fleet Member List === */
table#fleetmemberlist { border-collapse: collapse; margin: 18px 0 27px 30px; }
#fleetmemberlist td { padding: 2px 4px 2px 4px; border: solid 1px #D9D9D9; border-collapse: collapse; }
#fleetmemberlist th { color: #4d4d4d; font-weight: bold; font-size: 11px; background-color: #E0E0E0; border: solid 1px #D9D9D9; padding: 4px; }
#fleetmemberlist .repSort { font-weight: bold; }
#fleetmemberlist .repNumber { text-align: right; }

/* === CALENDAR === */
.calendar { margin-left: 20px; margin-top: 20px; }
.calendar .H3 { color: #005288;  padding: 4px 3px 4px 5px; font-size: 12px; border: 1px solid #C6C6C6; }
.calendar .calDate { color: #000000; padding: 4px 5px 4px 3px; font-size: 12px; text-align: right; border-bottom: 1px solid #C6C6C6;  background-image: url(../images-brand/box_BG_tblHd.gif); }
.calendar .calDetail { padding: 0 0 0 10px; color: #1a1a1a; background-color: #f5f5f5; }
.calendar .calName { color: #4d4d4d; padding: 0 2px 0 0; text-align: right; background-color: #f5f5f5; }
.calendar .calNameT { color: #4d4d4d; padding: 0 2px 0 0; text-align: right; background-color: #f5f5f5; vertical-align: top; }
.calendar .calDesc { padding: 0 0 5px 10px; background-color: #f5f5f5; vertical-align: top; }
.calendar a, .calendar a:link, .calendar a:active, .calendar a:visited  { color: #005288; text-decoration: none; }
.calendar a:hover { color: #cc0000; text-decoration: underline; }
.calendar .docDate { color: #4d4d4d; font-size: 11px; }
.calDiv { height: 25px; background: url(../images-brand/divider.gif) repeat-x top; }

/* === News === */
#newsStory { width: 712px; }
#newsStory ul { list-style: none none; }
#newsStory h3 { margin: 27px 0 9px 20px; padding: 0; font-size: 18px; }
#newsStory h4 { margin: 0 0 18px 20px; padding: 0; font-size: 12px; }
#newsStory h4 span.date { color: #a0a0a0; }
#newsStory h4 span.author { color: #a0a0a0; margin-left: 10px; font-style: italic;}
#newsStory p { margin-right: 0; }
div#newsPic1 { float: right; margin: 5px 0 15px 15px; width: 406px; }
div#newsPic2 { float: left; margin: 10px 0 15px 20px; width: 406px; }
p.caption { color: #005288; font-size: 11px; margin: 0; padding: 0; width: 260px; float: left; }
p.photographer { color: #a0a0a0; margin: 0; padding: 0; width: 140px; float: right; font-size: 11px; font-style: italic; text-align: right; }
#newsPic1 img, #newsPic2 img { border: solid 1px #a0a0a0; padding: 3px; }

/*=== photo gallery ===*/
.photoLge { border: solid 1px #333333; margin: 27px 3px 3px 20px; }
.photoSml { border: solid 1px #333333; float: left; margin: 3px 3px 3px 0; overflow: hidden; }
.ital { font-style: italic; font-size: 12px; }
p#credit { width: 200px; font-style: italic; color: #999999; margin: 18px 0 0 75px; padding: 0; clear: both; text-align: center; }
.photoLgePort { border: solid 1px #333333; margin: 27px 3px 3px 150px; }



