/*
 * CSS Style Sheet for www.yachtsurveys.biz
 *
 * December 2008
 * Mark Bullen, MindStarGraphics.co.uk
 */

body { 	margin: 0;  padding: 0;  background: #F4F6FF;}

BODY,TD,TH,P,INPUT,SELECT,TEXTAREA { font-family: helvetica, arial, sans-serif; font-size: 14px; color: #333; line-height: 1.6em;}

h1, h2, h3, h4 {color : #4A4B9A; font-weight: 100; letter-spacing: -1px; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }

address { margin-left: 4em; line-height: 1.5em;}

a { text-decoration: none; }

noscript { display: inline; }

/* Some CSS Selector magic to style the First paragraph in a section, 
 * the alternate is to allow for the inclusion of a div or img.
 * Doesn't work in IE5,6 but works in IE7, FF and Opera.
 */
#main h1 + p, #main h1 + div + p, #main h1 + img + p { font-size: 110%; color: #555; font-style: oblique; text-align: left;}

#main h1 { margin-top: 5px; }

#container { width: 976px; margin: 0 auto; border: 1px solid #C5CBE6; border-top: none; background: #fff; overflow: auto; padding: 8px; }

#header {  }
#header a img { border: none; }

/* Styling for the banner headline */

#ystitle { vertical-align: bottom; width: 976px; margin: 0 auto; position: relative; overflow: auto; background: #fff; }
#yslogo { float: left; width: 190px; height: 130px; }
#cmn-logo, #iims-logo { float: right; height: 100px; margin: 0px 4px;} 
#iims-logo img { behavior: url("/iepngfix.htc"); }

#yscaption { float: left; margin-left: 20px; }
#ystitle #headline { color: #4A4B9A; }
#ystitle #headline { margin: 0; font-size: 18px; letter-spacing: 0.1em; padding: 0; font-family: helvetica, arial, sans-serif; font-weight: lighter; line-height: 1.4em;}
#ystitle #headline_lower { margin-bottom: 10px;}

#ystitle hr { padding: 0; margin-top: 0.1em; margin-bottom: 0.1em; width: 360px;}
#ystitle p { color: #666; font-weight: lighter; font-size: 14px; margin: 1em 0 2em 0;}

#yslinks { text-align: right; vertical-align: bottom; font-size: small; padding-left: 1em;}
#yslinks a { text-decoration: none;}

/* Commmon Width for main and footer */

#footer, #main { width: 760px; background: #fff;}

/* Styling for main content */

#main { padding: 0 5px; margin: 0; float: right; }
#main li { list-style-image: url("/images/bullet.gif"); }
#main p { text-align: justify; }

/* Styling for footer */
	
#footer { clear: both; border-top: 1px solid #C5CBE6; float: right; padding: 0; margin-top: 1em; }
#footer p { font-size: 13px; color: #666; text-align: right; padding: 0 0.5em; margin-top: 0.5em; }

/*
 * Content Styling
 */
 
/* Three Column Layout */

.tricol    { width: 30%; float: left; margin-left: 1em; background: transparent; }
.tricol ul { margin-top: 1em; padding-left: 1em; background: transparent; }
.tricol h2 { margin-top: 0; margin-bottom: 0; background: transparent; }

/* Two Column Layout */

.bicol { width: 49%; float: left; }
.bicol_40 { width: 39%; float: left; }
.bicol_60 { width: 59%; float: left; }
.bicol ul { margin-top: 0; margin-left: 0; padding-left: 1em; }
.bicol li { margin-left: 0; }
.bicol h2 { margin-top: 0; margin-bottom: 0; }

/* return to top styling */

.returntotop a { font-size: 90%; }

/* General styling */

.right { float: right; }
.left { float: left; }
.clearboth { clear: both; }

.note { font-style:italic; font-size: small; }

#boat_types ul {  }
#boat_types ul li { }

#inspection_list { clear: both; }

#survey_locations { background: url("/images/yachtsurveys-locations.png") center left no-repeat #fff; overflow: auto; width: 600px; height: 300px; }

.tight { margin-top: 0; margin-bottom: 0; padding: 0;}
.doubleletter { letter-spacing: 0.5em; }
.contact-footer { text-align: center; }

/* .photo { background: white; border: 1px #aaa solid; padding: 4px; margin: 0px 0px 20px 0px; } */

.photo     { margin: 0 0 0 1em; background: white; padding: 3px; } 
.photo img { border: 1px solid #999; padding: 0; margin: 0;}
.photo p { text-align: center; margin: 0; font-size: 90%; font-style: italic; }

.photogallery { height: 102px; margin-left: 1em;}
.photogallery img { margin-left: 2px; border: 1px solid #999;}

/*
 * 
 * Styling for LHS Navigation Menu
 *
 */

#navmenu { 
    width: 185px; 
	float: left;
	font-size: 12px; 
	font-weight: lighter;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0px 0px 4px 0px;
	margin: 0px 0px 14px 0px;
	border: 0px;
	background: url("/images/bottom.gif") bottom right no-repeat;
}

#navmenu #primary { background: url("/images/top.gif") top center no-repeat; padding: 8px 0px 4px;  }

#navmenu ul { list-style: none; padding: 0px; margin: 0px 0px 12px 0px; background: url("/images/background.gif") top right repeat-y; }
#navmenu ul ul { list-style: none; padding: 0px; margin: 0px 0px 12px 0px; background: url("/images/background.gif") top right repeat-y;}

#navmenu li { display: block; margin: 0px; padding: 3px 0px 3px 12px; font-weight: bold; background: url("/images/background.gif") top right repeat-y; }

#navmenu ul ul li { margin-left: 1em; }
#navmenu ul ul { margin-bottom: 0; }

#navmenu a { text-decoration: none; color: #444; }

#navmenu .current { color: #4A4B9A; font-weight: bold; font-style: italic; }
/* #navmenu .current { background: transparent url("/images/selected.gif") right center no-repeat; } */

#navmenu a:visited { color: #444; }
#navmenu a:hover { color: #000; text-decoration:underline; }

/*
 *
 * Styling for Contact Forum
 *
 */

#messageForm { clear: left; margin: 0; padding: 0; }
#messageForm li { list-style-image: none; }

#messageForm label { float: left; width: 10em; padding-right: 1em; display: inline; font-weight: bold; font-size: 0.9em; text-align: right; }

#messageForm input.txt { color: #00008B; background-color: #e9f2ce; border: 1px inset #00008B; }
#messageForm input.btn { color: #00008B; background-color: #e9f2ce; border: 1px outset #00008B; padding: 4px; margin-right: 2em;}

#messageForm fieldset { border-color: #8abc06; border: none; margin: 0; padding: 0; } 
#messageForm legend { font-size: 130%; color : #4A4B9A; font-weight: lighter; letter-spacing: -1px; }
#messageForm  div.element {  display: inline; float: left;  margin: 5px 0 0 10px;  padding: 0; }
#messageForm #contact_info, #contact_address { float: left; width: 49%; margin: 0 4px; }
#messageForm #contact_query { clear: left; margin: 4px; }
#messageForm #contact_topic { clear: left; margin: 4px; }
#messageForm #contact_topic label { float: left;  width: 10em; padding-right: 1em; }
#messageForm #contact_topic #brochure_label { float: left;  width: 16em; }
#messageForm label.chkbx { width: auto; padding-right: 1em; }
#messageForm .element label { float: none; padding-left: 1em;}
#messageForm #message { width: 80%; height: 8em; clear: both;}
#messageForm #contact_query #message_label { font-weight: normal; font-style: italic; width: 100%; display: block; text-align: left; }

#messageForm #confirm ol { margin: 0; padding: 0; list-style: none; position: relative; }
#messageForm #confirm .element { margin-bottom: 0px; }
#messageForm #confirm li label.element { width: auto; display: inline; float: left; margin: 0px; padding: 0px; }
#messageForm #confirm li div.element { display: inline; float: left; width: 95%; margin-left: 0px;}
#messageForm #confirm li div.element p { font-weight: normal; margin-bottom: 0px;}

#messageForm fieldset ol { margin: 0; padding: 0; list-style: none;  }
#messageForm fieldset li { display: block; margin: 1em 0; clear: both; }
#messageForm li.reqnote { font-size: 80%; margin: 5px 0 0 10px; }
#messageForm span.error, form span.required {color: red; }
#messageForm div.error { border: 1px solid red; padding: 5px; }
#messageForm span.error { clear: left; width: 20em; }
#messageForm div.error input { margin: 1em 0 0 9em; }

/* END */