/*
--------------------------------------------------------------------------------------------------------------------------
= ACKNOWLEDGEMENT
--------------------------------------------------------------------------------------------------------------------------
*/

/*
Author:		Christopher Taylor, Stephen Dupree, Tim Parmee, Diva Creative
Date:		Copyright January 2009
Version:	1.0
*/

/*
--------------------------------------------------------------------------------------------------------------------------
= BASE ELEMENTS
--------------------------------------------------------------------------------------------------------------------------
*/

/* Colors
#ffffff
*/

html {  }	
body { background-color: #EBEBEC ; }

/* 
-----------------------------------------------------------------------------------------------------------
MAIN LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------------------
*/

.container { margin: 0 auto; width:760px; }

div#wrapperOuter 	{ margin: 0 auto; width:818px; background:url('../images/bg_wrapperRepeat.png') repeat-y; padding-bottom: 20px; }
div#wrapper 		{ margin: 0 auto; width: 760px; background-color: #FFF; }
div#wrapperFooter 	{ margin: 0 auto; width:818px; background:url('../images/bg_footer.png') no-repeat center top; height:50px; }

div#header { position:relative; height:239px;  }

.clear { clear: both; display: block; overflow: hidden; width: 0; height: 0;}

/* Sets up basic grid/column floating and margin. */
div.col-1, div.col-2 { float: left; margin-right: 25px; display: inline;  }

/* Use these classes to set the width of a column. */
.col-1 { width: 470px; } /* main content */
.col-2 { width: 265px; margin-top:46px; } /* side bar */

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* 
-----------------------------------------------------------------------------------------------------------
HEADER ELEMENTS
-----------------------------------------------------------------------------------------------------------
*/

div#header { margin: 0 auto; width: 760px; background: #FFF url('../images/bg_mast.png') no-repeat center top; }
div#header h1	{ width:130px; height:137px; background:url('../images/logo_les.png') no-repeat; text-indent:-9999px; display:block; float:right; margin:30px 20px 0px 0px; }
div#header h2	{ width:150px; height:140px; background:url('../images/btn_completeSurvey.png') no-repeat; text-indent:-9999px; display:block; float:left; margin:30px 0px 0px -50px; }
div#header h2 a	{ width:150px; height:140px;  display:block;  }

div#headerDownload  { width:150px; height:140px;  background:url('../images/btn_DL_applicationPack.png') no-repeat; text-indent:-9999px; position:absolute; left:-50px; top:10px; }
div#headerDownload a { display:block; width:150px; height:140px;  }


/*
--------------------------------------------------------------------------------------------------------------------------
= NAVIGATION
--------------------------------------------------------------------------------------------------------------------------
*/

/* =main navigation */

div#primary_nav 	{ width:600px; height:46px; }

div#primary_nav ul 		{ position:relative; float:left; height:23px; margin: 10px 0px 15px 0px; padding:0; } /* margin: 12px 30px 5px 0px; */
div#primary_nav li 		{ float:left; display: inline; height:23px; color:#FFFFFF; margin:0px 3px 0px 0px; padding:0px; text-indent:-99999px; }
div#primary_nav li a 	{ display: block; height: 100%; overflow: hidden; width: 100%; }

#nav_home 		{ width:92px; }
#nav_faqs	 	{ width:92px; }
#nav_projectUpdates{ width:92px; }
#nav_news 		{ width:92px; }
#nav_documents 	{ width:92px; }
#nav_contactUs 	{ width:92px; }

#nav_home a, #nav_faqs a, #nav_projectUpdates a, #nav_news a, #nav_documents a, #nav_contactUs a { background:url('../images/primaryNav_btns.png'); }

#nav_home a 			{ background-position: 0px 0px; }
#nav_home a:hover 		{ background-position: 0px 23px; }

#nav_faqs a 			{ background-position: -95px 0px; }
#nav_faqs a:hover 		{ background-position: -95px 23px; }

#nav_projectUpdates a 		{ background-position: -190px 0px; }
#nav_projectUpdates a:hover{ background-position: -190px 23px; }

#nav_news a 			{ background-position: -285px 0px; }
#nav_news a:hover 		{ background-position: -285px 23px; }

#nav_documents a 		{ background-position: -379px 0px; }
#nav_documents a:hover 	{ background-position: -379px 23px; }

#nav_contactUs a 		{ background-position: -474px 0px; }
#nav_contactUs a:hover 	{ background-position: -474px 23px; }


/* 
-----------------------------------------------------------------------------------------------------------
MAIN CONTENT (COL 1) ELEMENTS
-----------------------------------------------------------------------------------------------------------
*/

#home .pageTitle 			{ background: url('../images/bg_feature.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }
#faqs .pageTitle 			{ background: url('../images/bg_faqs.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }
#projectUpdates .pageTitle 	{ background: url('../images/bg_project_updates.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }
#news .pageTitle 			{ background: url('../images/bg_news.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }
#documents .pageTitle 		{ background: url('../images/bg_documents.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }
#contactUs .pageTitle 		{ background: url('../images/bg_contact.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }
#professionals .pageTitle 	{ background: url('../images/bg_professionals.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }
#thanks .pageTitle 			{ background: url('../images/bg_thanks.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }
#c4a .pageTitle 			{ background: url('../images/bg_c4a.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }
#appPack .pageTitle 		{ background: url('../images/bg_applicationPack.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }
#survey .pageTitle 			{ background: url('../images/bg_surveyBlue.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }
#newsArchive .pageTitle     { background: url('../images/bg_news_archive.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }
#newsletters .pageTitle     { background: url('../images/bg_newsletters.png') center top no-repeat; height: 52px; width:100%; text-indent: -9999px; }


#newsArchive #contentMain h3	{ background-color:#ababab; width:100%; color:#FFF; padding:3px 3px 3px 6px; font-size:12px; margin-top:20px }
#newsArchive #contentMain p     { margin: 6px 0 6px 0; line-height: 1.5em; }

.box 						{ margin: 0em 3em 2em 3em; }

.block_container .block_inside {
background:#F5F5F5 none repeat scroll 0 0;
}

.block_inside {
background:#FFFFFF;
border:1px solid #E6E5E5;
display:block;
overflow:auto;
padding:0px 10px 0px 10px;
margin-bottom:5px;
}

div#contentMain 			{ background:url('../images/bg_contentMain.png') top right no-repeat; width:100%;  }
div#contentMain .box		{ margin-bottom:0; }
div#contentMainBtm 			{ height:15px; width:100%; clear:both; }

div#btnRegister 			{ height:44px; width:214px; clear:both; text-indent: -9999px; margin:0; padding:0; }
div#btnRegister a 			{ height:44px; width:214px; background:url('../images/btn_register.png') no-repeat; display:block; }

div#programme 	 			{ background:url('../images/bg_programme.png') top right no-repeat; width:100%; margin:2em 0 0 0; padding-bottom:1em;   }
div#programme .box 			{ margin-bottom:0; }
div#btmProgramme 			{ background:url('../images/bg_btmProgramme.png') no-repeat; height:15px; width:100%; clear:both; }
div#programme h4 			{ color:#FFFFFF; }

div#registerForm 			{ background:url('../images/bg_feature.png') top right no-repeat; width:100%; }
div#registerForm .box 		{ margin-bottom:0; }
div#btmRegisterForm 		{ background:url('../images/bg_btmFeature.png') no-repeat right; height:15px; width:100%; clear:both; }

/* 
-----------------------------------------------------------------------------------------------------------
SIDEBAR (COL 2) ELEMENTS
-----------------------------------------------------------------------------------------------------------
*/

.boxSide	{ margin: 0em 2em 1em 2em; padding-top:1em; }

h3.titlePoll { width:264px; height:42px; background:url('../images/h3_poll.png') no-repeat; text-indent:-9999px; display:block; margin:0;  }
h3.titleAd { width:264px; height:42px; background:url('../images/h3_getInvolved.png') no-repeat; text-indent:-9999px; display:block; margin:0;  }
h3.titleNewsletter { width:264px; height:42px; background:url('../images/h3_newsletter.png') no-repeat; text-indent:-9999px; display:block; margin:0;  }
h3.titleGuidance { width:264px; height:42px; background:url('../images/h3_guidance.png') no-repeat; text-indent:-9999px; display:block; margin:0;  }
h3.titleFaqs { width:264px; height:42px; background:url('../images/h3_faqs.png') no-repeat; text-indent:-9999px; display:block; margin:0;  }
h3.titleProfessionals { width:264px; height:42px; background:url('../images/h3_professionals.png') no-repeat; text-indent:-9999px; display:block; margin:0;  }
h3.titleNewsarchive { width:264px; height:42px; background:url('../images/h3_newsarchive.png') no-repeat; text-indent:-9999px; display:block; margin:0;  }

.blockPoll 	{ width:264px; background:url('../images/block_pollBtm.png') no-repeat bottom left; }
.blockAd 	{ width:264px; background:url('../images/block_adBtm.png') no-repeat bottom left; }
.blockGuidance 	{ width:264px; background: url('../images/block_pollBtm.png') no-repeat bottom left; }
.blockNewsletter { width:264px; background: url('../images/block_pollBtm.png') no-repeat bottom left; }
.blockFaqs { width:264px; background: url('../images/block_pollBtm.png') no-repeat bottom left; }
.blockProfessionals { width:264px; background: url('../images/block_pollBtm.png') no-repeat bottom left; }


li#goBtn  		{ height:40px; width:165px; text-indent:-9999px; }
li#goBtn a 		{ height:40px; width:165px; background:url('../images/btn_go.png') no-repeat; display:block; }

/* Column 2 sidebar list block */
.col-2 ul { margin: 0; padding: 1em 2em 1em 2em; list-style: none; }
.col-2 ul li { margin: 0 0 1em 0; padding: 0; list-style: none; }
.col-2 p { margin: 0; padding: 0 2em 1.5em 2em; }

/* 
-----------------------------------------------------------------------------------------------------------
FOOTER ELEMENTS
-----------------------------------------------------------------------------------------------------------
*/

div#backtotop { height:74px; width:100%; clear:both; text-indent: -9999px; margin:0; padding:0; }
div#backtotop a { height:74px; width:100%; background:url('../images/backtotop.png') no-repeat; display:block; }

/* 
-----------------------------------------------------------------------------------------------------------
MISC ELEMENTS
-----------------------------------------------------------------------------------------------------------
*/


/* In case you need to add a gutter above/below an element */
.prepend-top { margin-top:1.5em; }
.append-bottom { margin-bottom:1.5em; }

.last-bottom { margin-bottom:0; }

/* Use this to create a horizontal ruler across a column. */
div.hr { height: 30px; background: #fff url('../images/hr.png') repeat-x scroll center; clear:both}
div.hr hr { display: none; }

/* 
-----------------------------------------------------------------------------------------------------------
TABLES
-----------------------------------------------------------------------------------------------------------
*/

table 		{ margin: 0; padding:0; display: block; font-size: 1.4em; border-collapse: collapse; width:100%; }
table td 	{ text-align: left; vertical-align: top; padding:0; }
table td.time 	{ text-align: left; vertical-align: top; padding:0 2em 0 0; }
.last { margin-bottom:0; }


/*
--------------------------------------------------------------------------------------------------------------------------
= FORM ELEMENTS
--------------------------------------------------------------------------------------------------------------------------
*/

#contentMain form				{ padding: 1em 1.5em 1.5em 1.5em; border: 1px solid #e3e3e3; background: #fdfdfd; margin-bottom:1.5em; }
#contentMain form p				{ font-size: 1.2em; font-weight: normal; margin-bottom:0; }
#contentMain label				{ display: block; font-size: 1.2em; font-weight: normal; margin: 5px 0; color: #333333; }
#contentMain label .inline		{ display: inline; font-weight: bold; margin: 8px 0 5px 0; color: #459DAD; }
#contentMain input, select		{ font-family: Arial, Helvetica, Geneva, sans-serif; font-size:1.2em; color: #757575; background: #fff; margin: 5px 0 5px 0; padding: 4px; }
#contentMain textarea			{ width:350px; height: 100px; font-family: Arial, Helvetica, Geneva, sans-serif; font-size:1.2em; display: block; color: #666666; margin: 5px 0 5px 0; padding: 4px; }
#contentMain input, textarea, select	{ background: #fff; border-width: 1px; border-style: solid; border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; }

#contentMain input.button		{ font-family: Arial, Helvetica, Geneva, sans-serif; font-size:1.5em; margin: 0; padding:2px; color: #555; background: #E6E6E6; border-width: 1px; border-style: solid; border-color:#d4d4d4; outline:none; }

#contentMain input.SendForm		{ font-size:1.2em; font-weight:normal; color: #fff; border:1px solid #666666; background:#888888; cursor:pointer; }
#contentMain input.ResetForm	{ font-size:1.2em; font-weight:normal; color: #888888; border:1px solid #d4d4d4; background:#E6E6E6; cursor:pointer; }


.surveyNumber					{ font-size:1.5em; font-weight:bold; margin:0; padding:0; color:#459DAD; margin:0.5em 0 0.25em 0; }
.surveyQuestion					{ font-size:1.25em; font-weight:bold; margin:0; padding:0; margin:0.5em 0 0.25em 0; }
.box h3							{ line-height: 1.25em; margin-bottom: 0.25em; }

div.box hr						{ border:0; border-top:dashed #CCCCCC 1px; margin:10px 0;}

/* 
-----------------------------------------------------------------------------------------------------------
FORM
-----------------------------------------------------------------------------------------------------------
*/

div#Thanks { }
div#boxThanks { margin: 0em 2em 2em 4em; padding:2em; background:#c5e0a3; border:#FFFFFF solid 2px; }