/**
 * Core Styles
 */
body
{
	background-color: #43552b;
	background-image: url('../images/page-bg.jpg');
	background-repeat: repeat-x;
	margin: 0px;
}

#top-margin
{
	background-color: #1c2517;
	height: 7px;
	width: 100%;
}

#header
{
	width: 825px;
}

#logo
{
	float: left;
	padding-top: 14px;
	border: none;
}

#content-top
{
	width: 825px;
	background-image: url('../images/body-top.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-color: #fbfaf9;
	margin-top: 10px;
	float: left;
}

#content-bg
{
	background-image: url('../images/content-bg.jpg');
	float: left;
	width: 825px;
}

.hide
{
	display: none;
}

h1, h2, h3, h4, h5, h6
{
	color: #5e6a70;
	margin-top: 5px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

#content-area > h1, #content-area > h2, #content-area > h3, #content-area > h4, #content-area > h5, #content-area > h6
{
	margin-left: 10px;
}

h1
{
	font-size: 24px;
}

h2
{
	font-size: 18px;
}

h3
{
	font-size: 16px;
}

h4
{
	font-size: 14px;
}

h5, h6
{
	font-size: 12px;
}

#content-area
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5E6F45;
	padding: 4px 4px 10px;
	width: 564px;
	float: right;
	text-align: left;
}

#content-area > p, #content-area > form, #content-area > div, #content-area > img, #content-area li
{
	margin-top: 3px;
	margin-left: 14px;
	margin-right: 15px;
}

#content-area a
{
	color: #668539;
	text-decoration: underline;
}

#content-area a:hover
{
	color: #8cbe44;
	text-decoration: underline;
}

ul, ol, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8c967e;
}

#weather .title
{
	font-weight: bold;
	color: #5E6A70;
	margin: 5px 0px 3px;
}

#content-bottom
{
	width: 825px;
	height: 5px;
	background-image: url('../images/body-bottom.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #fbfaf9;
	margin-bottom: 10px;
	float: left;
}

#footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a1aa95;
	text-align: left;
	width: 400px;
	float: left;
}

#footer a
{
	color: #a1aa95;
	text-decoration: none;
	margin-bottom: 15px;
}

#footer a:hover
{
	color: #dedfdf;
	text-decoration: underline;
}

#copyright
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a1aa95;
	text-align: right;
	width: 350px;
	float: right;
	margin-bottom: 15px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.hidden
{
	display: none;
}

.invisible
{
	visibility: hidden;
}

div.auto_complete
{
	width: auto;
}

#print img
{
	border: none;
	float: right;
}

#print
{
	margin-bottom: 25px;
}

.sf_admin_filters
{
	width: 80%;
}

/**
 * Header / menu styles
 */

#submenu-block
{
	width: 253px;
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#submenu-block li
{
	width: 247px;
	height: 27px;
	background-image: url('../images/submenu-bg.jpg');
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 5px;
	color: #668539;
	font-weight: bold;
	line-height: 2.5em;
	list-style: none;
	margin: 0;
}

#submenu-block a
{
	color: #668539;
	text-decoration: none;
}

#submenu-block a:hover
{
	 color: #8cbe44;
	 text-decoration: underline;
}

#submenu-block hr
{
	border: none;
	height: 1px;
	background-color: #5E6A70;
	width: 80%;
}

#header_image
{
	width: 818px;
	height: 256px;
}

#navbit
{
	background-image: url('../images/navbit-bg.jpg');
	background-repeat: repeat-x;
	height: 33px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #668539;
	font-weight: bold;
	padding-left: 5px;
	margin-left: 3px;
	margin-right: 3px;
	line-height: 3em;
}

#menu_container
{
	width: 818px;
	margin-top: 5px;
	background-image: url('../images/menu-bg.jpg');
}

#menu_container a, #menu_container div
{
	display: block;
	float: left;
	height: 38px;
	background-repeat: no-repeat;
}

#menu_container .end
{
	width: 10px;
}

#menu_container .midend
{
	width: 28px;
	background-image: url('../images/menu-bg.jpg');
	background-repeat: repeat;
}

#left_end
{
	background-image: url('../images/menu-left.jpg');
}

#right_end
{
	background-image: url('../images/menu-right.jpg');
	background-position: right center;
}

#menu_club
{
	background-image: url('../images/menu-club.jpg');
	width: 107px;
}

#menu_club:hover
{
	background-position: -107px 0px;
}

#menu_mentoring
{
	background-image: url('../images/menu-mentoring.jpg');
	width: 131px;
}

#menu_mentoring:hover
{
	background-position: -131px 0px;
}

#menu_social
{
	background-image: url('../images/menu-social.jpg');
	width: 129px;
}

#menu_social:hover
{
	background-position: -129px 0px;
}

#menu_racing
{
	background-image: url('../images/menu-racing.jpg');
	width: 130px;
}

#menu_racing:hover
{
	background-position: -130px 0px;
}

#menu_cruising
{
	background-image: url('../images/menu-cruising.jpg');
	width: 106px;
}

#menu_cruising:hover
{
	background-position: -106px 0px;
}

#menu_running
{
	background-image: url('../images/menu-running.jpg');
	width: 139px;
}

#menu_running:hover
{
	background-position: -139px 0px;
}

#navbit a
{
	color: #668539;
	text-decoration: none;
}

#navbit a:hover
{
	color: #8cbe44;
	text-decoration: underline;
}

/**
 * Form styles
 */

input, textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	border: 1px solid #DEDFDF;
	margin: 3px;
}

input[type="button"], button, input[type="submit"]
{
	border: 1px solid #999999;
	background-color: #DFD5D1;
	padding: 1px;
}

textarea
{
	font-size: 12px;
}

form
{
	padding: 0px;
	border: 0px;
	margin: 0px;
}

.form_error
{
	color: #CF0C0C;
}

/**
 * Table styles
 */

table, th, td, tr
{
	font-family: Arial, Helvetica, sans-serif;
}

.thead, th
{
	background-color: #677278;
	font-size: 12px;
	font-weight: bold;
	color: #f7f7f7;
	padding: 3px;
}

.tnote
{
	background-color: #dbddd4;
	font-size: 10px;
	font-style: italic;
	color: #2e3d44;
	padding: 3px;
}

.row1 td, .cell1
{
	background-color: #fbfaf9;
	font-size: 10px;
	color: #2e3d44;
	padding: 3px;
}

.row2 td, .cell2
{
	background-color: #f6f5f2;
	font-size: 10px;
	color: #2e3d44;
	padding: 3px;
}

.row1s td, td.cell1s, .row1 th
{
	background-color: #fbfaf9;
	font-size: 11px;
	color: #668539;
	font-weight: bold;
	padding: 3px;
}

.row2s td, .cell2s, .row2 th
{
	background-color: #f6f5f2;
	font-size: 11px;
	color: #668539;
	font-weight: bold;
	padding: 3px;
}

.row1 li, .row2 li
{
	font-size: 10px;
}


/**
 * Login styles
 */
#login_container
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #dbead2;
	font-weight: bold;
	text-align: left;
	margin: 10px 0px 0px 3px;
}

#login_labels
{
	margin-left: 7px;
}

#login_fields
{
	margin-left: 12px;
}

#login_labels span
{
	position: relative;
}

#login_labels span#password_label
{
	left: 43px;
}

#login_container a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #dbead2;
	font-weight: bold;
	text-decoration: none;
}

#login_container a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #dedfdf;
	font-weight: bold;
	text-decoration: underline;
}

#login_container p
{
	font-weight: normal;
	margin: 9px 0px;
}


#login_username
{
	margin-left: -5px;
}

.login-input
{
	font-size: 9px;
	color: #dbead2;
	background-color: #373f32;
	width: 85px;
}

#login_submit_span
{
	margin-right: 15px;
	float: right;
}

#login_remember_span
{
	float: left;
	margin-left: 4px;
}

#login-area
{
	background-color: #1c2517;
	width: 210px;
	height: auto;
	padding-bottom: 10px;
	float: right;
	background-image: url('../images/login-box-bottom.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
}

/**
 * Calendar styles
 */

#main_calendar td ul, #main_calendar td li
{
	padding: 0px;
	margin: 0px 0px 4px 0px;
	font-size: 0.9em;
	width: 75px;
}

#main_calendar td span.day
{
	font-weight: bold;
}

#main_calendar td span.day a, .maincalendar td span.day a:hover
{
	text-decoration: none;
}

#main_calendar td
{
	border: black solid 1px;
	padding: 3px 0px 0px 3px;
	width: 75px;
	height: 75px;
	vertical-align: top;
	overflow: hidden;
}

#main_calendar tr.days_of_week td
{
	height: auto;
	padding: 2px;
	text-align: center;
	font-weight: bold;
}

#main_calendar table
{
	border-collapse: collapse;
	margin-bottom: 5px;
}

#calendar_nav
{
	margin: 3px;
}

#calendar_nav a.nav, div.calendar_nav a.nav:hover
{
	text-decoration: none;
}

table.event
{
	margin-left: 6px;
}

/**
 * MiniCalendar styles
 */
#calendar .month_title
{
	padding: 3px;
	font-weight: bold;
	color: #5E6A70;
}

#calendar .mini_calendar a, #calendar .mini_calendar a:hover
{
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#calendar .mini_calendar td
{
	text-align: center;
}

#upcoming_events div
{
	font-size: 0.85em;
	margin-bottom: 3px;
	margin-left: 1px;
}

/**
 * CMS styles
 */

.cms_edit img
{
	float: right;
	border: none;
	margin-right: 30px;
}

/**
 * Clubhouse styles
 */
#clubhouse .notifications
{
	border: 3px dashed #9F1313;
	width: 90%;
	margin: 15px 0px;
}

#clubhouse .notifications li
{
	font-size: 1.2em;
	color: #EF3B3B;
}

#clubhouse .notifications h2
{
	color: #9F1313;
}

/**
 * Boat Booking Styles
 */
#booking_calendar
{
	width: 815px;
	border-collapse: collapse;
	margin-top: 5px;
}

#booking_calendar th
{
	text-align: center;
}

#booking_calendar th, #booking_calendar td
{
	border: 1px solid black;
	padding: 4px;
}

#booking_calendar th .boat_info
{
	font-size: 0.8em;
	font-style: italic;
}

#booking_calendar td.timeslot
{
	width: 245px;
}

#booking_calendar td.need_duty_skipper
{
	background-color: #D3D2D1;
}

#booking_calendar th.boat
{
	width: 80px;
}

#booking_calendar td
{
	vertical-align: top;
}

#booking_calendar .crew ul, #booking_calendar .guest ul
{
	margin: 0px;
	padding-left: 20px;
}

#booking_calendar .crew li, #booking_calendar .guest li
{
	margin: 0px;
}

#booking_calendar .edit
{
	float: right;
}

#booking_calendar .notes
{
	width: 240px;
	overflow-x: hidden;
}

#crew form, #skipper form
{
	border: 2px solid #DEDFDF;
	background-color: #FBFAF8;
	padding: 5px;
	margin: 5px;
}

/**
 * Report Styles
 */
#report_table
{
	width: 100%;
	border-collapse: collapse;
	margin-top: 3px;
}

#report_table th
{
	text-align: center;
}

#report_table th, #report_table td
{
	border: 1px solid black;
}