@charset "UTF-8";
/* CSS Document */


/* eventmed.css
------------------------------------------------------------------------------

Author:  			Damon Birch
E-mail:				damon@ct-mustard.co.uk
Company: 			Cut The Mustard
Date:				01/09/2009

Version:			2.0
Designed for:		FireFox 3

CSS file:			Design One 

------------------------------------------------------------------------------*/

/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/
body
{
}
body,h1,h2,h3,h4,h5,h6,ul,ol,a,img,blockquote,p{
padding:			0px;
margin:				0px;
}

img{
border:				none;
}

.clear{
clear:				both;
}

.textRight{
text-align:			right;
}

body{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			62.5%;
margin-top:			0px;
color: #046808;
}

a{
text-decoration:	none;
outline:			none;
color: #046808;
font-weight:bold;
}

a:active
{
outline: none;
}

h1, h2, h3, h4, h5, h6{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}

h2{
font-size:			1.4em;
margin-bottom:		5px;
}

h3{
font-size:			1.4em;
margin-bottom:		5px;
}

h4{
float:				left;
width:				200px;
font-size:			0.95em;
}
h5{
font-size:			1.2em;
margin-bottom:		5px;
font-weight:		normal;
}

html{
overflow-x:			hidden;
}

/* HACK for FIREFOX!! - to always display right hand scroll bars in short pages
this prevents the page bouncing left when changing pages */

html{ 
overflow: -moz-scrollbars-vertical; 
height: 100%; 
}

/*Hack over*/

/* =LAYOUT
------------------------------------------------------------------------------*/

.wrapper{
width:				1002px;
margin-left:		auto;
margin-right:		auto;
background-color:	#FFF;
}
.top
{
	float:left;
	position:relative;
}
.logo
{
	background-image: url('../images/top_banner.png');
	background-position:top left;
	background-repeat:no-repeat;
	width: 1002px;
	height:124px;
	position:relative;
	float:left;
	text-indent:-4000px;
}
.middleAndLeft
{	
	position:relative;
	float: left;
	display:inline;
	width:832px;
}
.left
{
	position:relative;
	float: left;
	display:inline;
	width:220px;
	z-index:20;
}
.mid_cnt_btm
{
	position:relative;
	float: left;
	background-image: url('../images/sdw_mainbtm.png');
	background-repeat:no-repeat;
	background-position: bottom left;
	padding-bottom: 23px;
}
* html .mid_cnt_btm
{
	background-image: none;
}
.mid_cnt
{
	position:relative;
	float: left;
	background-image: url('../images/sdw_main.png');
	background-repeat:no-repeat;
	background-position: top left;
	padding-right:20px;
}	
* html .mid_cnt
{
	background-image: none;
}
.middle
{
	position:relative;
	float: left;
	display:inline;
	width:562px;
	background-color: #dcffd7;
	padding: 10px 10px 20px 10px;
	/*border: solid 2px #ffaa54;*/
	border: solid 2px #ffaa54;
	z-index:1;
}
* html .middle
{
	width:542px;
}
.middle img
{
	float:right;
	display:inline;
}
.middle h2
{
	text-align:center;
	font-size: 2em;
}
.middle h3
{
	text-align:center;
	font-size: 1.4em;
	font-weight:normal;
	margin-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	font-weight:bold;
}
.middle img
{
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.middle p
{
	text-align:left;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.right
{
	float:right;
	position:relative;
	width: 170px;
}
.rightBox
{
	position:relative;
	float:left;
	padding-right: 20px;
	background-image: url('../images/right_shdw.png');
	background-repeat:no-repeat;
	background-position: top left;
	
	text-align: center;
}
* html .rightBox
{
	background-image: none;
}
.rightBoxBtm
{
	position:relative;
	float:left;
	padding-bottom:13px;
	background-image: url('../images/rightbtm_shdw.png');
	background-repeat:no-repeat;
	background-position: bottom left;
}
* html .rightBoxBtm
{
	background-image: none;
}
.rightCnt
{
	border: solid 1px #3c8b69;
	background-color: #dcffd7;
	border-left-width: 5px;
	width: 133px;
	padding: 10px 10px 20px 10px;
	float:left;
	position:relative;
}
.divide
{
	background-image:url(../images/dividers.png);
	background-position:center center;
	background-repeat:no-repeat;
	height: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 125px;
}

.mnu_cnt_btm
{
	position:relative;
	float:left;
	padding-bottom:29px;
	background-image: url('../images/sdw_leftbtm.png');
	background-repeat:no-repeat;
	background-position: bottom left;
}
* html .mnu_cnt_btm
{
	background-image: none;
}
.mnu_cnt
{
	position:relative;
	float:left;
	padding-right: 20px;
	background-image: url('../images/sdw_left.png');
	background-repeat:no-repeat;
	background-position: top left;
}
* html .mnu_cnt
{
	background-image: none;
}
.sideMenu
{
	border: solid 1px #3c8b69;
	background-color: #dcffd7;
	border-left-width: 5px;
	list-style: none;
	float:left;
	position:relative;
}
.sideMenu li.first
{
	padding-top: 12px;
}
.sideMenu li.Section0, .sideMenu li.Page0,
.sideMenu li.HomePage0
{
	margin-top: 3px;
	vertical-align:bottom;
	background-image: url('../images/heart_left.png');
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom: 12px;
	padding-left: 0px;
	float:left;
	position:relative;
	width:200px;
	z-index: 10;
}

*html .sideMenu li.Section0, *html .sideMenu li.Page0,
*html .sideMenu li.HomePage0
{
	background-image: none;
	
}
.sideMenu li.Section0:hover, .sideMenu li.Page0:hover,
.sideMenu li.HomePage0:hover,.sideMenu li.Section0.select, 
.sideMenu li.Page0.select, .sideMenu li.HomePage0.select
{
	background-image: url('../images/heart_left_sel.png');
}
*html .sideMenu li.Section0:hover, *html .sideMenu li.Page0:hover,
*html .sideMenu li.HomePage0:hover,*html .sideMenu li.Section0.select, 
*html .sideMenu li.Page0.select, *html .sideMenu li.HomePage0.select
{
	background-image: none;
}


.sideMenu li.Section0:hover, .sideMenu li.Page0:hover,
.sideMenu li.HomePage0:hover
{	
	z-index:250;
}
.sideMenu li.Section0:hover ul, .sideMenu li.Page0:hover ul,
.sideMenu li.HomePage0:hover ul
{
	z-index:300;
}
.sideMenu li.Section0 a.Section0, .sideMenu li.Page0 a.Page0,
.sideMenu li.HomePage0 a.HomePage0
{
	color: #3c8b69;
	font-weight: bold;
	font-size: 1.3em;
	display:block;
	width: 150px;
	padding-left: 10px;
	float:left;
	position:relative;
}
.sideMenu li.Section0 a.Section0:hover, .sideMenu li.Page0 a.Page0:hover,
.sideMenu li.HomePage0 a.HomePage0:hover,
.sideMenu li.Section0 a.Section0.select, .sideMenu li.Page0 a.Page0.select,
.sideMenu li.HomePage0 a.HomePage0.select
{
	color: #ffaa54;
}
.sideMenu li ul
{
	list-style: none;
	float:left;
	width: 173px;
	border: solid 1px #ffaa54;
	border-left-width: 5px;
	display:block;
	position:absolute;
	background-image: url('../images/menu_bk.png');
	background-repeat:repeat;
}
.sideMenu li ul.submenu1
{
	left: 170px;
	top: -10px;
	z-index: 100;
}

.sideMenu li.Section0 ul.submenu1
{
	visibility:hidden;
}
.sideMenu li.Section0:hover ul.submenu1
{
	visibility:visible;
}
.sideMenu li.Section1 ul.submenu2
{
	visibility:hidden;
}
.sideMenu li.Section1:hover ul.submenu2
{
	visibility:visible;
}
.sideMenu li ul li, .sideMenu li ul li:hover
{
	background-image: none;
	vertical-align:middle;
	/*height:0.9em;*/
	min-height: 1em;
		line-height: 0.9em;
	margin-top: 0px;
	float:left;
	position:relative;
	z-index:200;
}
.sideMenu li ul li a
{
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 5px;
	width:160px;
	float:left;
	position:relative;
	color: #3c8b69;
	font-weight: bold;
	display:block;
	padding-left: 10px;
	z-index:200;
}
.sideMenu li ul li a:hover
{
	color:#ffaa54
}
.sideMenu li ul.submenu2
{
	left: 130px;
}

/*FORM*/
div.form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  max-width: 600px;
  width: 560px; 
  clear:both;
  display:block;
  position:relative;
}
div.form div
{
	width: 100%;
	float:left;
	position:relative;
}
div.form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 0px;
  border-style: none;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

div.form fieldset legend {
	font-size:1.3em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

div.form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	position:relative;
	font-size:1.3em;
}

div.form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	/*text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

div.form input, div.form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:300px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
    clear:right;                   
	position:relative;
}
div.form textarea
{
	height: 50px;
}
div.form table
{
	width:300px; 
}
div.form table label, div.form table input
{
	width:100px;
}
div.form table 
{
	margin-top: 0px;
}
div.form table input
{
	width:auto;
}
div.form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

div.form small {
	display: block;
	/*margin: 0 0 5px 160px;  instructions/comments left margin set to align w/ right column inputs */
	position:relative;
	padding: 1px 3px;
	font-size: 88%;
}

div.form .required{font-weight:bold;} /* uses class instead of div, more efficient */

div.form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
div.form .required
{
	font-weight: bold;
}
div.form .radiobtns label
{
	width: 50px;
}
div.form textarea.biginput
{
	height: 150px;
}
div.form input.submit
{
	width:auto;
}
.error
{
	font-weight:bold;
}
ul.staff
{
	list-style: none;
}
ul.staff li a
{
	color: #046808;
	font-size: 1.1em;
	
}
ul.staff li a:hover
{
	text-decoration: underline;
}
/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}