/* === GLOBAL styles === */
* { margin: 0; padding: 0; }
body { font-size: 12px; color: #4D4D4D; background: url(../images/t_bg.gif) repeat-x #ffffff; margin: 0; font-family: helvetica, arial, sans-serif; text-align: center; }
td { font-size: 1em; line-height: 1.5em; color: #4D4D4D; font-family: helvetica, arial, sans-serif; }
p { font-size: 1em; line-height: 1.5em; color: #4D4D4D; font-family: helvetica, arial, sans-serif; margin: 0 459px 1.5em 38px; }
ul, ol { font-size: 1em; line-height: 1.5em; color: #4D4D4D; font-family: helvetica, arial, sans-serif; margin: 0 419px 1.5em 38px; list-style: none none; }
img { border: 0; }

/* === PAGE LAYOUT === */
#container { position: relative; width: 1000px; margin-left: auto; margin-right: auto; background: url(../images/t_bgContainer.gif) repeat-y; }
#content { position: relative; width: 998px; margin:0 0 0 1px; text-align: left; background: #ffffff;}
#header { top: 0px; height: 91px; background: url(../images/t_bannerBG.gif) repeat-x #ffffff; }
#colRgt { width:380px; position: absolute; right: 20px; top: 216px; background: url(../images/box_bg_380-long.gif) no-repeat top;}
.colRgt-home { top: 774px !important; }

a { color: #000000; text-decoration: underline; font-weight: normal; }
a:link { color: #000000; text-decoration: underline; font-weight: normal; }
a:active { color: #000000; text-decoration: underline; font-weight: normal; }
a:visited { color: #000000; text-decoration: underline; font-weight: normal; }
a:hover { color: #cc0000; text-decoration: underline; font-weight: normal; }

h1 { font-size: 24px; line-height: 36px; color: #000000; font-weight: normal; margin: 18px 459px 9px 38px; }
h2 {
	font-size: 18px;
	line-height: 36px;
	color: #3F3F3F;
	font-weight: normal;
	margin: 27px 459px 9px 38px;
}
h3 {
	font-size: 14px;
	line-height: 18px;
	color: #cc0000;
	font-weight: normal;
	margin: 9px 459px 9px 38px;
	letter-spacing: 0.05em;
}
h4 { font-size: 14px; line-height: 18px; color: #000000; font-weight: normal; margin: 9px 459px 9px 38px; letter-spacing: 0.05em; }
h5 { font-size: 12px; line-height: 18px; color: #4d4d4d; font-weight: normal; margin: 9px 459px 9px 38px; letter-spacing: 0.05em; }
h6 { font-size: 12px; line-height: 18px; color: #CC0000; font-weight: normal; margin: 9px 459px 9px 38px; letter-spacing: 0.05em; }

#colRgt h1,#colRgt h2 { margin: 18px 9px 0 20px; }
#colRgt h2 { color: #000; }
#colRgt h2#first { margin-top: 9px; }
#colRgt p { margin: 0px 9px 9px 20px; }
#colRgt h3,#colRgt h4 { margin: 9px 9px 0 20px; }
#colRgt h5,#colRgt h6 { margin: 0 9px 0 20px;}
#colRgt h5 { color: #000;}
#colRgt ul { margin: 0 9px 0 20px; }
#colRgt .photoOfficials { margin: -65px 20px 0 0; padding: 5px; background-color: #F4F4F4; border: 1px solid #CDCDCD; float: right; }
#colRgt .photoContact { margin: -90px 20px 8px 0; padding: 5px; background-color: #F4F4F4; border: 1px solid #CDCDCD; float: right; }
#colRgt .photoContact2 { margin: -36px 20px 8px 0; padding: 5px; background-color: #F4F4F4; border: 1px solid #CDCDCD; float: right; }
p.caption { text-align: right; color: #8c8c8c; font-style: italic; margin: 0px 10px 0 0px; }

#colRgt .merchandise { margin: 0 2px 3px 0; padding: 2px; background-color: #F4F4F4; border: 1px solid #CDCDCD; }

/* === header & global === */
#header h1 { font-size: 24px; line-height: 27px; color: #000000; font-weight: normal; position:absolute; margin:0; padding: 0; left: 320px; top: 67px; font-style: italic; }
#logo-2012 { position: absolute; right: 46px; top: 22px;}

/* === HOME === */
#homeIntro { width: 398px; }
#homeIntro h1{ margin: 18px 0 9px 38px; padding: 0; }
#homeIntro h2 {
	line-height: 27px;
	margin: 18px 0 9px 38px;
	padding: 0;
	color: #777; }
#homeIntro h3 {
	line-height: 27px;
	margin: 18px 0 9px 38px;
	padding: 0;
	color: #cc0000; }
#homeIntro h4 {
	font-size: 18px;
	line-height: 27px;
	margin: 27px 0 9px 38px;
	padding: 0;
	color: #000; }
#homeIntro h5 {
	line-height: 18px;
	margin: 0 0 27px 38px;
	padding: 0;
	color: #000; }
#homeIntro p {
	line-height: 18px;
	margin: 0 0 9px 38px;
	padding: 0;
	color: #777; }

#contacts, #volunteers { width: 398px; background: url(../images/box_bg_418.gif) no-repeat 0 8px; margin: 36px 0 9px 0; height: 108px; }
#contacts p, #volunteers p { margin: 9px 0 0 38px; padding: 0; position: relative; color: #000; }
#contacts p span, #volunteers p span { position: absolute; left: 150px; }
#contacts h4, #volunteers h4 { margin: 0 0 9px 18px; text-align: center; color: #8c8c8c; letter-spacing: 0.05em; font-size: 12px;}
#volunteers p { float: left; font-size: 14px; margin-right: 10px; }
#volunteers img { float: left; margin-right: 10px; border: solid 1px #CDCDCD; }

#col-sidebar { width: 418px; height: 726px; margin-top: -18px; float: right;}
#logo-2012-home { margin-top: 54px; }
#photo-banner { margin-top: -18px; }

#merchandise-sale {
	margin-left: 10px;
	margin-top: 27px;
	width: 398px;}

#twitter {
	background-image: url(../images/home-twitter-bg.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 9px;
	width: 398px; height:360px;
	position:relative;}
#twitter ul { margin: 9px 10px 0 10px; padding: 0; }
#twitter li { margin: 0 0 6px 0; }
#twitter span { color: #333; }
#twitter h3 { color: #fff; margin: 0 0 0 15px; padding: 0; font-size: 18px; line-height: 36px;}
#twitter h3 a { color: #fff; text-decoration: none; }
#twitter h3 a:hover { color: #cc0000; text-decoration: underline; }
#twitter a { color: #cc0000; text-decoration: none; }
#twitter a:hover { color: #000; text-decoration: underline; }
#twitter .follow, #twitter .twit_time { display:block; text-decoration: none; }
#twitter .follow { text-align:center; position:absolute; bottom: 0; line-height: 36px; margin: 0 10px 0 55px; font-size: 18px; color: #666;}
#twitter .twit_time { font-size:11px; text-align:right; margin: 0 10px 9px 10px; color: #000;}
#twitter .follow:hover, #twitter .twit_time:hover { color: #cc0000; }

/* === News ===*/
#news { width: 540px; float: right; }
#news p, #news h4 { margin: 0 10px 9px 0; }
#news h4 { margin: 0 0 9px 0; color: #4D4D4D; letter-spacing: 0.05em; font-size: 27px; line-height: 36px;}
#news h5 { margin: 0 0 9px 0; clear: both; color: #8c8c8c; }
#news h6 { margin: 0 0 9px 0; clear: both; color: #999;  }
#news img { float: left; margin: 4px 0 9px 0; border: solid 1px #8c8c8c;}
#news .news-caption { font-style: italic; color: #000;}

#news-photos {float:left; width:398px;}
#news-photos h2 { margin: 36px 0 9px 38px; }
#news-photos p { margin: 0 0 9px 38px; }

#news-list {float:right; width:398px; margin-top: -36px;}
#news-list h2 { margin: 0 8px 9px 30px; border-bottom: solid 1px #cc0000; color: #cc0000; }
#news-list p { margin: 0 8px 9px 30px; }
#news-list ul { margin: 0 8px 0 0; padding: 0; }
#news-list ul li.news-list-link a { display: block; font-size: 16px; text-decoration:none; background-color: #FCFCFC; margin-bottom: 3px; margin-left: 30px; border-bottom:solid 1px #CCC;  border-left: solid 3px #CCC; padding-left: 10px; padding-right: 8px; padding-top: 6px; }
#news-list ul li.news-list-link a:hover { background-color: #ccc; }
#news-list ul li h3 { margin: 0 8px 0 30px; padding: 0; }
#news-list ul li h4 { margin: 0 0 9px 0; clear: both; color: #8c8c8c; font-size: 14px; font-style: italic; }
#news-list h2.media-aside { margin: 36px 8px 9px 30px;}
#news-list h3.media-aside { margin: 18px 0 9px 30px; color: #000;}
#news-list span.date { color: #8D8D8D; font-style:italic; display: block; font-size: 12px; }

#news-article { width: 540px; float: left; margin-left:38px; }
#news-article p, #news-article h4 { margin: 0 10px 9px 0; }
#news-article h4 { margin: 9px 0 9px 0; color: #4D4D4D; letter-spacing: normal; font-size: 30px; line-height: 36px;}
#news-article h5 { margin: 0 0 9px 0; clear: both; color: #8c8c8c; }
#news-article h6 { margin: 18px 0 18px 0; clear: both; color: #999;  }
#news-article img { float: left; border: solid 1px #8c8c8c;}
#news-article .news-caption { font-style: italic; color: #000; text-align: right; margin-right: 0; }
#news-article .author { color: #8D8D8D; font-style: italic; font-size: 14px; }

#news-article-photo { width: 540px; margin-bottom: 27px; }
#news-article-photo img { width: 100%; }

/*=== Twitter on News Page ===*/
#twitter-news {
	width: 360px;
	margin-left: 30px;
	margin-top:36px;}
#twitter-news ul { margin: 9px 0 0 0; padding: 0; }
#twitter-news li { margin: 0 0 9px 0; border-bottom: solid 1px #CCC; border-left: solid 3px #CCC; padding-left: 10px; padding-top: 6px; }
#twitter-news span { color: #4D4D4D; line-height: 18px; }
#twitter-news h3 { color: #fff; margin: 0; padding: 0; font-size: 14px; line-height: 36px; background: url(../images/news-twitter-head.png) no-repeat top;}
#twitter-news h3 a { color: #fff; text-decoration: none; margin-left: 15px; }
#twitter-news h3 a:hover { color: #cc0000; text-decoration: underline; }
#twitter-news a { color: #000000; text-decoration: none; }
#twitter-news a:hover { color: #cc0000; text-decoration: underline; }
#twitter-news .follow, #twitter .twit_time { display:block; color: #C5C5C5; text-decoration: none; }
#twitter-news .twit_time { font-size:11px; text-align:right; margin: 0 10px 0 0; display:block; color: #cc0000;}
#twitter-news .twit_time:hover { color: #000000; }
#twitter-news .follow { line-height: 45px; margin: 0; padding-left: 60px; font-size: 18px; background: url(../images/news-twitter-foot.png) no-repeat bottom;}
#twitter-news .follow:hover { color: #cc0000; }

/* === CONTENT - PHOTO GALLERY === */
#thumbnail-list { margin: 0 0 20px 38px; width: 360px; clear:both; }
#thumbnail-list img { float: left; margin: 0 10px 9px 0; padding: 5px; border: solid 1px #cdcdcd; background-color: #f5f5f5; }

.boxesHome ul { margin: 0; padding: 0; list-style: none none; }

#sponsors {
	margin: 36px 0 0 0;
	width: 998px;
	background-color:#DFDFDF;
	clear:both;
	min-height:621px; }
#sponsors ul { margin: 0 0 54px 40px; }
#sponsors li img { border: solid 1px #BBB; margin: 18px 16px 0 0; padding: 9px; background-color: #fff; float: left;}
#sponsors h4 { margin: 0 0 0 40px; padding-top:18px; line-height:27px; font-size: 27px; }
#sponsors h5 { clear: both; margin: 0 0 0 40px; padding-top:36px; line-height:27px; font-size: 18px; }

#sponsors-full { width: 550px; }
#sponsors-full ul { margin: 0 40px 54px 40px; }
#sponsors-full li { clear:both; }
#sponsors-full li img { border: solid 1px #BBB; margin: 0 20px 27px 0; padding: 9px; background-color: #fff; float: left;}
#sponsors-full li p { margin: 18px 0 9px 0; float: left; }
#sponsors-full li em { font-size: 110%; }
#sponsors-full h4 { margin: 0 0 0 40px; padding-top:18px; line-height:27px; font-size: 18px; }

/* === FOOTER === */
div#footer { clear: both; width: 998px; height: 108px; background-color: #000000; color: #FFFFFF; padding: 0; margin: 0 0 0 1px; }
#footer p { font-size: 10px; line-height: 18px; color: #FFFFFF; margin: 24px 38px 24px 38px; padding: 0; }
#footer p.fltLft { float:left; text-align: left; }
#footer p.fltRgt { float:right; text-align: right; }
#footer a, #footer a:link, #footer a:active, #footer a:visited { font-size: 10px; color: #FFFFFF; text-decoration: none; }
#footer a:hover { font-size: 10px; color: #B3B3B3; text-decoration: underline; }

/* === NAVIGATION === */
.navtext { display: none }
#navGlobal { background-color: #000000; height: 17px; position: relative; width: 998px; }
#navGlobal a.ausAss { background: url(../images/m_ausAss.gif) no-repeat center top #000000; left: 1px; position: absolute; width: 325px; height: 16px; }
#navGlobal a.ausAss:visited { background: url(../images/m_ausAss.gif) no-repeat center top #000000; left: 1px; position: absolute; width: 325px; height: 16px; }
#navGlobal a.ausAss:active { background: url(../images/m_ausAss.gif) no-repeat center top #000000; left: 1px; position: absolute; width: 325px; height: 16px; }
#navGlobal a.ausAss:hover { width: 325px; background-position: 0px -16px; background-color: #B3B3B3; }
#navGlobal a.ausFleet { background: url(../images/m_ausFleet.gif) no-repeat center top #000000; left: 720px; position: absolute; width: 117px; height: 16px; }
#navGlobal a.ausFleet:visited { background: url(../images/m_ausFleet.gif) no-repeat center top #000000; left: 720px; position: absolute; width: 117px; height: 16px; }
#navGlobal a.ausFleet:active { background: url(../images/m_ausFleet.gif) no-repeat center top #000000; left: 720px; position: absolute; width: 117px; height: 16px; }
#navGlobal a.ausFleet:hover { width: 117px; background-position: 0px -16px; background-color: #B3B3B3; }
#navGlobal a.intAss { background: url(../images/m_intAss.gif) #000000 no-repeat center top; left: 842px; position: absolute; width: 155px; height: 16px; }
#navGlobal a.intAss:visited { background: url(../images/m_intAss.gif) no-repeat center top #000000; left: 842px; position: absolute; width: 155px; height: 16px; }
#navGlobal a.intAss:active { background: url(../images/m_intAss.gif) no-repeat center top #000000; left: 842px; position: absolute; width: 155px; height: 16px; }
#navGlobal a.intAss:hover { width: 155px; background-position: 0px -16px; background-color: #B3B3B3; }

#navMain { height: 54px; padding: 0; width: 998px; background: url(../images/mm_bg.gif) repeat-x;}
#navMainPad { height: 54px; padding: 0 0 0 39px; background: url(../images/mm_bg2.gif) repeat-x bottom;}
#navMain a.navBut, #navMain a.navBut:visited, #navMain a.navBut:active {
	display: block; 
	z-index: 3; 
	background: url(../images/mm_but.gif) no-repeat; 
	width: 180px;
	height: 36px; 
	float: left;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 15px;
	line-height: 36px;
	text-align: center; }
#navMain a.navBut:hover { width: 180px; background-position: 0px -36px; float: left; color: #cc0000; }
#navMain a.navON { width: 180px; background-position: 0px -36px; float: left; color: #000000; }
#navMain a.navON:visited { width: 180px; background-position: 0px -36px; float: left; color: #000000; }
#navMain a.navON:active { width: 180px; background-position: 0px -36px; float: left; color: #000000; }

#navMain a.navButH, #navMain a.navButH:visited, #navMain a.navButH:active {
	display: block; 
	z-index: 3; 
	background: url(../images/mm_but_h.gif) no-repeat; 
	width: 58px;
	height: 36px; 
	float: left;
	color: #4d4d4d;
	text-decoration: none;
	font-size: 15px;
	line-height: 36px;
	text-align: center; }
#navMain a.navButH:hover { width: 58px; background-position: 0px -36px; float: left; color: #cc0000; }
#navMainBot { height: 18px; background-color: #b3b3b3; }

.clear { clear: both; }

/*=== map ===*/
#map-info { position: absolute; right: 60px; top: 198px; width: 358px; }
#map-info h2 { margin-left: 0; margin-right: 0; }
#map-info p { margin-left: 0; margin-right: 0; }
#mapLocation { width: 358px; height: 358px; border:1px solid #4d4d4d; }
#mapRacecourse { width: 538px; height: 358px; border:1px solid #4d4d4d; margin-left: 38px; }
#map-text { padding: 0; margin: 0; font-size: 11px; }

#side_bar { width: 185px; position: absolute; right: 0; }
#side_bar_regatta a { line-height: 18px; margin-left: 20px; }
#pos { margin-top: 108px; }

#list-accom { position: relative; }
#list-accom h3 { margin-left: 0; margin-right: 0; margin-bottom: 0; }
#list-accom .phone { position: absolute; left: 230px; }
#list-accom a { position: absolute; left: 330px; }

#list-program { position: relative; }
#list-program li { color: #000000; }
#list-program .program { position: absolute; left: 150px; color: #4d4d4d; }
#list-program .programTime { position: absolute; left: 350px; color: #8c8c8c; text-align:right; width: 100px; }
	
ul.list { margin: 0.5em 419px 18px 38px; list-style: none none; }
.list li { margin-bottom: 0.5em; line-height: 18px; background: url(../images/bullet-red.gif) 0 0.3em no-repeat; padding-left: 10px; }

.note { color: #cc0000; }
.ital { font-style:italic;}

#facilities { margin-bottom: 108px; }
#facilities span { color: #cc0000; }
.photo-facilities { margin-left: 38px; border: solid 1px #000; }

.photo-left { float: left; margin: 0 10px 9px 0px; border: solid 1px #8c8c8c;}
.photo-right { float: right; margin: 9px 0 9px 10px; border: solid 1px #8c8c8c;}

ul.list-photo { margin: 0.5em 419px 18px 228px; list-style: none none; }
.list-photo li { margin-bottom: 0.5em; line-height: 18px; background: url(../images/bullet-red.gif) 0 0.3em no-repeat; padding-left: 10px; }

.pdficon {line-height: 18px; margin-bottom: -3px; }