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

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

#container_topESF{
	padding: 0px; margin: 0px;
	/*background-color:#FFCC00;*/
	height: 145px;
	width: 951px;
	background-image: url(../images/mainImages/esflogo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	float:left;
}

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


ul#mainMenu{
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	list-style-type: none;
	background-image: url(../images/mainImages/ESFmenuRollover_bg.jpg);
	background-repeat:repeat-x;
	background-position:-10px 0;

	width:793px;
	margin:0;
	padding:0;

}

ul#mainMenu li{
margin: 0px;
float: left;
color: #FFFFFF;
}

ul#ESFMenu {
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-position:-10px 0;
background-repeat:repeat-x;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:1.6em;
font-weight:bold;
list-style-type:none;
margin:0;
padding:0;
width:793px;
}

ul#ESFMenu li {
color:#FFFFFF;
float:left;
margin:0;
}

a.ESFmenuLink1{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 98px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: 0px 0px;
}
a:hover.ESFmenuLink1{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 98px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: 0px -34px;
}

a.ESFmenuLink2{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 100px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -99px 0px;
}
a:hover.ESFmenuLink2{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 100px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -99px -34px;
}


a.ESFmenuLink3{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 59px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -200px 0px;
}
a:hover.ESFmenuLink3{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 59px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -200px -34px;
}

a.ESFmenuLink4{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 71px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -259px 0px;
}
a:hover.ESFmenuLink4{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 71px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -259px -34px;
}


a.ESFmenuLink5{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 96px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -330px 0px;
}
a:hover.ESFmenuLink5{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 96px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -330px -34px;
}

a.ESFmenuLink6{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 130px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -428px 0px;
}
a:hover.ESFmenuLink6{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 130px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -428px -34px;
}

a.ESFmenuLink7{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 62px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -560px 0px;
}
a:hover.ESFmenuLink7{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 62px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -560px -34px;
}

a.ESFmenuLink8{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 134px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -603px 0px;
}
a:hover.ESFmenuLink8{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 134px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -603px -34px;
}


a.ESFmenuLink9{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 57px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -738px 0px;
}
a:hover.ESFmenuLink9{
color: #FFFFFF;
text-decoration: none;
padding: 6px 0px 0px 0px; 
height: 28px;
width: 57px;
float:left;
background-image:url(../images/mainImages/ESFmenuRollover_bg.jpg);
background-repeat:repeat-x;
background-position: -738px -34px;
}


a:linked.ESFmenuLink{
color: #FFFFFF;
text-decoration: none;
}
a:visited.ESFmenuLink{
color: #FFFFFF;
text-decoration: none;
}
a:hover.ESFmenuLink{
color: #FFFFFF;
text-decoration: none;
}

a:active.ESFmenuLink{
color: #FFFFFF;
text-decoration: none;
}

/*-------------------------------------------------------------------------------------------------*/
#askTAEN{
height: 57px;
width: 141px;
float:left;
padding: 0px; margin: 0px 0px 4px 0px;
background-image:url(../images/mainImages/bg_askTAEN.jpg);
background-repeat: no-repeat;
}
#askTAEN p{
color: #FFF;
font-weight: bold;
font-size: 1.2em;
padding: 18px 0px 0px 52px; margin: 0px 0px 4px 0px;
}

#tellUs{
height: 57px;
width: 141px;
float:left;
padding: 0px; margin: 0px 0px 4px 0px;
background-image:url(../images/mainImages/bg_tellUs.jpg);
background-repeat: no-repeat;
}
#tellUs p{
color: #FFF;
font-weight: bold;
font-size: 1.2em;
padding: 14px 0px 0px 52px; margin: 0px 0px 4px 0px;
}

/*==============blue bands=================*/

.blueBand1{
display:block;
width: auto;
height: 10px;
background-color: #8dd8f8;
}

.blueBand2{
display:block;
width: auto;
height: 10px;
background-color: #00a0e4;
}

.blueBand3{
display:block;
width: auto;
height: 10px;
background-color: #017dc7;
}

.blueBand4{
display:block;
width: auto;
height: 10px;
background-color: #005aab;
}
.blueBand5{
display:block;
width: auto;
height: 10px;
background-color: #16c2f4;
}

.eventsPicHolderESF{
padding: 0px; margin: 12px 0px 12px 0px;
}
input.searchLoginButtonESF {
background-color:#017DC7;
border:1px solid #017DC7;
color:#FFFFFF;

font-size:11px;
height:18px;
margin:0 0 0;
padding:0 0 2px;
width:50px;
}



#downloadNewsletterIcon{
background-image:url(../images/icons/download.jpg);
background-repeat: no-repeat;
float: left;
height: 37px; 
width: 30px;
display:block;
padding: 0px 0px 0px 0px; margin: 10px 3px 0px 0px;
}

p.generalText_paddedBLACK{
font-size: 1.2em;
float:left;
padding: 0px 0px 0px 9px;
margin: 0px 0px 0px 0px;
color: #000;
}
.downloadNewsletter{
border-top: 1px solid #A8A9AD; 
margin: 10px 10px 10px 10px;
float:left;
}
.downloadNewsletter p{
font-size: 1.2em;
float:left;
width: 80px;
padding: 0px 0px 0px 9px;
margin: 10px 0px 0px 0px;
color: #000;
}


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

.archiveLogESF{
float: right;
padding: 5px 0px 12px 0px;
}
.archiveLogESF a{
margin: 0px 1px 0px 1px;
padding: 0px 0px 1px 0px;
font-size: 1.4em;
font-weight:bold;
color: #6d6e72;
text-decoration:none;
}
.archiveLogESF a:hover{
font-size: 1.4em;
font-weight:bold;
border-bottom: 2px #00a0e6 solid;
}

/*----------------------------*/
.forthcomingEvents,
.forthcomingEvents_sidebar{
float:left;
padding: 8px 0px 10px 0px;
margin: 0px 0px 8px 0px;	
width: 305px;
border-top: 1px #a8a9ad solid;
}
.forthcomingEvents_sidebar{
float:left;
padding: 0px 0px 10px 0px;
border-bottom: 1px #a8a9ad solid;
border-top:none;
}
.forthcomingEvents h3.recentPost,
.forthcomingEvents_sidebar h3.recentPost{
font-size: 1.2em;
color: #000;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px;
}
.forthcomingEvents h3.recentPostInfo,
.forthcomingEvents_sidebar h3.recentPostInfo{
font-size: 1.2em;
color: #6d6e73;
float:left;
padding: 0px 0px 0px 0px;
margin: 0px;
width: 250px;
}
p.eventsLocation {
color:#808082;
font-size:1.2em;
margin:0;
padding:0px 0px 10px 0;
}

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


form.emailSubmission{
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
border: none;
}

p.emailSubmissionTitle{
padding: 10px 5px 10px 0px;
margin: 0px 0px 0px 0px;
width: 270px;
font-size: 1.1em;
float:left;
color: #6d6e73;
font-weight: bold;
}
.emailSubmissionloginField{
width: 278px;
padding: 0px;
margin: 0px;
}

#emailNotificationButton{
width: 62px;
height: 20px;
font-size: 11px;
color: #FFF;
float:right;
background-color: #017dc7;
padding: 0px 0px 2px 0px;
margin: 10px 12px 15px 10px;
border: 1px #017dc7 solid;
background-image:url(../images/bits/blueSubmitButton.jpg);
}
.esfResourceField {margin:0;padding:0;width:205px;float:left;}
#esfResourceButton{ width: 62px;
height: 20px;
font-size: 11px;
color: #FFF;
float:right;
background-color: #017dc7;
padding: 0px 0px 2px 0px;
border: 1px #017dc7 solid;
background-image:url(../images/bits/blueSubmitButton.jpg);
float:right; margin:0 12px 0 0;}

ul.activitiesList{
font-size: 1.2em;
color: #000;
}

ul.activitiesList li{
padding: 2px 0px 10px 0px ;
color: #000;
}

.pdfDownloadIcon{
background-image:url(../images/icons/pdfIcon.jpg);
background-repeat: no-repeat;
width: 20px;
height: 20px;
float:left;
margin: 0px 0px 0px 0px
}



.surveysSubmission{
float:left;
padding: 15px 0px 10px 0px;
margin: 0px 0px 0px 0px;	
width: 385px;
border-bottom: 1px #a8a9ad solid;
border-top: 1px #a8a9ad solid;

}

#esfeventBookButton {
background-color:#007fc6;
border:1px solid #007fc6;
color:#FFFFFF;
float:right;
font-size:11px;
height:19px;
margin:10px 0 0 10px;
padding:0 0 2px;
width:150px;
}
#esfResourcesButton {
background-color:#4070b8;
border:1px solid #4070b8;
color:#FFFFFF;
float:right;
font-size:11px;
height:19px;
margin:10px 0 0 10px;
padding:0 10px 2px;

}
#esfAskButton {
background-color:#017DC7;
border:1px solid #017DC7;
color:#FFFFFF;
float:right;
font-size:11px;
height:19px;
margin:10px 0 0 10px;
padding:0 10px 2px;

}
#esfTellButton {
background-color:#8dd8f8;
border:1px solid #8dd8f8;
color:#FFFFFF;
float:right;
font-size:11px;
height:19px;
margin:10px 0 0 10px;
padding:0 10px 2px;

}

/*-----------------------------FAQs--------------*/

.faqTextSubmission{
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;	
width: 385px;
border-bottom: 1px #a8a9ad solid;
}

.faqText, h3.faqText{
float:left;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;	
width: 385px;
font-size:1.2em;
}
h3.publications_titles{
	padding-top:2px;
}


.faqLog{
float: right;
padding: 5px 0px 12px 0px;
}
.faqLog a{
margin: 0px 1px 0px 1px;
padding: 0px 0px 1px 0px;
font-size: 1.4em;
font-weight:bold;
color: #6d6e72;
text-decoration:none;
}
.faqLog a:hover{
font-size: 1.4em;
font-weight:bold;
border-bottom: 2px #eb7722 solid;
}
.faqLog{
float: right;
padding: 10px 0px 12px 0px;
}
.faqLog a{
margin: 0px 1px 0px 1px;
padding: 0px 0px 1px 0px;
font-size: 1.4em;
font-weight:bold;
color: #6d6e72;
text-decoration:none;
}
.faqLog a:hover{
font-size: 1.4em;
font-weight:bold;
border-bottom: 2px #016239 solid;
}

form.SubmitAQuestion{
padding: 0px 0px 0px 0px;
margin: 0px;
border: none;
}

.faqSubmitButton{
width: 50px;
height: 19px;
font-size: 11px;
color: #FFF;
float: right;
background-color: #016239;
padding: 0px 0px 2px 0px;
margin: 10px 0px 0px 0px;
border: 1px #016239 solid;
}

.faqTitle{
padding: 10px 0px 4px 0px;
margin: 0px;
font-size: 1.2em;
font-weight:normal;
}

#container_esfworks{ position:absolute;right:5px; top:48px; }
#esf_logo a img, #container_esfworks a img{border:none;}