/* solent rib charter */

/* global styles */
body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.2em;
	text-align: left;
	color: #fff; background: #dcd9d4;
	margin: 0; padding: 0; }
	
p { margin: 0; padding: 0 0 10px 0; }
	
form,
fieldset { margin: 0; padding: 0; border: none; }

h1, h2, h3, h4 ,h5 { font-size: 1em; margin: 0; padding: 0 0 10px 0; }

h4 { color: #ed008c; }

img { border: none; }
.clear { clear: both; }

a { color: #a80159; text-decoration: none; }
a:hover { text-decoration: underline; }

/* style for blankwin */
a.external {
	position: relative; padding-right: 12px;
	background:url(../images/ico_external.gif) no-repeat 100% 50%; white-space:nowrap; }
	
/* main wrapper */
#wrapper { position: relative; width: 980px; margin: 0 auto 0 auto; }

/* header container */
#header { position: absolute; z-index: 100; width: 980px; background:#ed008c; height:27px; border-top: 5px solid #dcd9d4;  }



#header #skip { display: none; }

#header h1 { 
	position: absolute; z-index: 110;
	top: -10px; left: 20px; height: 144px; width: 203px; margin: 0; padding: 0; }
#header h1 a { 
	position: absolute; display: block;
	top: 0; left: 0; width: 203px; height: 144px;
	text-indent: -9999px; background: transparent url(../images/se_logo.png) 0 0 no-repeat; }



/* main menu container */
#mainMenu {	
	position: absolute; top: 0; right: 0; width: 683px; height: 27px; background:#ed008c; }

/* hack to correct IE5.5 faulty box model */
* html #mainMenu { width:683px; w\idth:683px; }

#mainMenu ul { padding: 0; margin: 0; list-style-type: none; }

/* 2nd level width */
#mainMenu ul ul { width:159px; }

#mainMenu li { 
	float:left; width: 159px; position: relative; }

/* style the links for the top level */
#mainMenu a, 
#mainMenu a:visited {
	position: relative; display: block;
	text-align: center; text-decoration: none; 
	width:159px; height:27px; line-height:27px; color:#000;
	border-bottom: 1px solid #95928d; 
	background:#ed008c url(../images/blank.gif) 0 50% no-repeat; 	
	}

/* a hack so that IE5.5 faulty box model is corrected */
* html #mainMenu a, 
* html #mainMenu a:visited { width:159px; w\idth:158px; }

/* style the second level background */
#mainMenu ul ul a.drop,
#mainMenu ul ul a.drop:visited { background-color: #7c7771; }

/* style the second level hover */
#mainMenu ul ul a.drop:hover { background: #5c5751 url(../images/menu_bullet.gif) 5px 9px no-repeat; }

#mainMenu ul ul :hover > a.drop { background: #5c5751 url(../images/menu_bullet.gif) 5px 9px no-repeat; }
	
/* style the third level background */
#mainMenu ul ul ul a, 
#mainMenu ul ul ul a:visited { background: #7c7771; text-align: left; }
	
/* style the third level hover */
#mainMenu ul ul ul a:hover { background: #5c5751 url(../images/menu_bullet.gif) 5px 50% no-repeat; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainMenu ul ul { visibility:hidden; position:absolute; font-size: 13px; height: 0; top: 31px; left: 0; width: 157px; }
	
/* another hack for IE5.5 */
* html #mainMenu ul ul { top:30px; t\op:31px; }

/* position the third level flyout menu */
#mainMenu ul ul ul { 
	top: -1px; left: 157px; width: 157px;}

/* left align flyout */
#mainMenu ul ul ul.left { left: -157px; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
#mainMenu table { position:absolute; top: 0; left: 0; border-collapse: collapse; }

/* style the 2nd level links */
#mainMenu ul ul a, 
#mainMenu ul ul a:visited { text-align: left; background: #7c7771; color:#fff; height:auto !important; padding: 4px 5px 4px 15px;
	width:138px; line-height: 1.4em !important; }
	
/* yet another hack for IE5.5 */
* html #mainMenu ul ul a, 
* html #mainMenu ul ul a:visited { width:160px; w\idth:138px; }


/* style the top level hover */


#mainMenu a.current,
#mainMenu a.current:hover,
#mainMenu a:hover { color:#fff; background: #f580c6 url(../images/blank.gif) 0 50% no-repeat; }

#mainMenu a.active,
#mainMenu a.active:hover,
#mainMenu ul ul a:hover { color:#fff;  background: #5c5751 url(../images/menu_bullet.gif) 5px 9px no-repeat;  }


#mainMenu a.current,
#mainMenu a.current:hover,
#mainMenu :hover > a { color:#fff; background: #f580c6 url(../images/blank.gif) 0 50% no-repeat; }

#mainMenu a.active,
#mainMenu a.active:hover,
#mainMenu ul ul :hover > a { color:#fff; background: #5c5751 url(../images/menu_bullet.gif) 5px 9px no-repeat; }

#mainMenu ul li:hover ul,
#mainMenu ul a:hover ul { visibility:visible; }
#mainMenu ul :hover ul ul{ visibility:hidden; }
#mainMenu ul :hover ul :hover ul{ visibility:visible; }


#mainMenu .first { background-image: none !important; }
#mainMenu .last a { border: none !important; }

#mainMenu .home,
#mainMenu .ourEvents,
#mainMenu .corpSail,
#mainMenu .corpTeam,
#mainMenu .testimonials,
#mainMenu .contactUs { border: 0 !important; }

#wrapper #header #mainMenu li.home a.home { font-size: 13px; font-weight: bold; }
#wrapper #header #mainMenu li.ourEvents a.ourEvents { font-size: 13px; font-weight: bold; }
#wrapper #header #mainMenu li.corpSail a.corpSail { font-size: 13px; font-weight: bold; }
#wrapper #header #mainMenu li.corpTeam a.corpTeam { font-size: 13px; font-weight: bold; }
#wrapper #header #mainMenu li.testimonials a.testimonials { font-size: 13px; font-weight: bold; }
#wrapper #header #mainMenu li.contactUs a.contactUs { font-size: 13px; font-weight: bold; }

#mainMenu .home { width: 50px !important; }
#mainMenu .ourEvents { width: 125px !important; }
#mainMenu .corpSail { width: 130px !important; }
#mainMenu .corpTeam { width: 120px !important; }
#mainMenu .testimonials { width: 100px !important; }
#mainMenu .contactUs { width: 80px !important; }



/* style the links for the top level */
#header #mainMenu a, 
#header #mainMenu a:visited { height: 27px; line-height: 27px; }

#header #mainMenu ul ul { top: 27px; }
#header * html #mainMenu ul ul { top:20px; t\op:21px; }
#header #mainMenu ul ul ul{ top:0; }

/* content container */
#content { position: relative; padding-top: 38px; z-index: 1; }
#content .body { position: relative; }

/* mootools slideshow styles; */
#content .slideshow { position: relative; background-color: #edece8; padding-bottom: 3px; }

/* thumbnail container */
#content .slideshow ul { margin: 0; padding: 38px 0 0 20px; overflow: hidden; width: 740px; }

#content .slideshow ul a {
	display: block; height: 68px; width: 127px; margin-right: 5px;
	background-position: 50% 50%; cursor: pointer; margin-bottom: 5px;
	opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); }
#content .slideshow ul a.active,
#content .slideshow ul a:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
#content .slideshow ul li { float: left; list-style: none; }

/* main img wrapper */
#content .slideshow div {}

/* caption container */
#content .slideshow p { display: none; position: absolute; z-index: 3000; top: 455px; right: 0; text-align: right;  
	margin: 0; color: #fff; font-size: 40px; padding: 10px 20px 10px 0; line-height: 1em; height: 40px; }

/* additional color styles for captions */
#content .slideshow p span { color: #888; }
#content .slideshow p em { color: #000; font-style: normal; }

/* custom width of the thumbs for the home page only */
#contactUs #content .slideshow ul,
#home #content .slideshow ul { width: 792px; }

/* screen instruction container */
#content .instructions { position: absolute; top: 480px; right: -1px; color: #fff; width: 150px; height: 69px; }

#content .instructions p { width: 80px; font-size: 0.9em;  position: absolute; left: 0; bottom: 0; margin: 0; padding: 0; color: #000; }
#content .instructions p { display: none; }
	

/* home page width only */
#contactUs #content .instructions,
#home #content .instructions { width: 100px; }

/* pdf container */
#content .instructions a,
#content .instructions a:hover { font-size: 1.1em; position: absolute; bottom: 0; right: 20px; display: block; color: #fff; text-decoration: none; 
	width: 150px; height: 41px; padding: 18px 70px 10px 17px;  background: transparent url(../images/pdf.png) 0 0 no-repeat; cursor: pointer; }
#content .instructions a:hover { text-decoration: underline; }


/* strapline container + telephone */
#content .strapline { position: absolute;  top: 440px; left: 0; width: 940px; padding: 0 20px 0 20px; border-top: 5px solid #dcd9d4; 
	background: #ed008c; display: block; z-index: 3000; }
#content .strapline p { position: relative; color: #fff; font-size: 1.1em; line-height: 27px; padding: 0; }
#content .strapline p em { position: absolute; top: 0; right: 0; display: block; font-style: normal; }
	
	
/* scrolling container + scroll bar */
#content .bodyContainer { position: absolute;	top: 20px; right: 20px;  width: 300px; height: 380px; padding: 10px; z-index: 5000;  color: #000; 
	background: transparent url(../images/body_bg.png) 0 0 repeat; }

#home #content .bodyContainer { height: 380px; }
#contactUs #content .bodyContainer { width: 400px; height: auto; }


#body_scrolldiv { }
#scrolldiv_parentContainer { position:relative; height:100%; overflow:hidden; float:left; }
#scrolldiv_content { position:relative; line-height:130%; }


#scrolldiv_slider { width:14px; float:right; }
#scrolldiv_scrollbar { position:relative; width:14px; background: #b9b3a7; }
#scrolldiv_theScroll { position:absolute; top: 0; left: 0; width: 14px; height:80px; background: transparent url(../images/scroll_bar.gif) 0 0 no-repeat; cursor: pointer; }
#scrolldiv_scrollUp,
#scrolldiv_scrollDown{ width:14px; height:14px; cursor:pointer; }
#scrolldiv_scrollUp{ border-bottom: 1px solid #fff; }
#scrolldiv_scrollDown{ border-top: 1px solid #fff; }


/* footer styles */
#footer { position: relative; border-top: 1px solid #ed008c; font-size: 1em;  width: 940px; padding: 5px 20px 15px 20px; }
#footer ul { display: block; }
#footer ul,
#footer ul li { margin: 0; padding: 0; list-style: none; }
#footer ul {  }
#footer ul li {	display: inline; border-right: 1px solid #000; font-size: 0.9em; }
#footer ul li.last { border-right: none; }
#footer ul li span,
#footer ul li a { color: #000; padding: 0 5px 0 5px; text-decoration: none; background-image: none; }
#footer ul li a:hover { text-decoration: underline; }

#footer #credit { position: relative; float: right; padding: 0; margin: 15px 0 0 0; }
#footer #credit a { font-size: 0.9em; color: #666;}
#footer #credit a:hover { font-size: 0.9em; color: #000;}

/* page header style */
#content .body h2 { position: absolute; z-index: 3000; font-weight: normal; top: 365px;  left: 20px;
	margin: 0; color: #fff; font-size: 40px; padding: 10px 20px 10px 0; line-height: 1em; height: 40px;	}
	
/* page header style for home only */
#home #content .body h2 { position: absolute; top: 395px; left: 20px; height: 21px; width: 501px;
	z-index: 3000; background: transparent url(../images/home_strapline.png) 0 0 no-repeat; }

#home #content .body h2 span { display: none; }

/* bullet links */
#content .bodyContainer ul,
#content .bodyContainer ul li { padding: 0; margin: 0; list-style: none; }
#content .bodyContainer ul li { display: inline; }
#content .bodyContainer ul { padding-bottom: 10px; }
#content .bodyContainer ul li a { display: block; padding: 1px 0 1px 15px; background: transparent url(../images/bullet.gif) 0 2px no-repeat; }
#content .bodyContainer ul.block-bullets li { display: block; padding: 1px 0 1px 15px; background: transparent url(../images/bullet.gif) 0 2px no-repeat; }

/* form styles  */
#content .forms { position: relative; padding: 0; }
#content .forms h4 { font-weight: normal; }
#content .forms fieldset { padding: 0; margin: 0; border: 0; }
#content .forms label { display: block;  clear: left; float: left; text-align: left; width: 180px; font-weight: normal;  padding: 3px 5px 2px 0;  } 

#content .forms select,
#content .forms textarea,
#content .forms input { margin: 3px 0 2px 0; width: 200px; }


#content .forms .captcha label span,
#content .forms label span { color: #a58e80; font-weight: bold; }

#content .forms .captcha {  display: block; width: 380px;  background-image: none; margin-top: 2px; }
#content .forms .captcha label span { display: inline; width: auto; padding: 0; }
#content .forms .captcha img { border: 1px solid #888; }
#content .forms .captcha input { margin-left: 185px; width: 100px; }
#content .forms .captcha span { padding-left: 185px; display: block; font-size: 0.9em; color: #444; }


#content .forms input#submit,
#content .forms input#reset,
#content .forms input#cancel,
#content .forms input#close { width: auto; }

.captcha_success_message { background-color: #d9efd0; padding: 10px; margin: 0 0 20px 0; color: #000;
	border: 1px solid #33691c; }
.captcha_error_message { background-color: #efa3a3; padding: 10px; margin: 0 0 20px 0; color: #000;
	border: 1px solid #f90505; }

.required { background-image: url(../images/icon_required.gif); background-position: right; background-repeat: no-repeat; }
p.more { border-bottom: 1px dotted #666; margin: 0 0 10px 0; }
#scrolldiv_content h4 span { color: #000; font-size: 0.9em; }

/* Reveal image function */
#reveal { position: absolute; float: left; top: 58px; left: 616px; z-index: 10; }

/* Barney's extras */
a.text:link, a.text:visited {  color: #333333; text-decoration: none;}
a.text:hover{  color: #333333; text-decoration: underline;}