/* Marlow Sailing Club website design and information structure copyright 2009, David Grant */
/* All photographs copyright of the individual MSC members who took the originals*/

body /* sets background colour for browser window and general text align and colour rules*/
	{
		margin: 0;
		padding: 0;
		text-align: left;
		color: #1c1b3e;
		background-color: #eaeaea;
	}
		h1
		{
		font: normal bold 200% 'Comic Sans MS',sans-serif;
		line-height: 1em;
		color: #000080;
		background-color: transparent;
		}

		h2
		{
		font: normal bold 140% 'Comic Sans MS',sans-serif;
		line-height: 0.33;
		color: #B51A12;
		background-color: transparent;
		}

		h3
		{
		font: normal bold 110% 'Comic Sans MS',sans-serif;
		line-height: 0.33;
		color: #073f79;
		background-color: transparent;
		}

		p
		{
		font: normal 85% 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif;
		}
/* BEGINS Contact Us FORM styling*/
		#form {font-size:85%;line-height: 1.5; text-indent:0; width:25em;}


		p.legend
		{
		text-indent:0.5em;
		font: normal bold 120% 'Comic Sans MS',sans-serif;
		background:#eaeaea;color:#B51A12;padding:.1em .2em;border:2px outset #959595;position:relative;margin-bottom:-1em;width:11em;margin-left:1em;margin-top:1em
		}
		p.label
		{
		font: normal 85% 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif;line-height: 1.5;
		}
		
		fieldset

		{background:#C361D2;border:none;margin-bottom:1em;width:30em;padding-top:1.5em;padding-left: 20px;
		}
		#personal {background:#7db9f7;border:outset #7db9f7;}
		#enquiry {background:#7db9f7;border:outset #7db9f7;}
		#message {background:#7db9f7;border:outset #7db9f7;}

#personal label {position:relative;padding-top:.2em;left:20px;line-height: 1.8em}
#personal input {margin-left:3em;line-height:1.4em;margin-bottom:.2em;}

#enquiry label {position:absolute;padding-top:.2em;left:20px;line-height: 1.5em}
select {margin-left:11em;margin-bottom:0}

#message  input {margin-left:9em}
#message  input +input {margin-left:1em}
#message  br+input {margin-left:9em}

textarea {font:.8em 'Lucida Grande', 'Lucida Sans Unicode',"Trebuchet MS", sans-serif;width:29em;padding:.2em}

#who input {margin-left:5em}
#who input +input {margin-left:5em}
#who br+input {margin-left:5em}

input[type="submit"], input[type="reset"] {background:#ffcc66;font:1em 'Lucida Grande', 'Lucida Sans Unicode',"Trebuchet MS", sans-serif}

#buttons {color:#000;text-align:center}

/*ENDS Contact Us FORM styling*/

		p.caption /* defines text style for photograph captions */
		{
		text-indent:0;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0.5em;
		margin-left: auto;
		font: normal bold small-caps 12px Georgia, serif;
		color: #0066cc;
		background-color: transparent;
		}

		ul
		{text-indent:0;
		font: normal 85% 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif;
		line-height: 1.5em;
		}
		
		ul.nobullet
		{
		list-style-type: none;
		font: normal 85% 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif;
		line-height: 1.5em;
		color: #1c1b3e;
		background-color: transparent;
		}

/* 'image' style rules set black border (and float left) except for the redrule section dividers*/		
		img
		{
		border: black solid 1px;
		margin-bottom: 0.5em;		
		}
		img.left
		{
		float: left;
		margin-right: 1em;
		margin-bottom: 0.5em;
		
		}
		
		img.redrule
		{
		border: none;
		}

		img.redrule2
		{
		border: none;
		}

		#container	/* this defines the 'page' */
		{
		margin: 1em auto;
		min-width: 770px; max-width: 900px;
		color: #505367;
		background: #ffffff url(images/bluefade.png) repeat-x top;
		border: 1px solid black;
	}
	
	#headertop
	{
	margin-right: 20px;
	margin-left: 20px;
	padding-right: 1em;
	height: 30px;
	font: normal bold small 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif;
	color: #ffffff; text-align: right; line-height: 2.3;
	background: inherit;
		}
	
	#header
	{
	
	margin-right: 20px;
	margin-left: 20px;
	height: 75px;
	border-width: 2px;
	border-style: solid;
	border-color: red;
	background-color: transparent;
	color: #000080;
	font: normal 900 52px 'Comic Sans MS',sans-serif; line-height: 1;
	text-align: center;
	letter-spacing: 0.08em;
	
	}

	#header img
	{
	display: inline;
	vertical-align: text-top;
	padding-top: 13px;
	border: none;
	}


	#mainnav
	{
		margin-right: 20px;
		margin-left: 20px;
		margin-top: 1.5em;
		margin-bottom: 2em;
		height: 25px;
		background-color: #0a8aa9;
		color: inherit;
		font: normal bold medium 'Comic Sans MS',sans-serif;
	}

/* relative font-size mini tabs from SimpleBits at http://www.simplebits.com/bits/css_tabs.html */

#miniflex {
	width: 100%;
	float: left;

	margin: 0;
	padding: 0 10px 0 10px;
	
	}

#miniflex li {
	float: left;
	margin: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left;
	margin: 0 10px 0 10px;
	font-size: inherit; font-weight: bold; 	line-height: 1.5;
	text-decoration: none;
	color: #fecb65;
	background-color: inherit;
	}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	border-bottom: 4px solid #000080;
	padding-bottom: 2px;
	color: #000080;
	background-color: inherit;
	}
	
	#right-top	/* right-hand column: contains 'menu' and 'right-bottom' */
	{
		margin-right: 20px;
		margin-bottom: 1em;
		float: right; 
		width: 230px;
		padding-top: 0.5em;
		padding-bottom: 0;
		background-color: transparent;
		color: #505367;
	}

	#right-top img
	{margin: 0 1em 1em;
	}

	#right-top h2
	{
		font: normal bold 110% 'Comic Sans MS',sans-serif;
		line-height: 0.33;
		color: #B51A12;
		background-color: transparent;
	}

	#right-top p
	{	text-indent:0;
		font: 600 80% Tahoma, Helvetica, Arial, sans-serif;
		line-height: 1.2em;
		color: #073f79;
		background-color: transparent;
	}
	#right-top p.normal
	{	font-weight: 400; 
	}

	#menu
	{
	font: normal 16px 'Comic Sans MS',sans-serif;
	color: #073f79;
	background-color: transparent;
	margin: 0; 
	padding: 0;
	}

	#menu p
	{
	font: normal bold 18px 'Comic Sans MS',sans-serif;

		}
		
		#menu a:link, #menu a:visited {

		font-size: inherit;  	line-height: 1.5;
		text-decoration: none;
		color: #073f79;
		background-color: inherit;
		}

		#menu a.active:link, #menu a.active:visited, #menu a:hover {
		border-bottom: 2px solid #B51A12;
		color: #B51A12;
		background-color: inherit;
		}
	
	#right-bottom
	{
		float: right; 
		width: 230px;
		text-align: center;
		padding-top: 3em;
		background-color: transparent;
		color: #1c1b3e;
	}
	
		#right-bottom img
		{
		border: none;
		}
		
	#contents	/* main body box */
	{

		margin-right: 265px;
		margin-bottom: 1.5em;
		margin-left: 20px;
		line-height: 1.33em;
		text-align: left;
		background-color: transparent;
		color: #1c1b3e;
	}

	table /* table structure for use as needed */
	{
	border-top: 1px solid #B51A12;
	border-left: 1px solid #B51A12;
	border-collapse: collapse;
	font-family: 'Comic Sans MS',sans-serif;
	font-size: 120%;
	line-height: 0.9em;
	}
		caption
		{
		font-weight: bold;
		font-size: 100%;
		text-align: left;
		padding: 6px;
		border: 1px solid #B51A12;
		color: #1c1b3e;
		background-color: #eaeaea;

		}
		th
		{
		font-weight: bold;
		font-size: 100%;
		padding: 6px;
		border-right: 1px solid #B51A12;
		border-bottom: 1px solid #B51A12;
		color: #1c1b3e;
		background-color: #eaeaea;
		}
		td
		{
		font-weight: normal;
		font-size: 85%;
		padding: 5px;
		border-right: 1px solid #B51A12;
		border-bottom: 1px solid #B51A12;
		}

	#footer	
	{
		clear: both;
		margin-right: 20px;
		margin-left: 20px;
		margin-top: 1em;
		margin-bottom: 1em;
		height: 23px;
		font-family: 'Comic Sans MS',sans-serif;
		font-size: 14px;
		line-height: 1.5em;
		color: #fecb65;
		background-color: #0a8aa9;

	}
		#footer li
		{
		float: left;
		margin: 0; 
		padding: 0;
		display: inline;
		list-style: none;
		}
	
		#footer a:link, #footer a:visited
		{
		float: left;
		margin: 0 10px 0 10px;
		font-size: inherit; font-weight: bold; 	line-height: 1.5;
		text-decoration: none;
		color: #fecb65;
		background-color: inherit;
		}

		#footer a.active:link, #footer a.active:visited, #footer a:hover
		{
		border-bottom: 4px solid #000080;
		padding-bottom: 3px;
		color: #000080;
		background-color: inherit;
		}