/* @override 
	http://f15.bcg.dynalias.net:8080/ui/css/style.css
	http://f15.site/ui/css/style.css
*/

/* @group Hacks & Filters */

/* ********************************************************************************
 * SPECIAL CASES
 *
 * These styles are mostly hacks and fixes.
 *
 */
	
.notext {
	text-indent: -9999em;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */

/* @end */


/* @group HTML Elements */

html, body {
	margin: 0;
	padding: 0;
}

body {
	font: 76% "Lucida Sans", Helvetica, Arial, sans-serif;
	line-height: 1.25;
	background-color: #0B96DC;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.5em;
}
h1 {
	font-size: 2.4em;
	font-weight: normal;
	color: #14B1E7;
}
h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
}
h2 {
	font-size: 1.8em;
	color: #F37021;
	margin-bottom: 1em;
}
h3, h4, h5, h6 {
	font-size: 1.1em;
}

p {
	/*margin-top: 0.5em;*/
	margin-bottom: 0.9em;
	line-height: 1.25;
}

a {
	text-decoration: none;
	font-weight: bold;
}
a:link {
	color: #333;
}
a:visited {
	color: #0061AF;
}
a:hover {
	color: #F05123;
	border-bottom: 1px dotted #F05123;
}
a:active {
	color: #14B1E7;
	border-bottom: 1px dotted #14B1E7;
}

hr {
	display: none;
}

fieldset {
	border: 1px solid #CCC;
}

pre {
	background-color: #EEE;
	padding: 0.75em 1.5em;
	font-size: 12px;
	border: 1px solid #DDD;
}

table {
	/* make <td> sizes relative to body size! */
	font-size: 1em;
}
tr.odd td, tr.even td {
	padding: 0.3em;
}



/* @end */



/* @group Page Layout */

.wrapper {
	width: 100%;
	}
body#front {
	color: #FFF;
}
body {
	color: #666;
}


#head-wrapper {
	background: url(/ui/assets/header/global-navigation-header.gif) top center repeat-x;
	height: 25px;
}

#body-wrapper {
	background: url(/ui/assets/header/background.png) center -25px repeat-x;
	background-color: #FFF;
	padding-bottom: 50px;
}

#front #body-wrapper {
	background: url(/ui/assets/header/background-feature.jpg) bottom center repeat-x;
	background-color: #027bd1;
	height: 575px;
}

#foot-wrapper {
	background-color: #0B96DC;
	background: url(/ui/assets/footer/background.gif) top left repeat-x;
	padding-bottom: 15px;
}
 
.container {
	width: 750px;
	margin: 0 auto;
	position: relative;
}

#header {
	position: relative;
	height: 86px;
}

/* @group Site Name */

#header .site-name {
	position: relative;
	margin: 0;
	top: 5px;
	float: left;
	width: 224px;
	background: url(/ui/assets/header/hkffa-banner.gif) top left no-repeat;
	text-indent: -999em;
	margin-left: -20px;
}
#header .site-name a {
	display: block;
	height:  85px;
}
#header .site-name a:hover {
	border: none;
}
#front #header .site-name {
	background: url(/ui/assets/header/hkffa-banner-front.gif) top left no-repeat;
	width: 340px;
}

/* @end */

/* @group Section Titles */

#header .section-title {
	position: relative;
	top: 17px;
	height: 24px;
	margin: 0;
	margin-left: 210px;
	text-indent: -999em;
	background-position: top right;
	background-repeat: no-repeat;
}
#about .section-title {
	background-image: url(/ui/assets/about/section-title.gif);
}
#articles .section-title {
	background-image: url(/ui/assets/articles/section-title.gif);
}
#events .section-title {
	background-image: url(/ui/assets/events/section-title.gif);
}
/*#crew .section-title {
	background-image: url(/ui/assets/crew-board/section-title.gif);
}
#results .section-title {
	background-image: url(/ui/assets/results/section-title.gif);
}*/
.resources .section-title {
	background-image: url(/ui/assets/resources/section-title.gif);
}

/* @end */

/* @group Footer */

#footer {
	padding-top: 10px;
}

#copyright {
	display: block;
	font-size: 0.9em;
	color: #BEE3F6;
	border-top: 1px solid #15BBEC;
	padding-top: 5px;
}

/* @end */

/* @group Utility Panel */

.utility {
	position: relative;
	/*
	padding-top: 20px;
	*/
	margin-bottom: 20px;
}

.utility .block {
	position: relative;
	height: 100px;
	float: left;
	padding-top: 15px;
	padding-left: 16px;
	padding-right: 14px;
	background: url(/ui/assets/footer/utility-divider.gif) top left no-repeat;	
}

/* @end */

#body #page,
.members #content {
	padding-top: 30px;
}

.page {
	padding-top: 30px;
	width: 520px;
	float: left;
}

.picture {
	margin-bottom: 10px;
}
.picture img {
	display: block;
}
.picture .caption {
	display: block;
	padding-top: 10px;
	width: 75%;
	
	color: #0083CA;
	font-style: italic;
}

/* @end */

/* @group Affiliation Block */

.utility #affiliations {
	left: 207px;
	width: 330px;
}

.affiliation {
	float: left;
	vertical-align: bottom;
	margin-right: 10px;
}
.affiliation a {
	display: block;
	width: 100px;
	height: 100px;
	
	background-position: left top;
	background-repeat: no-repeat;
}
.affiliation a:hover {
	border: none;
}
.affiliation span {
	display: none;
}
#affiliation-rhkyc {
	background-image: url(/ui/assets/affiliations/affiliate-rhkyc.gif);
}
#affiliation-ffi {
	background-image: url(/ui/assets/affiliations/affiliate-ffi.gif);
}
#affiliation-hksf {
	background-image: url(/ui/assets/affiliations/affiliate-hksf.gif);
}


/* @end */

/* @group Login Block */

.utility #authorisation {
	left: 207px;
}

#block-user {
	position: absolute;
	right: 0;
	width: 136px;
}

#block-user #user-login-form .form-item label {
	display: none;	
}
#block-user #user-login-form .form-item {
	margin: 0;
	margin-top: 5px;
	padding-top: 12px;
	background-position: left top;
	background-repeat: no-repeat;
}
#block-user #user-login-form #form-item-edit-name {
	background-image: url(/ui/assets/login-block/login-id.gif);
}
#block-user #user-login-form #form-item-edit-pass {
	background-image: url(/ui/assets/login-block/login-password.gif);
}
#block-user #user-login-form .form-submit {
	margin-top: 5px;
	font-size: 86%;
}

#block-user #user-login-form .item-list {
	margin-top: 10px;
}
#block-user #user-login-form ul,
#block-user #user-login-form ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#block-user #user-login-form a {
	color: #B6E0F5;
	font-weight: normal;
	font-size: 86%;
}
#block-user #user-login-form a:hover {
	color: #F05123;
	border: none;
}


/* @end */

/* @group Breadcrumbs */

.breadcrumb {
	font-size: 0.8em;
	text-transform: uppercase;
	color: #0083CA;
	font-weight: normal;
}
.breadcrumb a {
	color: #0083CA;
	font-weight: normal;
}
.breadcrumb a:visited {
	color: #0061AF;
}
.breadcrumb a:hover {
	color: #F05123;
}
.breadcrumb a:active {
	color: #14B1E7;
}

/* @end */

/* @group Navigation */

.navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
.navigation li a {
	display: block;	
}
.navigation.horizontal li {
	float: left;
}
		
/* @end */

/* @group Global Navigation */

#global-navigation {
	position: absolute;
	margin: 0;
	height: 25px;
	right: 0;
	top: 0;
	background-image: url(/ui/assets/global-navigation.png);
	padding-left: 1px;
}
#global-navigation a {
	background-image: url(/ui/assets/global-navigation.png);
	background-position: left top;
	background-repeat: no-repeat;
	height: 25px;
}
#global-navigation a:hover {
	border: none;
}
#global-navigation span {
	display: none;
}

#global-navigation #nav-home a {
	width: 51px;
	background-position: -1px 0;
}
#global-navigation #nav-home a:hover {
	background-position: -1px -25px;
}

#global-navigation #nav-about a {
	width: 57px;
	background-position: -52px 0;
}
#global-navigation #nav-about a:hover {
	background-position: -52px -25px;
}

#global-navigation #nav-members a {
	width: 70px;
	background-position: -489px 0;
}
#global-navigation #nav-members a:hover {
	background-position: -489px -25px;
}

#global-navigation #nav-articles a {
	width: 66px;
	background-position: -109px 0;
}
#global-navigation #nav-articles a:hover {
	background-position: -109px -25px;
}

#global-navigation #nav-events a {
	width: 58px;
	background-position: -175px 0;
}
#global-navigation #nav-events a:hover {
	background-position: -175px -25px;
}

#global-navigation #nav-results a {
	width: 63px;
	background-position: -233px 0;
}
#global-navigation #nav-results a:hover {
	background-position: -233px -25px;
}

#global-navigation #nav-crew a {
	width: 50px;
	background-position: -296px 0;
}
#global-navigation #nav-crew a:hover {
	background-position: -296px -25px;
}

#global-navigation #nav-resources a {
	/*width: 76px;*/
	width: 77px; /* Allow for right-hand divider shadow. */
	background-position: -346px 0;
}
#global-navigation #nav-resources a:hover {
	background-position: -346px -25px;
}

#global-navigation #nav-contact a {
	width: 67px;
	background-position: -422px 0;
}
#global-navigation #nav-contact a:hover {
	background-position: -422px -25px;
}

/* @end */


/* @group Footer (Text) Navigation */
#text-navigation {
	padding-bottom: 5px;
	border-bottom: 1px solid #098DD8;
}
#text-navigation li {
	margin-right: 12px;
}
#text-navigation li a {
	font-size: 0.9em;
	font-weight: normal;
	color: #BEE3F6;
}
#text-navigation li a:link {
	color: #BEE3F6;
	text-decoration: none;
	border: none;
}
#text-navigation li a:visited {
	color: #BEE3F6;
	text-decoration: none;
	border: none;
}
#text-navigation li a:hover {
	color: #F37021;
	text-decoration: none;
	border: none;
}
#text-navigation li a:active {
	color: #F05123;
	text-decoration: none;
	border: none;
}

/* @end */

/* @group Date Swatch (Large) */

.date {
	width: 40px;
	position: relative;
	background: url(/ui/assets/icons/date-swatch-large-dblue-white.gif) top left no-repeat;
}
.date p {
	margin: 0;
	padding: 0;
	padding: 4px 5px 3px 3px;
	text-align: center;
}
.date .month,
.date .dow,
.date .dom,
.date .year {
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
}
.date .year {
	color: silver;
	margin-top: 10px;
	}
.date .dom {
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
}

/* @end */

/* @group Date Swatch (Small) Front Page */

#front .date {
	width: 32px;
	height: 34px;
}
#front .date p {
	padding: 4px 5px 3px 3px;
	}
#front .date .month,
#front .date .dow {
	width: 25px;
	font-size: 9px;
}
#front .date .dom {
	width: 25px;
	font-size: 15px;
	line-height: 15px;
}
#front div.date {
	background: url(/ui/assets/icons/date-swatch-small-dblue-blue.gif) top left no-repeat;
}
#front .date .year {
	display: none;
	}

/* @end */

/* @group Calendar */

/* Month Navigation Bar. */
.calendar-header {
	position: relative;
	height: 20px;
	background-color: #F2F9FC;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	
	text-align: center;
	line-height: 21px;
	color: #0083CA;
	text-transform: uppercase;
}
.calendar-header .calendar-links a {
	display: block;
	height: 19px;
	width: 19px;
}
.calendar-header .calendar-links a:hover {
	border: none;
}
.calendar-header .calendar-links span {
	display: none;
}
.calendar-header .calendar-links {
	background-position: left 1px;
	background-repeat: no-repeat;
}
.calendar-header #prev-month {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(/ui/assets/mini-calendar/previous.gif);
}
.calendar-header #next-month {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/ui/assets/mini-calendar/next.gif);
}

.calendar table {
	border-collapse: collapse;
	margin-bottom: 10px;
}

.calendar thead {
	background-color: #F2F9FC;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
}
.calendar th {
	padding: 5px 0;
	text-align: center;
	color: #0083CA;
}
.calendar td {
	padding: 5px 0;
	padding-right: 2px;
	text-align: right;
	
	color: #14B1E7;
}
.calendar .calendar-today {
	border: 1px solid #14B1E7;
}
.calendar .calendar-event a {
	color: #F37021;
}
.calendar .calendar-event a:hover {
	border: none;
}

/* @end */

/* @group Crew Board */

/* Main item. This is the currently selected Race Event
   with any/all available helms & crews. */
#crew #race-event {
	width: 320px;
	margin-right: 20px;
	margin-left: 30px;
	float: left;

	background: url(/ui/assets/crew-board/race-event-label.gif) top left no-repeat;
	padding-top: 20px;
}
#crew #race-event h3 {
	/*display: none;*/
}

#crew #race-event .meta {
	position: relative;
	height: 60px;
	padding-left: 45px;
}
#crew #race-event .date {
	position: absolute;
	top: 0;
	left: 0;
}

#crew .race-availability {
	margin-bottom: 15px;
}
#crew .race-availability .title {
	text-indent: -999em;
	height: 21px;
}
#crew #available-helms .title {
	background: url(/ui/assets/crew-board/helms-title.gif) top left no-repeat;
}
#crew #available-crew .title {
	background: url(/ui/assets/crew-board/crew-title.gif) top left no-repeat;
}

#crew .race-available {
	margin-bottom: 10px;
	padding-left: 40px;
	/*padding-bottom: 10px;*/
	border-bottom: 1px solid #DFDFDF;
}
#crew .race-available h3 a {
	font-size: 1.3em;
	font-weight: normal;
	color: #0083CA;
}
#crew .race-available h3 a:hover {
	color: #F37021;
}
#crew .helm {
	background: url(/ui/assets/crew-board/helm-flag-24px.gif) top left no-repeat;
}
#crew .crew {
	background: url(/ui/assets/crew-board/crew-flag-24px.gif) top left no-repeat;
}


/* Set up Sign-On! form (left sidebar). */
#sign-on-form {
	width: 190px;
	margin-top: 80px;
	float: left;
}
#sign-on-form .title {
	text-indent: -999em;
	margin-bottom: 15px;
	height: 64px;
	background: url(/ui/assets/crew-board/sign-on-title.gif) top left no-repeat;
}
#sign-on-form p,
#sign-on-form form {
	margin-left: 5px;
	margin-right: 5px;
}
#sign-on-form .label {
	font-weight: bold;
}

/* Set up right sidebar. */
#crew .sidebar {
	width: 185px;
	float: right;
	margin-top: 80px;
}

/* Usage instructions. Lower right sidebar. */
#instructions {
	margin-top: 20px;
}
#instructions .title {
	height: 21px;
	text-indent:  -999em;
	background: url(/ui/assets/crew-board/instructions-header.gif) left top no-repeat;
}


/* Set up sidebar calendar list. */
#race-calendar {
	padding-top: 4px;
	background: url(/ui/assets/mini-calendar/calendar-top-bezel.gif) left top no-repeat;
}
#race-calendar h2.title {
	display: none;
}
#race-calendar li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #DFDFDF;
}

/* Calendar Event-Item overrides. */
#race-calendar .race-event .meta {
	padding-left: 0;
}
#race-calendar .race-event .meta .title {
	top: 0;
}
#race-calendar .race-event a {
	display: block;
	width: 135px;
	padding-left: 50px;
	height: 59px;
	line-height: 40px;
	
	color: #0083CA;
	font-style: italic;
	font-size: 1.2em;
	font-weight: normal;
}
#race-calendar .race-event a:hover {
	/*background-color: #5AC8EE;*/
	border: none;
}

/* Selected Event meta-data display. */
#race-event .meta .title {
	font-size: 3em;
	font-weight: bold;
	font-style: italic;
	color: #0083CA;
}

#crew #login {
	position: relative;
	left: 225px;
	height: 300px;
}

/* @end */


/* @group Quicklinks */

.quicklinks a {
	color: #0083CA;
	font-weight: normal;
	font-size: 86%;
}
.quicklinks a:hover {
	color: #F37021;
	border: none;
}

#front .quicklinks a {
	color: white;
	}
/* @end */


/* @group Event Items */

/* Generic styling for Event Items -- Race, Committee & Social.
   Especially as displayed in list format. */
.event-item .meta .title {
	margin: 0;
	padding: 0;
	padding-top: 7px;
	font-size: 1.5em;
	color: #0083CA;
	
	float: right;
	width: 270px;
	}

.event-item .date {
	margin: 5px;
	width: 32px;
	height: 34px;
	background: url(/ui/assets/icons/day-30px-wb.gif) top left no-repeat;
	}
.event-item .date p {
	padding: 4px 5px 3px 2px;
	text-align: center;
	}

.event-item .date .month,
.event-item .date .dow {
	font-size: 9px;
	}
.event-item .date .dom {
	font-size: 15px;
	line-height: 15px;
	}
.event-item .date .year {
	display: none;
	}


/* @end */

/* @group Race Results */

.season-results {
	position: relative;
	left: 225px;
}

.series-results {
	margin-bottom: 15px;
}
.series-results h2.title {
	padding-bottom: 5px;
	margin: 0;
}

.series-events {
	padding-top: 21px;
	border-top: 1px solid #F37021;
	background: url(/ui/assets/results/results-grid-header.gif) top left no-repeat;
}
.series-events li {
	display: block;
	border-bottom: 1px solid #DFDFDF;
}
.series-events li.race-1 {
	border-top: 1px solid #DFDFDF;
}
/* Override defaults for Event-Item display. */
.series-events .race-event {
	height: 59px;
}
.series-events .race-event .meta {
	float: left;
	width: 150px;
}
.series-events .race-event .meta h3 {
	font-size: 1.2em;
}
.series-events .quicklinks {
	position: relative;
	left: 50px;
	top: -15px;
}
.series-events .race-results {
	height: 59px;
}
.series-events .race-results li {
	display: block;
	float: left;
	width: 95px;
	height: 44px;
	padding: 10px 5px 5px 10px;
}
.series-events .race-cancelled h3,
.series-events .race-abandoned h3 {
	height: 59px;
	width: 330px;
	margin: 0;
	margin-left: 200px;
	text-align: center;
	line-height: 59px;
	color: #0083CA;
	font-size: 1.5em;
	font-weight: bold;
}

.race-placing .boat-name,
.race-placing .boat-number {
	display: block;
	color: #0083CA;
}
.race-placing .boat-number {
	font-size: 1.5em;
	font-weight: bold;
}
.race-placing .boat-name {
	font-style: italic;
	line-height: 1.2em;
}

/* Results grid background colours. */
.series-events .race-1,
.series-events .race-3,
.series-events .race-5 {
	background-color: #F2F9FC;
}
.series-events .race-1 .first-place,
.series-events .race-3 .first-place,
.series-events .race-5 .first-place {
	background-color: #E8F7FD;
}
.series-events .race-1 .third-place,
.series-events .race-3 .third-place,
.series-events .race-5 .third-place {
	background-color: #E8F7FD;
}
.series-events .race-2 .first-place,
.series-events .race-4 .first-place {
	background-color: #F3FBFE;
}
.series-events .race-2 .third-place,
.series-events .race-4 .third-place {
	background-color: #F3FBFE;
}

/*.race-details{
	margin-left: 48px;
	height: 36px;
}
.race-results {
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 15px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-bottom: 10px;
	color: #CCC;
}
.race-results h3 {
	font-size: 1.2em;
	margin-bottom: 1em;
}
.race-placings {
	list-style: none;
	position: relative;
	margin-top: 10px;	
}
.race-placings li {
	float: left;
	padding-left: 48px;
	margin-right: 15px;
}
.race-placings li, .race-placings li a {
	display: block;	
}

.first-place {
	background: url(/ui/assets/results/first-place-white.gif) top left no-repeat;
}
.second-place {
	background: url(/ui/assets/results/second-place-white.gif) top left no-repeat;
}
.third-place {
	background: url(/ui/assets/results/third-place-white.gif) top left no-repeat;
}

.boat-number {
	font-size: 1.5em;
	font-weight: bold;
	color: #14B1E7;
}
.boat-name {
	font-size: 1em;
	font-style: italic;
	color: #0083CA;
}
.boat-team {
	font-size: 0.9em;
	color: #0083CA;
}*/

/* @end */

/* @group Events Calendar */

#events #event-list {
	width: 320px;
	/*position: relative;*/
	margin-left: 225px;
}
#events #event-list .event-item .meta {
	clear: both;
	}
#event-list h1 {
	margin: 0;
	height: 50px;
}

#event-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	padding-top: 4px;
	background: url(/ui/assets/events/main-column-header.gif) top left no-repeat;
}
#event-list li {
	padding: 2px 0;
	border-bottom: 1px solid #DFDFDF;
	clear: both;
}


#events #event-navigation {
	position: relative;
	margin-top: 50px;
	width: 185px;
	float: right;
}

#events #event-calendar {
	padding-top: 4px;
	background: url(/ui/assets/mini-calendar/calendar-top-bezel.gif) left top no-repeat;
}
#events #event-calendar table {
	width: 100%;
}


#events .quicklinks {
	width: 185px;
	/*float: right;*/
	background: url(/ui/assets/events/quicklink-header.gif) left top no-repeat;
	padding-top: 6px;
}
#events #quicklink-jumpto {
	background: url(/ui/assets/events/quicklink-footer.gif) left bottom no-repeat;
	background-color: #89D8F3;
}
.quicklinks form {
	margin: 0 auto;
	padding: 10px;
}
.quicklinks select {
	font-size: 86%;
}
.quicklinks input {
	margin-top: 10px;
	font-size: 86%;
}

/* @end */

/* @group Articles */

#articles #article-list {
	position: relative;
	left: 225px;
}

#articles #article {
	position: relative;
	left: 225px;
}

/*#articles .article:hover {
	background-color: #f3fbfe;
}*/

.article {
	border-top: 1px solid #EEE;
	background: url(/ui/assets/articles/horiz-grad-background.gif) left top repeat-x;
	padding: 10px;
}
.article .meta {margin-bottom: 10px;
	/*margin-top: 12px;*/
	/*position: relative;*/
}
.article .date {
	/*position: absolute;*/
	top: 0;
	/*left: 10px;*/
}
.article .title {
	/*padding-left: 50px;
	width: 80%;*/
	float: right;
	width: 450px;
}
.article .title,
.article .title a,
.article .title a:hover {
	color: #F05123;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}
#article-list .article .summary {
	margin-left: 50px;
	line-height: 1.5em;
	float: none;
}
.article .readmore {
	margin: 0;
	margin-top: 5px;
}

.article .summary {
	float: left;
	width: 100%;
	margin-bottom: 18px;
	}
.article img {
	padding: 0;
	margin-right: 10px;
	margin-bottom: 9px;
	float: left;
}
.article .caption {
	color: #0083CA;
	font-style: italic;
}
.article .detail {
	float: left;
}

#article-list #pagination {
	margin-top: 10px;
	border-top: 1px dotted silver;
	padding-top: 10px;
}

/* @end */

/* @group Local Navigation */

#local-navigation {
	float: left;
	padding-top: 30px;
	width:  130px;
	padding-left: 78px;
	margin-right: 20px;
	height: 240px;
	background-image: url(/ui/assets/sidebar-background.gif);	
}

#local-navigation li a {
	height: 24px;
	
	background-position: left top;
	background-repeat: no-repeat;
}
#local-navigation li a {
	text-decoration: none;
}
#local-navigation li a:hover {
	border: none;
}
#local-navigation span {
	display: none;
}


/* @end */

/* @group About Section */

/* @group Local Navigation */

#about #local-navigation #nav-overview {
	background-image: url(/ui/assets/about/navigation/overview.gif);		
}
#about #local-navigation #nav-overview.selected a,
#about #local-navigation #nav-overview.selected a:hover {
	background-image: url(/ui/assets/about/navigation/overview-over.gif);		
}
#about #local-navigation #nav-overview a:hover {
	background-image: url(/ui/assets/about/navigation/overview-down.gif);		
}

#about #local-navigation #nav-history {
	background-image: url(/ui/assets/about/navigation/history.gif);		
}
#about #local-navigation #nav-history.selected a,
#about #local-navigation #nav-history.selected a:hover {
	background-image: url(/ui/assets/about/navigation/history-over.gif);		
}
#about #local-navigation #nav-history a:hover {
	background-image: url(/ui/assets/about/navigation/history-down.gif);		
}

#about #local-navigation #nav-presidents-message {
	background-image: url(/ui/assets/about/navigation/presidents-message.gif);		
}
#about #local-navigation #nav-presidents-message.selected a,
#about #local-navigation #nav-presidents-message.selected a:hover {
	background-image: url(/ui/assets/about/navigation/presidents-message-over.gif);		
}
#about #local-navigation #nav-presidents-message a:hover {
	background-image: url(/ui/assets/about/navigation/presidents-message-down.gif);		
}

#about #local-navigation #nav-presidents-reports {
	background-image: url(/ui/assets/about/navigation/presidents-reports.gif);		
}
#about #local-navigation #nav-presidents-reports.selected a,
#about #local-navigation #nav-presidents-reports.selected a:hover {
	background-image: url(/ui/assets/about/navigation/presidents-reports-over.gif);		
}
#about #local-navigation #nav-presidents-reports a:hover {
	background-image: url(/ui/assets/about/navigation/presidents-reports-down.gif);		
}

#about #local-navigation #nav-committee {
	background-image: url(/ui/assets/about/navigation/committee.gif);		
}
#about #local-navigation #nav-committee.selected a,
#about #local-navigation #nav-committee.selected a:hover {
	background-image: url(/ui/assets/about/navigation/committee-over.gif);		
}
#about #local-navigation #nav-committee a:hover {
	background-image: url(/ui/assets/about/navigation/committee-down.gif);		
}

#about #local-navigation #nav-fleet {
	background-image: url(/ui/assets/about/navigation/fleet.gif);		
}
#about #local-navigation #nav-fleet.selected a,
#about #local-navigation #nav-fleet.selected a:hover {
	background-image: url(/ui/assets/about/navigation/fleet-over.gif);		
}
#about #local-navigation #nav-fleet a:hover {
	background-image: url(/ui/assets/about/navigation/fleet-down.gif);		
}

#about #local-navigation #nav-members {
	background-image: url(/ui/assets/about/navigation/members.gif);		
}
#about #local-navigation #nav-members.selected a,
#about #local-navigation #nav-members.selected a:hover {
	background-image: url(/ui/assets/about/navigation/members-over.gif);		
}
#about #local-navigation #nav-members a:hover {
	background-image: url(/ui/assets/about/navigation/members-down.gif);		
}

/* @end */

/* @group Presidents Message */

#presidents-message {
	/*
	margin-left: 15px;
	float: left;
	*/
	width: 320px;
}

#presidents-reports.block {
	width: 180px;
	float: left;
	margin-left: 20px;
	margin-top: 75px;
}
#presidents-reports.block .title {
	height: 21px;
	text-indent: -999em;
	background: url(/ui/assets/about/presidents-reports/presidents-reports-title.gif) left bottom no-repeat;
}
#presidents-reports.block ul,
#presidents-reports.block ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#presidents-reports.block ul li {
	border-top: 1px solid #DDD;
}
#presidents-reports.block ul {
	border-bottom: 1px solid #DDD;
}
#presidents-reports.block ul li a {
	padding: 10px 5px;
	display: block;
	color: #0061AF;
}
#presidents-reports.block ul li a:hover {
	border: none;
	color: #F05123;
	background-color: #D0EFFA;
}
#presidents-reports.block p {
	padding-left: 5px;
	padding-right: 5px;
}

/* @end */

/* @group Presidents Reports */

.presidents-report .meta {
	border-top: 1px solid #DDD;
	padding: 10px 0;
}
.presidents-report .title {
	margin: 0;
	color: #F05123;
}
.presidents-report .title a {
	color: #F05123;
	font-weight: normal;
}
.presidents-report .title a:hover {
	color: #F05123;
}
.presidents-report .title a:active {
	color: #14B1E7;
}
.presidents-report .long-date {
	padding-top: 5px;
	color: silver;
	font-size: 85%;
}
.presidents-report .long-date p {
	margin: 0;
}

/* @end */

/* @group Presidents Report */

#presidents-report {
	width: 320px;
}

#presidents-report h1 {
	margin: 0;
}
#presidents-report .detail {
	width: 320px;
	float: left;
}
#presidents-report .long-date {
	color: silver;
}

/* @end */

/* @group Committee Listing */

.committee-member {
	border-top: 1px solid #DDD;
	padding-top: 1em;
	margin-bottom: 1em;
}

.committee-member .title {
	margin: 0;
	margin-bottom: 0.5em;
	font-size: 1.2em;
	color: #0083CA;
}
.committee-member .name {
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 0.5em;
	color: #F37021;
}
.committee-member .contacts li {
	margin-bottom: 0.5em;
}
.committee-member .contacts .label {
	font-weight: normal;
	font-size: 0.9em;
}
.committee-member .email a {
	color: #14B1E7;
}
.committee-member .email a:visited {
	color: #0061AF;
}
.committee-member .email a:hover {
	color: #F05123;
}
.committee-member .email a:active {
	color: #14B1E7;
}
.committee-member .phone {
	font-weight: bold;
}
/* @end */

/* @group Fleet Listing */

#about .boat {
	position: relative;
	margin: 5px 0;
	margin-right: 10px;
	width: 250px;
	float: left;
	background: url(/ui/assets/about/fleet/listing/bottom-left.gif) left bottom no-repeat;
	background-color: #D0EFFA;
}

#about .boat-number {
	margin: 0;
	float: left;
	width: 50px;
	height: 50px;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	color: #FFF;
	background: url(/ui/assets/about/fleet/listing/top-left.gif) left top no-repeat;
	background-color: #F05123;
}

#about .boat-name {
	margin: 0;
	margin-left: 51px;
	height: 50px;
	padding-left: 10px;
	border-bottom: 1px solid white;
	font: 1.5em "Lucida Sans" bold normal;
	line-height: 50px;
	color: #FFF;/
	background: url(/ui/assets/about/fleet/listing/top-right.gif) right top no-repeat;
	background-color: #14B1E7;
}

#about .boat dl {
	/*padding: 5px;*/
	padding-bottom: 8px;
	background: url(/ui/assets/about/fleet/listing/bottom-right.gif) right bottom no-repeat;
	background-color: transparent;
}

#about .boat dt {
	padding: 5px;
	display: block;
	float: left;
	height: 15px;
	line-height: 15px;
	/*
	*/
	display: none;
}
#about .boat dd {
	padding: 5px;
	border-bottom:  1px solid white;
	height: 15px;
	line-height: 15px;
}

#about .boat dd {
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
#about .boat dd p {
	margin: 0;
}
#about .boat dd.boat-measurement-date {
	background-image: url(/ui/assets/about/fleet/listing/measurement-date.gif);
}
#about .boat dd.boat-material {
	background-image: url(/ui/assets/about/fleet/listing/material.gif);
}
#about .boat dd.boat-builder {
	background-image: url(/ui/assets/about/fleet/listing/builder.gif);
}
#about .boat dd.boat-comments {
	background-image: url(/ui/assets/about/fleet/listing/comments.gif);
}

#about .boat dd {
	/*padding: 10px 5px 0px 50px;
	font-size: 86%;*/
	padding-left: 70px;
	color: #0061AF;
}

/* @end */

/* @end */

/* @group Resources */

.resources #page {
	float: left;
	width: 510px;
	}

/* @group Local Navigation */

.resources #local-navigation a {
	background-image: url(/ui/assets/resources/local-navigation.gif);		
	}

.resources #local-navigation #nav-notices a {
	background-position: -50px 0;
}
.resources #local-navigation #nav-notices a:hover {
	background-position: -230px 0;
}
.resources #local-navigation #nav-notices.selected a,
.resources #local-navigation #nav-notices.selected a:hover {
	background-position: -410px 0;
}

.resources #local-navigation #nav-associations a {
	background-position: -50px -24px;
}
.resources #local-navigation #nav-associations a:hover {
	background-position: -230px -24px;
}
.resources #local-navigation #nav-associations.selected a,
.resources #local-navigation #nav-associations.selected a:hover {
	background-position: -410px -24px;
}

/*.resources #local-navigation #nav-other-links a {
	background-position: -50px -48px;
}
.resources #local-navigation #nav-other-links a:hover {
	background-position: -230px -48px;
}
.resources #local-navigation #nav-other-links.selected a,
.resources #local-navigation #nav-other-links.selected a:hover {
	background-position: -410px -48px;
}*/

/* @end */

/* @group Notices */

.notices {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
.notice {
	border-top: 1px solid silver;
	padding: 10px 0;
	}
.notice h3 {
	margin-top: 0;
	}
.notice h3 a {
	font-size: 1.5em;
	font-weight: normal;
	color: #0083CA;
	}
.notice h3 a:hover {
	color: #F05123;
	}
.notice .upload-date {
	color: #F05123;
	}

/* @end */

/* @group National Associations */

#associations #page li {
	float: left;
	margin-right: 20px;
}
.fifteen-association {
	width: 100px;
	height: 120px;
}
.fifteen-association .flag {
	padding-bottom: 5px;
}
.fifteen-association h3 {
	font-size: 1em;
	color: #0083CA;
	font-style: italic;
}
.fifteen-association a:hover,
.fifteen-association a:hover h3 {
	color: #F05123;
	border: none;
}

/* @end */

/* @end */

/* @group Front Page */

#front #header {
	margin-bottom: 30px;
}

.panel-homepage {
	position: relative;
	width: 750px;
}
.panel-top,
.panel-bottom {
	position: relative;
}
.panel-top {
	/*border-bottom: 1px solid #10A6E3;*/
	padding-bottom: 10px;
}
.panel-bottom {
	border-top: 1px solid #1DCCF2;
}
.panel-top-left,
.panel-top-right { 
	float: left;
	width: 355px;
	padding: 0 10px;
}
.panel-bottom-left-corner,
.panel-bottom-mid-left,
.panel-bottom-mid-right,
.panel-bottom-right-corner { 
	float: left;
}
.panel-bottom-left-corner,
.panel-bottom-mid-left,
.panel-bottom-mid-right,
.panel-bottom-right-corner {
	position: relative;
}

.panel-bottom-left-corner {
	width: 207px;
	padding-right: 2px;
	background: url(/ui/assets/frontpage/divider.gif) top right no-repeat;	
}
.panel-bottom-mid-left {
	width: 166px;
	padding-right: 2px;
	background: url(/ui/assets/frontpage/divider.gif) top right no-repeat;	
}
.panel-bottom-mid-right {
	width: 204px;
	padding-right: 2px;
	background: url(/ui/assets/frontpage/divider.gif) top right no-repeat;	
}
.panel-bottom-right-corner {
	width: 166px;
}

#front .block-title {
	display: none;
}

/* @end */

/* @group Welcome Message (Front Page) */

.panel-top-left {
	width: 340px;
	padding-right: 25px;
}
#introduction {
	margin-top: 40px;
	font-size: 1.5em
}
#introduction h1 {
	display: none;
}

/* @end */

/* @group Latest News (Front Page) */

.panel-top-right {
	width: 355px;
	margin-top: -61px;
	padding: 61px 10px 10px 10px;
	background: url(/ui/assets/frontpage/news-background.gif) left top repeat-x;
	background-color: #25A2E0;
	
	display: none;
}
#latest-news {
	width: 300px;
}
#latest-news .picture {
	margin: 0;
	margin-bottom: 10px;
}
#latest-news .article {
	width: 300px;
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}
#latest-news .title,
#latest-news .title a {
	width: 100%;
	color: #FFF;
	padding: 0;
}
#latest-news .submitted {
	color: #8DD0EF;
}

/* @end */

/* @group Event Calendar (Front Page) */

#front #event-calendar {
	margin: 0;
	position: relative;
	width: 187px;
	padding: 32px 10px 0 10px;
	background: url(/ui/assets/frontpage/event-calendar.gif) top left no-repeat;
	float: left;
}
#front #event-calendar h3 {
	width: 187px;
	height: 21px;
	text-indent: -999em;
}
#front #event-calendar #calendar-race-events h3 {
	background: url(/ui/assets/frontpage/racing-events.gif) top left no-repeat;		
}
#front #event-calendar #calendar-committee-events h3 {
	background: url(/ui/assets/frontpage/committee-events.gif) top left no-repeat;		
}
#front #event-calendar #calendar-social-events h3 {
	background: url(/ui/assets/frontpage/social-events.gif) top left no-repeat;		
}

#front #event-calendar .event-item .meta {
	/*height: 40px;
	padding-left: 36px;*/
}
#front #event-calendar .event-item .title {
	top: 0;
	color: #FFF;
	width: 140px;
}
#front #event-calendar .event-item .date {
	/*position: absolute;
	top: 0;
	left: 0;*/
}
#front #event-calendar .event-item .date {
	/*padding: 0 3px;*/
}


#front #event-calendar .race-event,
#front #event-calendar .social-event,
#front #event-calendar .committee-event {
	position: relative;
	border-bottom: 1px solid #43C1EC;
	margin-bottom: 5px;
}
/*
#front #event-calendar .race-event .race-event-details,
#front #event-calendar .social-event .social-event-details,
#front #event-calendar .committee-event .committee-event-details {
	margin-left: 40px;
}
#front #event-calendar .race-event h2,
#front #event-calendar .social-event h2,
#front #event-calendar .committee-event h2 {
	color: #FFF;
	font-size: 1.2em;
	margin-bottom: 0.25em;
	font-weight: bold;
}

#front #event-calendar .more-link {
	color: #FFF;
}
*/

/* @end */

/* @group Race Results (Front Page) */

#front #race-results {
	margin: 0;
	position: relative;
	width: 138px;
	padding: 32px 14px 0 14px;
	background: url(/ui/assets/frontpage/race-results.gif) top left no-repeat;	
}
#front #race-results .race-event .meta {
	position: relative;
	margin: 0;
	height: 48px;
}
#front #race-results .race-event .title {
	margin: 0;
	margin-left: 38px;
	color: #FFF;
	font-size: 1.5em;
}
#front #race-results .race-event .date {
	position: absolute;
	top: 0;
}



#front #race-results .race-results {
	border-top:  1px solid #43C1EC;
	padding-bottom: 10px;
}
#front #race-results .race-results li {
	float: none;
	margin: 0;
	padding-left: 44px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom:  1px solid #43C1EC;
	
	background-position: top -2px;
	background-repeat: no-repeat;
}

#front #first-place {
	background-image: url(/ui/assets/frontpage/first-place-blue.gif);
}
#front #second-place {
	background-image: url(/ui/assets/frontpage/second-place-blue.gif);
}
#front #third-place {
	background-image: url(/ui/assets/frontpage/third-place-blue.gif);
}
#front .boat-number {
	color: #FFF;
}
#front .boat-name {
	color: #FFF;
}
#front .boat-team {
	margin-top: 5px;
	color: #FFF;
}
#front .boat-crew {
	display: block;
}

/* @end */

/* @group Crew Board (Front Page) */

#front #crew-board {
	margin: 0;
	position: relative;
	width: 176px;
	padding: 32px 14px 0 14px;
	background: url(/ui/assets/frontpage/crew-board.gif) top left no-repeat;	
}


/* @end */

/* @group Weather (Front Page) */

#front #weather-forecast {
	margin: 0;
	position: relative;
	width: 142px;
	padding: 32px 10px 0 14px;
	background: url(/ui/assets/frontpage/weather.gif) top left no-repeat;	
}

.weather-current {
	position: relative;
}
.weather-current .date {
	position: absolute;
	top: 0;
	left: 0;
}
.weather-current-conditions p {
	margin-left: 42px;
	margin-bottom: 15px;
}
.weather-current-time {
	display: block;
	font-size: 1.5em;
}
p.weather-current-description {
	margin: 0;
	text-transform: capitalize;
}
.weather-current-temp {
	display: block;
	color: #FFF;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 2em;
	font-weight: bold;
}

.weather-forecast h3 {
	width: 142px;
	height: 21px;
	text-indent: -999em;
	background: url(/ui/assets/frontpage/forecast.gif) top left no-repeat;	
}

.weather-forecast .weather-forecast {
	position: relative;
	
	padding-bottom: 10px;
	border-bottom: 1px solid #43C1EC;
	margin-bottom: 10px;
}
.weather-forecast .date {
	position: absolute;
	top: 0;
	left: 0;
}

.weather-forecast .weather-forecast-description,
.weather-forecast .weather-forecast-temps {
	margin-left: 40px;
}

/* @end */

/* @group Members Section */

.members #content.container {
	position: relative;
	}

.members #local-navigation.navigation {
	margin-right: 0;
	}
.members #local-navigation.navigation span {
	display: block;
	}

/* @group Login */

#login.members #member-login {
	margin-left: 220px;
	}

/* @end */

.member-admin {
	position: absolute;
	left: 760px;
	/*float: left;*/
	width: 240px;
	}
.member-detail {
	float: right;
	margin-left: 20px;
	width: 510px;
	}
	
.member-detail #member-header {
	border-bottom: 1px dotted #C7BFBD;
	margin-bottom: 0.5em;
	}
.member-detail #member-header h3 {
	color: #F37021;
	}	
	
	
#member-list h3 {
	color: #14B1E7;
	font-weight: bold;
	padding: 0.5em 0;
	margin: 0.5em 0;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	margin-right: 10px;
	}	
#member-list ul {
	height: 450px;
	overflow: scroll;
	}
#member-list li {
	margin: 0.75em 0;
	}
#member-list li span {
	display: block;
	}
#member-list li a .email_addr {
	font-weight: normal;
	}
	
	
.member-detail #ff_code span {
	display: block;
	float: left;
	margin-right: 1em;
	line-height: 1.75;
	}

.member-detail #mailing_lists div {
	float: left;
	}
.member-detail #mailing_lists span {
	display: block;
	line-height: 1.75;
	}	
	
/* @end */