/* kill evil browser defaults */
a,:link,:visited { text-decoration:none; color: #4686ce}
h1,h2,h3,h4,h5,h6 { font-size:20px; line-height: 25px; font-weight: normal}
ul { display: block; list-style: disc outside;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }
fieldset {border: 0;}
tr{vertical-align: top;}

/*
CCCCFF

4686ce

0e397d

000000

717171

b0b0b0

ffffff
*/

	body{
	
		background: black;
		
		text-align: center;
		
		color: #717171;
	
	}
	
	

	div#wrapper{
	
		position: relative;
		
		margin: auto;
		
		width: 780px;
		
		font: 11px/16px arial,helvetica,sans-serif;
		
		text-align: left;
		
		padding: 25px;
		
		padding-top: 0;
		
		padding-bottom: 100px;
	
		background: #b0b0b0 url("../img/bgfade.png") repeat-x;
		
		z-index: 1;
		
	}
	
	
	a#wwf{
	
		position: absolute;
		
		top: 0;
		
		left: 770px;
		
		z-index: 2;
	
	}
	
	a#wwf img{
	
		border: 0;
	
	}
	
	div#backdrop{
	
		position:absolute;
		
		width: 669px;
		
		height: 376px;
		
		top: 0;
		
		left: 242px;
		
		background: url("../img/header_backdrop.jpg") no-repeat  0 0;
		
		z-index: 1;
	
	}
	
	div#eaheader{
	
		position: relative;
		
		z-index: 2;
		
		height: 122px;
		
	}
		
	span.header_left{
		
		position: absolute;
		
		left: 67px;
		
		top: 4px;
		
		z-index: 2;
		
	}
		
	span.header_right{
		
		z-index: 2;
		
	}
		
	div#menubar{
	
		position: relative;
	
		background: url("../img/menufade.png") no-repeat;
	
		border-top: 1px solid #8aa5bd; /*#6ba3d4;*/
		
		color: white;
		
		height: 37px;
		
		z-index: 2;
		
	}
		
	div#menubar a{
		
		color: white;
		
		font-size: .85em;
		
		text-transform: uppercase;
		
		display: block;
		
		padding: 0px 12px 0px 12px;
		
		border-left: 1px solid  #b0b0b0;
		
	}
		
	div#menubar ul{
	
		position: relative;
		
		list-style: none;
		
	}
		
		
	div#menubar ul li{
	
		position: relative;
		
		list-style: none;
		
		float: left;
		
	}
		
		
	div#menubar ul li.item8 a{
		
		border: none;
		
	}
		
	span.menubar_left{
		
		display: block;
		
		position: absolute;
		
		left: 10px;
		
		top: 11px;
		
		letter-spacing:0.5em;
		
		color: #a9b0ba;
		
		font: 14px/16px arial,helvetica,sans-serif;
		
	}
		
	span.menubar_right{
		
		margin-top: 11px;
		
		display: block;
		
		float: right;
		
/*
		position: absolute;
		
		left: 150px;
*/
		
	}
	
	table#main{
	
		position: relative;
	
	
		
		z-index: 2;
	
	}
	
			
	td#main_left{
		
		font: 14px/20px arial,helvetica,sans-serif;
	
		padding: 75px;
		
		padding-right: 35px;
		
		padding-top: 50px;
		
		background: white;
		
	}
	
	td#main_left div.blog p{
	
		margin-bottom: 15px;
	
	}
		
	span.mod_main_left{
		
		
		
	}
	
	h1.componentheading{
	
		margin-bottom: 25px;
		
		font-size: 23px
	
	}
	
	td#main_right{
		
		font: 11px/16px arial,helvetica,sans-serif;
	
		padding-top: 50px;
	
		padding-bottom: 50px;
		
		background: white;
		
		width: 200px;
		
		padding-right: 0px;
		
	}
	
	td#main_left ul{
	
		 position: relative; 
		 left: 1em;
	
	}
	
	td#main_left li{
	
		 margin-bottom: .5em;
	
	}
		
	span.mod_main_right{
		
		
		
	}
	
	div.moduletable_logos img{
	
		margin: 15px;
		
		border: 0;
	
	}
	
	div.moduletable_logos span.spgroup{
	
		display:block;
	
		margin-top: 15px;
		
		width: 127px;
	
		padding: 0px;
		
		border-top: 1px solid #777;
		
		border-bottom: 1px solid #777;
		
		font-weight: bold;
		
		margin-left: 37px;
	
	}
	
	div.moduletable_logos span#sp_platinum{
	
		background: #ccc;
		
		color: #555;
		
		margin-top: 0;
	
	}
	
	div.moduletable_logos span#sp_gold{
	
		background: #e6d792;
		
		color: #555;
	
	}
	
	div.moduletable_logos span#sp_silver{
	
		background: #aaa;
		
		color: #333;
	
	}
	
	div.moduletable_logos span#sp_bronze{
	
		background: #aba57f;
		
		color: #333;
	
	}
	
	div.moduletable_logos div.eaeco{
	
		border-top:1px solid #CCCCCC;
		margin:0 35px 0 35px;
	
	}
	
	div.moduletable{
	
		margin-right: 25px;
		
		font: 12px/16px arial,helvetica,sans-serif;
	
	}
	
	div.moduletable a.button, a.eapostcomment, input#survey_submit{
	
		display: block;
		
		white-space: nowrap;	
		
		margin-top: 15px;
		
		background: url("../img/button.png") no-repeat;
		
		color: white !important;
		
		font-weight: bold;
		
		font: 14px/16px arial,helvetica,sans-serif;
	
		/*border: 1px solid #777;*/
		
		padding: 11px;
		
		font-weight: bold;
		
		width: 162px;
		
		text-align: center;
		
		left: 0;
		
		border: 0 !important;
	
	}
	
	div.moduletable_logos a{
		
		border: 0;
		
		text-decoration: none;
	
	}
	
	div#videocontainer{
	
		/*float:left;*/
		/*
margin-right:15px;
		width:280px;
*/
	
	}
		
	div#footer{
	
		padding: 50px;
		
		padding-left: 75px;
		
		padding-right: 75px;
		
		background: white;
		
		font-weight: bold;
		
		height: 36px;
		
	}
		
	span.contact{
		
		float: left;
		
		padding-bottom: 25px;
		
		
	}
		
	span.contact div.moduletable{
		
		letter-spacing: 0.5em;
		
		line-height: 24px;
		
		
	}
		
	span.footer{
		
		float: right;
		
		padding-bottom: 25px;
		
	}
	
	div#dropshadow{
	
		background: url("../img/dropshadow.png") no-repeat;
		
		height: 50px;
	
	}
	
	
   /*CMS output*/
   
   h2.contentheading{
   
   		margin-bottom: 1em;
   
   }
	
	a.contentpagetitle{
	
		color: #717171;
	
	}
	
	a.readon{
		
		display: block
	
	}
	
	div.moduletable{
		
		margin-bottom: 25px;
	
	}
	
	.moduletable h3{
	
		font: 14px/18px arial,helvetica,sans-serif;
		
		font-weight: bold;
		
		padding-bottom: 5px;
		
		margin-bottom: 5px;
		
		border-bottom: 1px dotted #ccc;
	
		
	
	}

		/*Login Form (In Module)*/
	
	.moduletable_login{
	
		position: relative;
		
		margin-right: 25px;
		
		margin-bottom: 15px;
	}
	
	.moduletable_login p.greeting {
	}
	
	.moduletable_login td{
		
		font: 11px/16px arial,helvetica,sans-serif;
		
		vertical-align: middle;
		
		padding-bottom: 1px;
		
	}
	
	.moduletable_login .button{
	
		background: #4686ce;
		
		color: white;
		
		font-weight: bold;
		
		font: 11px/16px arial,helvetica,sans-serif;
	
		border: 1px solid #777;
		
		width: 60px;
	
	}
	
	.moduletable_login  td .button{
	
			margin-left: 22px;
	
	}
	
	.moduletable_login form.log{
	
		margin-bottom: 15px;
		
		margin-top:0;
	
	}
	
	.moduletable_login form.log p.greeting{
	
		text-align: center;
	
	}
	
	.moduletable_login input.button:hover{
	
		background: #717171;
	
	}
	
	.moduletable_login h3 {
	
		font: 14px/18px arial,helvetica,sans-serif;
		
		font-weight: bold;
		
		border-bottom: 1px solid #ccc;
		
		padding-bottom: 3px;
		
		margin-bottom: 5px;
		
		text-align: left;
	
	}
	
	.moduletable_login td.helpers{
		
		white-space: nowrap;
	
	
	}
	
	.moduletable_login a.helper {
	
		display:inline;
		
		margin-left: 1px;
		
		font: 10px/18px arial,helvetica,sans-serif;
		
		white-space: nowrap;
	
	}
	
	.moduletable_login p.notregistered{
		
		font-size: 14px;
		
		text-align: center;
	
	}	
	
	.moduletable_login p.notregistered a.button{
	
		display: block;
		
		white-space: nowrap;	
		
		margin-top: 15px;
		
		background: url("../img/buttonsm.png") no-repeat;
		
		color: white !important;
		
		font-weight: bold;
		
		font: 14px/16px arial,helvetica,sans-serif;
	
		/*border: 1px solid #777;*/
		
		padding: 3px;
		
		font-weight: bold;
		
		width: 96px;
		
		text-align: center;
		
		margin-left: 36px;
		
		border: 0 !important;
	
	}
	
	.moduletable_login input {
	
		font: 11px/16px arial,helvetica,sans-serif;
	
		width: 114px;
	
	
	}
	
	.moduletable_login input#mod_login_remember {
		
			position: relative;
			
			top: 3px;
	
		    width: auto;
	}
	
	.moduletable_login label{
	
		font: 11px/16px arial,helvetica,sans-serif;
		
		border: 0;
		
		color: #555;
	
	}
	
	label#ea_username{
	
	}
	
	label#ea_pass{
	
	}
	
	label#ea_remember{
		
		font: 10px/18px arial,helvetica,sans-serif;
	}
	
	#mod_login_remember{
	
	}
	
	/*Comment Form*/
	
	div#eacommentleader{
	
		font: 12px/16px arial,helvetica,sans-serif;
		
		font-weight: bold;
		
		text-align:center;
		
		border-bottom: 1px dotted #ccc;
		
		margin-bottom: 5px;
		
		padding-bottom: 5px;
	
	}
	
	
	div#eacommentsubleader{
	
		font: 11px/14px arial,helvetica,sans-serif;
		
		text-align:center;
		
		border-bottom: 1px dotted #ccc;
		
		margin-bottom: 10px;
		
		padding-bottom: 5px;
	
	}
	
	form#ChronoContact_Comments {
	
		margin-bottom: 15px;
	
	}
	
	form#ChronoContact_Comments label{
		
		font: 11px/16px arial,helvetica,sans-serif;
		
		position: relative;
	
		display: block;
		
		margin: 3px;
		
		padding: 3px;
	
	}
	
	
	form#ChronoContact_Comments label#copy{
	
		height: 82px;
	
	}
	
	form#ChronoContact_Comments input, form#ChronoContact_Comments textarea{
		
		position: absolute;
		
		font: 11px/16px arial,helvetica,sans-serif;
	
		border: 1px solid #777;
	
		width: 280px;
		
		left: 75px;
		
		padding: 3px;
		
		color: #555;
	
	}
	
	form#ChronoContact_Comments input.submit{
		
		position: relative;
		
		left: 78px;
		
		background: #4686ce;
		
		color: white;
		
		font-weight: bold;
		
		margin:15px 15px 15px 0;
	
	}
	
	form#ChronoContact_Comments input.submit:hover{
	
		background: #717171;
	
	}
	
	form#ChronoContact_Comments input#file{
	
		margin-top: 0;
		
		padding-top: 0;
		
		margin-bottom: 0;
		
		padding-bottom: 0;
	
	}
	
	form#ChronoContact_Comments input.hidden{
		
		border: 0;
		
		width: 0;
		
		height: 0;
		
		margin: 0;
		
		padding: 0;
	}
	
	form#ChronoContact_Comments h1 {
	
		/*font-size: 14px;*/
	
	}
	
	form#ChronoContact_Comments textarea{
		
		height: 75px;
	
	}
	
/*	Comment Listing*/

	div.eacomment{
		
		padding-top: 15px;
		
		clear: left;
	
	}

	div.eacomment img{
	
		border: 1px solid black;
		
		float: left;
		
		margin-right: 15px;
	
	}



	div.comment_edit{
		
		float: right;
	
	}

	div.eacomment div.comment_edit a img{
		
		border: none;
		
		float: none;
	
	}
	
	div.eacomment_head{
	
		position: relative;
	
		border-bottom: 1px solid #ccc;
	
		border-top: 1px solid #ccc;
		
		padding: 0 0 0 10px;
		
		font: 10px/16px arial,helvetica,sans-serif;
		
		background: #eee;
	
	}
	
	span.eacomment_usr{
	
		font-weight: bold;
	
	}
	
	span.eacomment_date{
		
		position: absolute;
		
		left: 350px;
	
	}
	
	div.eacomment_title{
	
		font-weight: bold;
		
		font: 14px/16px arial,helvetica,sans-serif;
	
		border-bottom: 1px dotted #ccc;
		
		padding-bottom: 3px;
		
		margin-bottom: 15px;
		
		margin-top:5px;
	
	}
	
	div.eacommentcopy{
	
	}
	

	
/*Send to a friend*/

	form#ChronoContact_sendtoafriend{
	
		position: relative;
		
		height: 600px;
		
		display: block;
		
		left: 67px;
	
	}

	form#ChronoContact_sendtoafriend label{
		
		font: 11px/16px arial,helvetica,sans-serif;
		
		position: relative;
		
		width: 120px;
	
		display: block;
		
		padding: 3px;
	
	}
	
	form#ChronoContact_sendtoafriend input, form#stof textarea, span.stof_userinfo{
		
		font: 11px/16px arial,helvetica,sans-serif;
	
		border: 1px solid #777;
		
		padding: 3px;
		
		color: #555;
		
		position: absolute;
		
		left: 120px;
		
		top: 0;
	
	}
	
	span.stof_userinfo{
	
		border: 0;
		
		display: block;
		
		width: 200px;
	
	}
	
	form#ChronoContact_sendtoafriend label#stf_verify{
	
		position: relative;
		
		width: 200px;
		
		left: 27px;
		
		margin-top: 15px;
		
		border: 1px solid #ccc;
		
		text-align: center;
	
	}
	
	form#ChronoContact_sendtoafriend label#stf_verify input{
	
		position: relative;
		
		top: 0;
		
		left: 29px;
		
		display: block;
	
	}
	
	form#ChronoContact_sendtoafriend label#stf_verify img{
	
		position: relative;
	
		margin-top: 15px;
	
	}
	
	
	
	form#ChronoContact_sendtoafriend input#stof_send{
		
		position: relative;
		
		left: 104px;
		
		background: #4686ce;
		
		color: white;
		
		font-weight: bold;
		
	
	}
	
	form#ChronoContact_sendtoafriend input.submit:hover{
	
		background: #717171;
	
	}
	
	/*send to friend preview*/
	
	div#sf_preview{
	
		margin-top: 25px;
	
		margin-bottom: 25px;
		
		border: 1px solid #ccc;
		
		padding: 15px;
		
		width: 252px;
	
	}
	
	div#sf_preview h3{
	
		border-bottom: 1px dotted #ccc;
	
	}

	div#stof_greeting{
	
		margin-top: 15px;
		
		font: 12px/18px arial,helvetica,sans-serif;
	
	}
	
	div#stof_prev_message{
	
		margin-top: 15px;
		
		font: 12px/18px arial,helvetica,sans-serif;
		
	
	}
	
/*	registration*/

/*form#ChronoContact_eh_registration */

div#earegform{

		position: relative;

		margin-top: 15px;

}

div#earegform p{

		margin-bottom: 15px;
		
}

div#earegform label, td#main_left form#login label{

		position: relative;

		margin: 5px;

		margin-left: 15px;
		
		float: left;
		
		clear: left;
		
}

div#earegform input, div#earegform select, td#main_left form#login input{

		margin: 5px;

		margin-right: 160px;
		
		float: right;
		
		clear: right;

}

div#earegform button.button{

	position: absolute;
	
	top: 225px;
	
	left: 247px;

}

/*validation in js*/

div.validation-advice{

	position: absolute;
	
	left: 330px;
	
	width: 113px;
	
	font-size: 11px;
	
	line-height: 14px;
	
	background: #eee;
	
	padding: 3px;
	
	border: 1px dotted #4686ce;

}

form#ChronoContact_Comments div.validation-advice{
	
	left: 366px;

}

form#ChronoContact_sendtoafriend div.validation-advice{
	
	left: 261px;

}

div#advice-required-parish{

	top: 68px;

}

div#advice-required-username{

	top: 99px;

}

div#advice-required-email, div#advice-validate-email-email{

	top: 129px;

}

div#advice-required-password{

	top: 159px;

}

div#advice-required-password2{

	top: 189px;

}

div#advice-required-title{

	top: 2px;

}

div#advice-required-stof_friendname{

	top: 0px;

}

div#advice-required-stof_friendemail{

	top: 0px;

}

div#advice-required-parish{

	left:367px;
	top:453px;

}
	
/*Main window login*/

td#main_left div.remember{

	margin-left: 160px;

}

td#main_left  form#login img{
	
	display: none;

}

/*errors*/


td#main_left span.cf_alert, dl#system-message{
	background:#9eddf7 url("../img/alert.png") no-repeat scroll 10px 50%;
	border:1px solid #0E397D;
	color:#0E397D;
	display:block;
	margin:15px 0;
	padding:8px 10px 8px 65px;
		
		font: 11px/16px arial,helvetica,sans-serif;
}

/*Terms and Conditions*/
a.eaterms {
clear:both;
display:block;
font-size:11px;
position:relative;
top:50px;
}

/*Survey*/

div#eh_survey_answer{

		margin: 10px 0 25px 0;
		
		padding: 15px;
		
		border: 2px solid #ccc;
		
		background: #eee;

}

input#survey_submit{
		
		width: 184px;
		
		float: right;

}

span.qoption, p.survey_question{

	display: block;
	
	margin-bottom: 10px;

} 

span.sub{

	font-size: 9px;

}

h3 span.sub{

	font-size: 10px;

}