html{
	padding:0;
	margin:0;
	background:#7eb9d0 url('/images/layout/bg_sky.jpg') repeat-x left top;
}
body{
	margin:0;
	padding:0;
	width:100%;
	background:url('/images/layout/bg_water2.jpg') repeat-x center 157px;
}

body,input,select,textarea,table{
	font:9pt Arial, Helvetica, sans-serif;
}

form{
	margin:0;
}

.dummy{
	display:none;
}

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

hr{
	height:5px;
}

a{
	color:white;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:0;
}

.flash-message{
	padding:15px;
	text-align:center;
	color:#063;
	font-weight:bold;
	border:1px solid #063;
	background:url('/images/layout/grey_transparent.png');
}

.warning{
	text-align:center;
	color:#a00;
	font-weight:bold;
}


#wrapper{
	width:100%;
	height:600px;
	background:url('/images/layout/bg_boat_clouds2.jpg') no-repeat center -15px;
}

#container{
	width:944px;
	margin:auto;
}

#head{
	position:relative;
}
#head a.site-logo{
	padding-left:15px;
}
#head .supporters{
	position:absolute;
	top:40px;
	right:0;
}

#main{

	background:url('/images/layout/nav_bar2.png') no-repeat 12px top;
}

#nav{
	position:relative;
	height:40px;
	padding:0 20px;
	overflow:hidden;
}
div#nav a img {
	position:relative;
	left:-1px;
	top: 1px;
}
#nav ul li{
	float:left;
	line-height:40px;
	background:url('/images/layout/nav_sep.gif') no-repeat right center;
}
#nav ul li.last{
	background:none;
}
#nav ul li a{
	display:block;
	padding:0 10px;
	font-size:10pt;
	font-weight:bold;
	color:#555;
	text-decoration:none;
}
#nav ul li a:hover{
	text-decoration:underline;
}
#nav .wood-logo{
	position:absolute;
	top:7px;
	right:25px;
}

/** /
#scroller{
	position:relative;
	overflow:hidden;
	height:40px;
	margin:0 40px;
}
#scroller #headline{
	position:absolute;
	height:20px;
	line-height:20px;
	white-space:nowrap;
	color:white;
}




#scroller .nav{
	position:absolute;
	top:20px;
	right:20px;
	height:20px;
	line-height:20px;
	text-align:right;
}
#scroller .nav a{
	padding-left:10px;
	color:white;
}
/**/

#content{
	padding:50px 20px 20px 20px;
}

#foot{
	width:100%;
	padding:0 30px;
	text-align:center;
	font-size:0.9em;
}
#foot,#foot a{
	color:#333;
}

#quick-links{
	position:absolute;
	top:2px;
	right:10px;
	width:64px;
}
#quick-links ul li{
	float:left;
	margin-left:4px;
}
#quick-links ul li a{
	display:block;
	width:16px;
	height:16px;
	background-position:center;
	background-repeat:no-repeat;
}
#quick-links ul li a span{
	display:none;
}
#quick-links .sitemap a{
	background-image:url('../images/layout/quick_sitemap.gif');
}
#quick-links .home a{
	background-image:url('../images/layout/quick_home.gif');
}
#quick-links .contact a{
	background-image:url('../images/layout/quick_contact.gif');
}

#content h1{
	margin:0;
	padding:0;
	font-family:Georgia,"Times New Roman", Times, serif;
	font-size:18pt;
	font-weight:normal;
	font-style:italic;
	color:white;
}
#content h2{
	margin:0;
	padding:0;
	font-family:Georgia,"Times New Roman", Times, serif;
	font-size:12pt;
	font-weight:bold;
	font-style:normal;
	color:white;
}
#content h2.progress-table-heading{
	margin-top:2em;
	font-size:14pt;
	text-align:center;
}
#content h3{
	margin:0;
	padding:0;
}
#content h1 a{
	text-decoration:underline;
}
#content h1 a:hover{
	text-decoration:none;
}



/* Content Cells */
#content .row{
	clear:both;
	overflow:auto;
}
#content .column{
	/* 
	Using float:left in conjunction with the javascript scroller 
	caused CPU usage to go thru the roof. Therefore switched out for table
	*/
	/*width:48%;*/
	vertical-align:top;
}
#content .column.left{
	width:63%;
}
#content .column.right{
	width:35%;
}
#content .row .cell{
	float:left;
}
#content .column .cell{
	width:100%;	
}
#content .column.right .cell{
	margin-bottom:20px;
}
#content .cell .content{
	overflow:visible !IMPORTANT;
	margin-top:5px;
	padding:0 15px;
}
#content .cell .content p{
	margin: 0 0 1em 0;
}

/* Content Cells Custom Styles */
#content .cell.news{
	width:200px;
	font-size:0.9em;
}
#content .cell.news .article{
	margin-bottom:1em;
}
#content .cell.news .article .date{
	font-weight:bold;
	color:white;
}
#content .cell.news .article .title{}
#content .cell.tracking .track-the-race img{
	margin-right:15px;
}
#marinetracklogo {
	margin-top:-50px;
	margin-left:44px;
}
#content .cell.photos,
#content .cell.videos{
}
#content .cell.photos .thumbs,
#content .cell.videos .thumbs{
	overflow:auto;
}
#content .cell.photos .photo,
#content .cell.videos .video{
	display:block;
	float:left;
	margin-right:4px;
}
#content .cell.photos .photo a,
#content .cell.videos .video a{
	display:block;
	padding:2px;
	line-height:0;
	border:1px solid #369;
	background-color:white;
}
#content .cell.photos .photo a:hover,
#content .cell.videos .video a:hover{
	border-width:2px;
	padding:1px;
}
#content .cell.photos .photo img{
	width:60px;
	height:60px;
}
#content .cell.photos .foot,
#content .cell.videos .foot{
	text-align:left;
}
/*
#content .row .cell.videos .video a{
	display:block;
	line-height:0;
	padding:2px;
	background-color:white;
}
#content .row .cell.videos .video a:hover{
	padding:1px;
	border:1px solid #369;
}
*/

.supporters .thumbs{
	overflow:auto;
}
.supporters .thumbs .logo{
	float:left;
	width:50px;
	height:46px;
	margin-right:15px;
	padding:0 1px 7px 0;
	background:url('/images/layout/sponsor_bg.png') no-repeat center top;
}
.supporters .thumbs .logo.wide{
	width:88px;
	background-image:url('/images/layout/sponsor_bg_rect.png');
}
.supporters .thumbs .logo table{
	width:50px;
	height:100%;
	border:0;
	border-spacing:0;
	border-collapse:collapse;
	text-align:center;
}
.supporters .thumbs .logo.wide table{
	width:88px;
}
.supporters .thumbs .logo table td{
	line-height:0;
	padding:0;
}
#content .row .cell.messages{
	width:590px;
}
#content .row .cell.article-list,
#content .row .cell.article-view,
#content .row .cell.forecasts,
#content .row .cell.contact-form,
#content .row .cell.about,
#content .row .cell.supporters,
#content .page.videos .cell.videos{
	width:770px;
}
#content .row .cell.article-list .article h2,
#content .row .cell.article-view h2{
	font-family:Arial, Helvetica, sans-serif;
}
#content .row .cell.leave-message{
	width:270px;
}

#content .page h2{
	margin-bottom:0.5em;
}
#content .page .content{
	overflow:auto;
	padding-left:20px;
}

#content .page.home .cell.tracking *{
	vertical-align:middle;
}
#content .page.home .row .cell.contact-form{
	width:auto
}

#content .page.article .date{
	font-style:italic;
}
#content .page.news .article{
	margin-bottom:1em;
}
#content .page.news .article h2{
	margin:0 !IMPORTANT;
	font-size:11pt;
	font-weight:bold;
	color:white;
}
#content .page.news .article .date{
	font-style:italic;
}
#content .page.photos .gallery{
	display:block;
	float:left;
	width:150px;
	margin-right:10px;
	margin-bottom:10px;
	padding:3px;
	background-color:white;
}
#content .page.photos .gallery a{
	font-size:8pt;
	color:black;
}
#content .page.photos .gallery a img{
	width:150px;
	height:100px;
}
#content > .page.photos .gallery .caption{
	display:block;
	text-align:center;
	height:30px;
}

#content .page.gallery .photos{
	width:100%;
	overflow:auto;
}
#content .page.gallery .photo{
	float:left;
	width:150px;
	margin-right:10px;
	margin-bottom:10px;
	padding:3px;
	background-color:white;
}
#content .page.gallery .photo a{
	font-size:8pt;
	color:black;
}
#content .page.gallery .photo a img{
	width:150px;
	height:100px;
}
#content > .page.gallery .photo .caption{
	display:block;
	text-align:center;
	height:40px;
}
#content .page.photo .content{
	text-align:center;
}
#content .page.videos .clip{
	overflow:auto;
}
#content .page.videos .clip a.thumbnail{
	display:block;
	float:left;
	margin:0 5px 5px 0;
}
#content .page.videos .clip a.thumbnail img{
	width:120px;
}
#content .page.videos .clip h2,
#content .page.videos .clip p{
	margin:0;
}

#content .page.supporters .supporter{
	overflow:auto;
}
#content .page.supporters .supporter .logo{
	display:block;
	float:left;
	width:120px;
	height:77px;
	margin-right:10px;
	padding:0 2px 12px 0;
	background:url('/images/layout/sponsor_bg_big.png') no-repeat center top;
	text-align:center;
}
#content .page.supporters .supporter .logo table{
	width:120px;
	height:100%;
	border:0;
	border-spacing:0;
	border-collapse:collapse;
	text-align:center;
}
#content .page.supporters .supporter .logo table td{
	line-height:0;
	padding:0;
}
#content .page.supporters .supporter h2{
	margin:0;
}
#content .page.supporters .supporter p{
	margin:0 0 1em 0;
}

#content .page.about p.quote{
	margin:2em 0;
	text-align:center;
	font-size:1.2em;
	font-style:italic;
}
#content .page.about .event{
	overflow:auto;
}
#content .page.about .event .logo{
	display:block;
	float:left;
	width:115px;
	height:97px;
	margin-right:10px;
	padding:0 3px 5px 0;
	background:url('/images/layout/logo_bg.png') no-repeat center top;
	text-align:center;
}
#content .page.about .event .logo table{
	width:115px;
	height:100%;
	border:0;
	border-spacing:0;
	border-collapse:collapse;
	text-align:center;
}
#content .page.about .event .logo table td{
	line-height:0;
	padding:0;
}
#content .page.about .event p{
	margin:1em 0 0 0;
}


#content .page.teams h2{
	text-align:center;
}
#content .page.teams table{
	width:99%;
	border-collapse:collapse;
}
#content .page.teams table th,#content .page.teams table td{
	padding:4px;
	vertical-align:top;
}
#content .page.teams table a{
	color:black;
	text-decoration:underline;
}
#content .page.teams table th.team-name{
	background:url('/images/layout/grey_transparent.png');
	text-align:left;
}
#content .page.teams table tr.team-headers th{
	background:url('/images/layout/white_transparent.png');
	text-align:left;
}
#content .page.teams table tr td{
	background:url('/images/layout/white_transparent.png');
}

#content .page.teams table table tr td{
	background:none;
}

.team-photo{
	width:75px;
}
.team-rowers{
	width:229px;
}
.team-boatno{
	width:190px;
	text-align:center;
}
.team-boatname{
	width:150px;
}
.team-website{
	width:210px;
}
.team-profile-td{
	width:793px;
}

#content .page.messages em{
	font-weight:bold;
}
#content .row .cell.leave-message form p{
	background-image:url('/images/layout/grey_transparent.png');
}
#content .row .cell.leave-message form label{
	float:none;
	width:auto;
	color:black;
}
#content .row .cell.leave-message form .text,
#content .row .cell.leave-message form textarea{
	width:95%;
}
#content .row .cell.leave-message form textarea{
	height:150px;
}
#content .row .cell.leave-message form .foot{
	background:none;
	padding:5px 15px 0 0;
	text-align:right;
}
#content .row .cell.contact-form form textarea{
	width:300px;
}
#content .row .cell.contact-form form p{
	background-image:url('/images/layout/grey_transparent.png');
}
#content .row .cell.contact-form form p.foot{
	background:none;
}
#content .row .cell.contact-form .contact-details {
	width:99%;
}
#content .row .cell.contact-form .contact-details td{
	vertical-align:top;
}
#content .row .cell.contact-form .contact-details td.other{
	text-align:right;
}

#content .page.progress #progress-map{
	width:800px;
	height:400px;
	margin:auto;
}
#content .page.progress .tracking-warning{
	background-color:#c00;
	color:white;
	font-weight:bold;
	text-align:center;
	width:800px;
	margin:auto;
}
#content .page.progress .map-controls{
	text-align:center;
}
#content .page.progress .progress-table{
	width:99%;
	border-spacing:0;
	border-collapse:collapse;
}
#content .page.progress .progress-table tbody{
	border:1px solid #555;
}
#content .page.progress .progress-table tbody tr.even{
	background:#BEDBE7;
}
#content .page.progress .progress-table tbody tr.odd{
	background:#A4C1CD;
}
#content .page.progress .progress-table tbody tr.status2,
#content .page.progress .progress-table tbody tr.status5{
	background-color:#cc0000;
}

#content .page.progress .progress-table tbody tr.status2 td,
#content .page.progress .progress-table tbody tr.status2 a,
#content .page.progress .progress-table tbody tr.status2 a:link,
#content .page.progress .progress-table tbody tr.status2 a:visited,
#content .page.progress .progress-table tbody tr.status5 td,
#content .page.progress .progress-table tbody tr.status5 a,
#content .page.progress .progress-table tbody tr.status5 a:link,
#content .page.progress .progress-table tbody tr.status5 a:visited,
#content .page.progress .progress-table tbody tr.status6 td,
#content .page.progress .progress-table tbody tr.status6 a,
#content .page.progress .progress-table tbody tr.status6 a:link,
#content .page.progress .progress-table tbody tr.status6 a:visited{
	color: #fff;
}

#content .page.progress .progress-table tbody tr.status3,
#content .page.progress .progress-table tbody tr.status6{
	background-color:#00cc00;
}

#content .page.progress .progress-table tbody tr.status3 td,
#content .page.progress .progress-table tbody tr.status3 a,
#content .page.progress .progress-table tbody tr.status3 a:link,
#content .page.progress .progress-table tbody tr.status3 a:visited{
	color: #fff;
}

#content .page.progress .progress-table tbody tr.status4{
	background-color:#036;
}

#content .page.progress .progress-table tbody tr.status4 td,
#content .page.progress .progress-table tbody tr.status4 a,
#content .page.progress .progress-table tbody tr.status4 a:link,
#content .page.progress .progress-table tbody tr.status4 a:visited{
	color: #fff;
}

#content .page.progress .progress-table td{
	padding:3px;
	/*border:1px solid #555;*/
}
#content .page.progress .progress-table a{
	color:blue;
}

#content .page.progress .team-detail{
	margin-bottom:20px;
}
#content .page.progress .team-detail table td{
	padding:0;
}
#content .page.progress .team-detail table .label{
	padding-right:20px;
	font-weight:bold;
}

.progress-table .day,
.progress-table .progress,
.progress-table .distance,
.progress-table .speed,
.progress-table .bearing,
.progress-table .status,
.progress-table .number{
	text-align:center;
}
.progress-table .team,
.progress-table .date-range,
.progress-table .lat,
.progress-table .long,
.progress-table .last-update{
	text-align:left;
}
.progress-table td.colour{
	background-color:white !IMPORTANT;
}
.progress-table .day{
	font-weight:bold;
}
.progress-table .distance{
	border-left:1px solid #555;
	border-right:1px solid #555;
	border-top:1px solid #555;
}


.google-tooltip{
	font-weight:bold;
	text-align:center;
}
.google-tooltip a{
	color:black;
	text-decoration:underline;
}

#twitter_div{
	width:310px;
	float:right;
	margin-top:-34px;
	font-size:12px;
}
#twitter_div h1{
	position:relative;
}
#twitter_div h1 img{
	position:relative;
	top:-10px;
}
#twitter_div ul{
	margin:0;
	padding:0;
	list-style:none;
}
#twitter_div ul li a{
	display:block;
}
#twitter_div #twitter-foot{
	text-align:center;
}
div.messages.pagelinks {
	text-align:right;
}

div.tableInfo {
	color:#FFF;
	font-style:italic;
}