/*
Author: Mark Lewis
Last Modified: 06/01/09
Site: hinghamyachtclub.com
*/

a:link
{
	color:#006;
	text-decoration:underline;
}

a:visited
{
	color:#006;
}

a:active
{
	color:red;
}

a:hover 
{
	text-decoration:none;
}

a img 
{
	border:0;
}

h2 a:link
{
	color:#333;
	text-decoration:none;
}

h2 a:visited
{
	color:#333;
	text-decoration:none;
}

h2 a:hover 
{
	text-decoration:underline;
}


/*
  Layout
  ========================================
*/
  
*
{
	margin:0;
	padding:0;
}

body
{
	font:100% "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	line-height:1.4em;
	margin:0;
	padding:0;
	text-align:center;
	background:#6c94d2 url(../images/bg_waves_blue.jpg) repeat-x bottom left; 
	background-attachment:fixed;
	height:100%;
}

#ocean
{
	position:fixed;
	z-index:-1;
	left:0;
	bottom:0;
/*	background:transparent url(../images/bg_left.jpg) no-repeat bottom left; 
*/	background-attachment:fixed;
/*	background:transparent url(../images/bg_distance.jpg) no-repeat bottom left; 
*/	width:300px;
	height:100%
}

#vessel
{
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-top:30px;
	position:relative;
}

#vessel #logo 
{
	position:absolute;
	left:30px;
	top:30px;
	margin-right:430px;
}

#mast 
{
	margin-left:190px;
}

#cockpit 
{
	padding:30px;
	clear:left;
	height:100%;
	background-color:#fff;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

#box-2
{
	float:right;
	width:48%;
}

#box-1
{
	float:left;
	width:48%;
}

h1, h2, h3, h4 
{
	font-family:Garamond, Georgia, serif;
	padding-bottom:.25em;
	margin-top:-.125em;
	line-height:1.125em;
}

h1
{
	font-size:2.075em;
}

h2
{
	font-size:1.775em;
}

h3
{
	font-size:1.475em;
}

h4
{
	font-size:1.175em;
}

strong
{
	font-family:Garamond, Georgia, serif;
	font-size:1.1em;
}

dd
{
	margin-top:-.125em;
	padding-bottom:.5em;
}

#cockpit dl address
{
	font-style:normal;
	font-size:1.125em;
}

#cockpit p, #cockpit ul, #cockpit ol, #cockpit blockquote, #cockpit address, #cockpit table, #cockpit dl
{
	color:#111;
	font-size:.875em;
	padding-bottom:1em;
}

#cockpit ul, #cockpit ol
{
	margin-left:2em;
}

#cockpit #galley 
{
	margin-top:15px;
	padding-bottom:0;
	clear:both;
	color:#333;
	font-size:.875em;
}

.photo 
{
	margin:0 0 15px 15px;
	float:right;
}

/*
  Pages
  ========================================
*/

#cockpit .info
{
	font-style:italic;
	color:#666;
}

#tides, h3#children-head
{
	clear:both;
}

#tides table
{
	width:100%;
	padding:0;
}
  
#home h1
{
	clear:left;
}

#racing #box-2 
{
	border:1px solid #eee;
	margin5px 0 0 15px;
	padding:15px;
}

#home #cockpit ul, #racing #cockpit ul
{
	list-style:none;
	padding-left:0;
	margin-left:0;
}

#home #box-1
{
	border-right:1px solid #ddd;
	margin-left:3px;
}

#home #bill
{
	padding:14px;
	margin-bottom:25px;
	background:#fff url(../images/slideshow-skin.gif) no-repeat 50% 50%;
	z-index:1;
}

#home #news li small, #racing #box-2 ul li small
{
	display:block;
	font-style:italic;
	color:#555;
}

#home #events li small
{
	font-style:italic;
	color:#555;
}

#news-all, #facilities h1
{
	padding-bottom:30px;
}

#news #cockpit table
{
 	margin-bottom:1em;
	text-align:left;
}

#events #cockpit table, #news #cockpit table
{
	width:100%;
	border-collapse: collapse;
}

#events #cockpit table td, #news #cockpit table td
{
	padding:.5em 1em;
	border-top:1px solid #888;
}

#news #cockpit table td
{
	padding:.25em .5em;
}


#events #cockpit table th
{
	font-size:1.125em;
	font-family:Garamond, Georgia, serif;
	padding:.5em .875em;
	border-top:1px solid #888;
}

#events #cockpit table td span.time
{
	display:block;
}

tr.odd
{
	background-color: #ffc;
}

#nav
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-color: #006;
	text-align:right;
	width:770px;
	color:#fff;
}

#nav a
{
	color: #fff;
}

#nav span
{
	display:block;
	padding:1.1em 30px;
}

#cockpit #picasa {
	clear:right;
	margin:0;
	padding:15px 0 0 0;
}

#picasa li {
	display:inline;
	margin-right:9px;
}

#picasa img
{
	border:1px solid #555;
}

/* 
	LEVEL ONE
*/
#nav ul.dropdown                         { position: relative; margin-left: 30px; list-style-type:none; }
#nav ul.dropdown li                      { text-align:left; font-weight: bold; margin-right:1.4em; float: left; zoom: 1; background: #006; color: #fff; }
#nav ul.dropdown a:hover		         { color: #fff; }
#nav ul.dropdown a:active                { color: #fff; }
#nav ul.dropdown li a                    { display: block; padding: 1.1em 0; text-decoration:none; color: #fff; }
#nav ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
#nav ul.dropdown li.hover,
#nav ul.dropdown li:hover                { position: relative; }
#nav ul.dropdown li.hover a              { color: #fff; text-decoration:none; }

#nav ul.dropdown li.current a { 
	background:transparent url(../images/nav-selected.gif) no-repeat 50% 100%; 
}

/* 
	LEVEL TWO
*/
#nav ul.dropdown ul 				    { width: 220px; visibility: hidden; position: absolute; top: 100%; left: -1.4em; z-index:100; border-bottom:5px solid #fff; list-style-type:none; }
#nav ul.dropdown ul li 					{ font-weight: normal; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
#nav ul.dropdown li.hover ul li a				{ 	
border-right: none; width: 100%; display: inline-block; padding: .5em 0 .5em 1.4em; background:#006; color:#eee; font-weight:bold; text-decoration:none; } 
#nav ul.dropdown li.hover ul li a:hover {
	font-weight:bold;
	}

/*---------------------------
	FORMS
---------------------------*/

.error {
	color:#9b1017;
}

p.description {
	color:#666;
	font-style:italic;
	font-size:.9em;
}

p.error {
	background-color:#fcb4b7;
	border:1px solid #9b1017;
	color:#9b1017;
	padding:.5em;
	margin:0 0 15px 15px;
}

dd.error input {
	background-color:#fcb4b7;
}

form p {
	padding:0 0 7px 0;
}

fieldset .text {
	display:block;
	margin:.5em 0;
	width:50%;
	padding:.25em;
}

fieldset textarea {
	display:block;
	margin:.5em 0;
	width:50%;
	padding:.25em;
}

fieldset {
	border:none;
	padding:15px 0;
	border-top:1px dashed #666;
}

#members fieldset {
	border:none;
	padding:0;
}

form table, form p, form h3 {
	padding-left:0;
}

.submit {
	background-color:#006;
	border:1px solid #000;
	color:#fff;
	font:1.2em bold Arial, Helvetica, sans-serif;
	padding:.25em 1em;
	margin:0;
}

td.delete  {
	text-align:right;
}

td.delete input {
	background-color:#006;
	border:1px solid #000;
	color:#fff;
	font:.8em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:.125em .25em;
	margin:0;
}

.select
{
	display:block;
	padding:.25em;
	margin-bottom:15px;
	width:35%;
}

#members table
{
	width:100%;
	border-collapse:collapse;
	margin-bottom:2em;
}

#members table#children
{
	width:100%;
}

#members table tbody tr td
{
	padding:.5em;
}

#members table thead tr td
{
	border-bottom:1px solid #333;
	padding:.5em;
}

thead tr td
{
	font-weight:bold;
}

.checkbox {
	margin:0 5px 15px 0;
}

#class-times-swim, #class-times-sail {
	width:66%;
}

#class-times-swim, #class-times-sail td {
	padding:.25em .25em .25em 0;
}

#class-times-swim, #class-times-sail {
	width:66%;
}