

/* Base Styles
---------------------------------------------------*/
html { background:transparent; }
body { background:#1d6686 url(../images/bg_Body.gif) no-repeat top center; color:#333; margin-top:15px; font-family: Trebuchet, Lucida Sans Unicode, sans-serif; }


/* General Content Elements
---------------------------------------------------*/
	
	a { color:#d39143; }	
	a:hover { color:#d39143; text-decoration:none; }
	a:visited { color:#d39143; }
		
		
    /* Headings */
	h2 { color:#045b90; font-family: Trebuchet, Lucida Sans Unicode, sans-serif; letter-spacing:1px; font-size:1.75em; }
	
	h3 { color:#1b4668; font-family: Trebuchet, Lucida Sans Unicode, sans-serif; padding-bottom:5px; font-size:1.2em; }

	h4 { color:#865010; margin-bottom:10px; }
	

/* Miscellaneous Classes
---------------------------------------------------*/
	a.email {
		display:block;
		background:url(../images/iconEmail.gif) no-repeat;
		padding-left:25px;
	}
	
	.horDivider {
		background:url(../images/horDivider.gif);
		width:496px;
		height:6px;
		margin:20px 0 20px 0;
	}

/* Page Wrapper
---------------------------------------------------*/
	#pageWrapper { width:994px; margin:0 auto; position:relative;}


/* Header
---------------------------------------------------*/
	#header { height:77px; position:relative; margin:0 0 0 0;  }

		
	/* Tabs
	---------------------------------------------------*/	
		
		a.fee {
			text-indent:-99999px;
			width:69px;
			height:64px;
			/*background:url(../images/logo_FEE.gif);*/
			position:absolute;
			top:14px;		
			outline:none;		
		}
		
		a.eit {
			text-indent:-99999px;
			width:324px;
			height:75px;
			background:url(../images/logo_EIT.gif);
			position:absolute;
			/*left:20px;*/
			top:3px;		
			outline:none;		
		}
		
		.indent {
			margin-left:20px;
		}

	/* Primary Navigation
	---------------------------------------------------*/
	
	/*------  first  -------------*/
		#primaryNav { width:670px; position:absolute; top:10px; left:330px; list-style:none; color:#fff; font-size:1.2em; font-family:Helvetica, Verdana, Arial;  }
		#primaryNav li { float:left; line-height:1.0em; }
				
		    /*Normal State*/
		    #primaryNav a { display:block; color:#6ad1ff; text-decoration:none; font-weight:normal; margin-right:7px; margin-left:6px; }
    		
    		/*Hover State*/
		    #primaryNav a:hover { color:#e69d49; text-decoration:underline; }
		        		
    		/*Active State*/
		    #primaryNav a.current { color:#e69d49; text-decoration:underline; } 		
    		
    		
		/*Nav Item Seperator*/
		#primaryNav span.sep { display:none; }  
		
	/*------ second		-------------*/
		#primaryNav2 { width:670px; position:absolute; top:32px; left:330px; list-style:none; color:#fff; font-size:1.2em; font-family:Helvetica, Verdana, Arial;  }
		#primaryNav2 li { float:left; line-height:1.0em; }
				
		    /*Normal State*/
		    #primaryNav2 a { display:block; color:#6ad1ff; text-decoration:none; font-weight:normal; margin-right:7px; margin-left:6px; }
    		
    		/*Hover State*/
		    #primaryNav2 a:hover { color:#e69d49; text-decoration:underline; }
		        		
    		/*Active State*/
		    #primaryNav2 a.current { color:#e69d49; text-decoration:underline; } 		
    		
    		
		/*Nav Item Seperator*/
		#primaryNav2 span.sep { display:none; }  

	/*------ third		-------------*/
		#primaryNav3 { width:670px; position:absolute; top:55px; left:330px; list-style:none; color:#fff; font-size:1.2em; font-family:Helvetica, Verdana, Arial;  }
		#primaryNav3 li { float:left; line-height:1.0em; }
				
		    /*Normal State*/
		    #primaryNav3 a { display:block; color:#6ad1ff; text-decoration:none; font-weight:normal; margin-right:7px; margin-left:6px; }
    		
    		/*Hover State*/
		    #primaryNav3 a:hover { color:#e69d49; text-decoration:underline; }
		        		
    		/*Active State*/
		    #primaryNav3 a.current { color:#e69d49; text-decoration:underline; } 		
    		
    		
		/*Nav Item Seperator*/
		#primaryNav3 span.sep { display:none; }  		

/* Body
---------------------------------------------------*/

	#body { padding-top:0; padding-bottom:10px; background-color:#daf3ff; border-top:1px solid #0e3140; border-right:1px solid #0e3140; border-left:1px solid #0e3140; }	
  
		
/* Footer
---------------------------------------------------*/
 #footer { width:992px; border-right:1px solid #0e3140; border-left:1px solid #0e3140; background-color:#ececec; color:#1d6686; font-family:Helvetica, Verdana, Arial; }
	#footer #content {
		width:888px;
		height:89px;		
		margin:auto;
		font-size:.8em;		
		font-weight:normal;
		line-height:1.5em;
	}
	#footer #content #feeWrapper {
		float:left;
		width:378px;
	}
	#footer #content #feeWrapper a {
		float:left;
		width:60px;
		height:88px;
		margin-right:10px;
		text-indent:-99999px;
		background:url(../images/footer_fee.gif);
	}	
	#footer #content #feeWrapper #notForProfit {
		float:left;
		width:270px;
		padding-top:30px;
	}
	#footer #content #siteInfo {
		float:left;
		width:480px;
		padding-top:30px;
		
	}
	#footer .vertDivider {
		float:left;
		background-color:#768fa9;
		width:1px;
		height:30px;	
		margin-right:20px;	
		margin-top:30px;
	}
	#footer #content #siteInfo a {
		color:#003366;
	}
	
	#footer #bottomBar {
		background-color:#0d3857;
		height:10px;
		border-bottom:1px solid #0e3140
	}



/* Individual Page Styles
---------------------------------------------------*/

	#pNav	 { width:240px; position:absolute; top:390px; left:33px; z-index:999; font-size:0; }
	
	#pNav a { display:block; float:left; padding:0; height:14px; width:30px; background-color:#335171; color:#335171; margin-right:5px; }
	#pNav a:focus { outline: none; }
	#pNav a.activeSlide { background-color:#d39143; color:#d39143; }
	
	#boxOverlay {
		position:absolute;
		display:block;
		top:232px;
		left:600px;
		background:url(../images/Secrets_BlueBox.png) no-repeat;
		width:360px;
		height:165px;
		z-index:999;
		text-indent:-9999px;	
		outline:none;		
	}
	
	#photosBox	 { width:992px; overflow:hidden; min-height:356px; height:356px; z-index:99; }
	
	#secretsBoxTabs {
		position:relative;
		float:left;
		z-index:99999;
		left:1px;
		top:10px;
	}
	
	#secretsBoxTabs ul {
		list-style:none;
		margin:0;
		padding:0;
		width:292px;
	}
	
	#secretsBoxTabs ul li {
		margin:0;
		padding:0;
		height:64px;
		text-indent:-9999px;
	}
	
	#secretsBoxTabs ul li a {
		display:block;
		width:292px;
		height:64px;	
		outline:none;			
	}
	
	#secretsBoxTabs ul li a.relationshipForSuccess { background:url(../images/1_down.png); }	
	#secretsBoxTabs ul li a:hover.relationshipForSuccess { background:url(../images/1_over.png); }
	#secretsBoxTabs ul li a.relationshipForSuccess.current { background:url(../images/1_up.png); }
	
	#secretsBoxTabs ul li a.communityOfLearning { background:url(../images/2_down.png);	}
	#secretsBoxTabs ul li a:hover.communityOfLearning {	background:url(../images/2_over.png); }
	#secretsBoxTabs ul li a.communityOfLearning.current  { background:url(../images/2_up.png); }
	
	#secretsBoxTabs ul li a.techniquesThatWork { background:url(../images/3_down.png); }
	#secretsBoxTabs ul li a:hover.techniquesThatWork { background:url(../images/3_over.png); }
	#secretsBoxTabs ul li a.techniquesThatWork.current  { background:url(../images/3_up.png); }
	
	#secretsBoxTabs ul li a.testingtoImproveTeaching { background:url(../images/4_down.png); }
	#secretsBoxTabs ul li a:hover.testingtoImproveTeaching { background:url(../images/4_over.png); }
	#secretsBoxTabs ul li a.testingtoImproveTeaching.current  { background:url(../images/4_up.png); }	
		
	#secretsBox {
		width:604px;
		min-height:170px;
		background:#f2f2f2 url(../images/bg_SecretsBox.gif) no-repeat;
		border-top:1px solid #0e3140;
		border-right:1px solid #0e3140;
		border-bottom:1px solid #0e3140;
		border-left:1px solid #0e3140;
		position:relative;
		top:14px;
		left:0;
		float:left;
		margin-bottom:20px;
		padding:25px 15px 10px 15px;
	}		
	
	#secretsBox ul {
		list-style:url(../images/iconBulletLarge.gif);
		margin:0 0 0 30px;
	}
	
	#secretsBox ul li {
		color:#1b4668;
		font-weight:bold;
		font-style:italic;
		padding-left:15px;
		margin-bottom:20px;
		font-size:1.2em;
	}
		
	#secretsBox ul li a {
		color:#5b77ab;
		font-style:normal;		
	}	
	
	#secretsBox ul li .secretNum {
		/*float:left;
		width:80px;*/
	}	
	
	#secretsBox ul li .secretTitle {
		/*float:left;
		width:80px;
		float:left;
		width:400px;*/
	}	
		
	.homepage {
		background:url(../images/bg_Homepage.gif) 0 347px repeat-y;
		width:992px;		
	}
	
	.homepage .contentWrapper {
		width:942px;
		margin:auto;
	}
	
	.homepage h1 {
		text-indent:-99999px;
		background:url(../images/header_homepage.gif) no-repeat;
		background-position: 50px 0px;
		width:778px;
		height:29px;
		margin:20px auto 10px  auto
	}	
	
	.subpage {
		background:#daf3ff url(../images/bg_Subpage.gif) 0 0 no-repeat;
		width:992px;
	}
	
	.subpage .graphicHeader {
		text-indent:-99999px;
		width:565px;
		height:59px;
		margin:0;
	}
	
	.subpage h1#about {		
		background:url(../images/header_about.gif);		
	}
	.subpage h1#methodology {		
		background:url(../images/header_methodology.gif);		
	}
	.subpage h1#uflcfe {		
		background:url(../images/header_uflcfe.gif);		
	}
	.subpage h1#research {		
		background:url(../images/header_research.gif);		
	}
	.subpage h1#policyInitiatives {		
		background:url(../images/header_policyInitiatives.gif);		
	}
	.subpage h1#excelAwardWinners {		
		background:url(../images/header_excelAwardWinners.gif);		
	}
	.subpage h1#aCommunityOfLearning {		
		background:url(../images/header_aCommunityOfLearning.gif);		
	}
	.subpage h1#aRelationshipForSuccess {		
		background:url(../images/header_aRelationshipForSuccess.gif);		
	}	
	.subpage h1#techniquesThatWork {		
		background:url(../images/header_techniquesThatWork.gif);		
	}
	.subpage h1#testingtoImproveTeaching {		
		background:url(../images/header_testingtoImproveTeaching.gif);		
	}	
	.subpage h1#sponsor {		
		background:url(../images/header_sponsor.jpg);	
	}	
	.subpage h1#aRelationshipForSuccess span {		
		text-indent:0;
		display:block;
		font-size:.6em;
		font-style:italic;
		color:#e69d49;
		font-weight:normal;
		margin-left:360px;
		margin-top:-18px;
	}
	
	.subpage h1#aCommunityOfLearning span {		
		text-indent:0;
		display:block;
		font-size:.6em;
		font-style:italic;
		color:#e69d49;
		font-weight:normal;
		margin-left:360px;
		margin-top:-18px;
	}
	
	.subpage h1#techniquesThatWork span {		
		text-indent:0;
		display:block;
		font-size:.6em;
		font-style:italic;
		color:#e69d49;
		font-weight:normal;
		margin-left:360px;
		margin-top:-18px;
	}

	.subpage h1#testingtoImproveTeaching span {		
		text-indent:0;
		display:block;
		font-size:.6em;
		font-style:italic;
		color:#e69d49;
		font-weight:normal;
		margin-left:360px;
		margin-top:-18px;
	}	
	.subpage .columnWrapper {
		width:946px;
		margin:30px auto 15px auto;
		color:#1b4668;
	}
	
	.subpage .leftCol {
		float:left;
		width:568px;
		margin-right:20px;					
	}
	
	.subpage .leftCol ul {
		list-style:url(../images/iconBullet.gif);
		margin:0 0 20px 40px;
	}
	
	.subpage .leftCol ul li  {
		padding-left:20px;
		margin-bottom:10px;
	}
	
	.subpage .leftCol #contentHolder {	
		width:505px;
		min-height:497px;	
		background-color:#f2f2f2;
		border-right:1px solid #224453;
		border-bottom:1px solid #224453;
		border-left:1px solid #224453;
		margin-left:8px;
		background:url(../images/bg_SubPageLeftCol.gif) repeat-y;
		padding:25px 25px 25px 25px;
		font-size:1.2em;
	}
	
	.subpage .leftCol #contentHolder #winnerWrapper {
	
	}
	
	.subpage .leftCol #contentHolder .winnerWrapper img {
		float:left;
		width:100px;
		height:126px;
		border:1px solid #224453;
		margin-right:15px;
	}
	
	.subpage .leftCol #contentHolder .winnerWrapper .info {
		float:left;
		width:385px;
	}
	
	.subpage .leftCol ul#ulSecrets {
		list-style:none;
		margin:0 0 20px 0;
	}
	
	.subpage .leftCol ul#ulSecrets li { 
		float:left;
		padding:0;
	}
	
	.subpage .leftCol ul#ulSecrets li a {		
		display:block;
		padding:3px 0 2px 0;
		background-color:#e69d49;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		margin-right:8px;
		width:100px;
		text-align:center;
	}
	
	.subpage .leftCol ul#ulSecrets li a.current {
		background-color:#5b77ab;
		font-style:italic;
	}
	
	.subpage .rightCol {
		float:left;
		width:356px;
		height:605px;
	}
	
	.subpage .rightCol.about {
		background-image:url(../images/photo_about.jpg);
		border:1px solid #224453;
	}	
	.subpage .rightCol.methodology {
		background-image:url(../images/photo_methodology.jpg);
		border:1px solid #224453;
	}	
	
	.subpage .rightCol.sponsor{
			background-image:url(../images/photo_sponsor.jpg);
		border:1px solid #224453;
	}	
	
	.subpage .rightCol.uflcfe {
		background-image:url(../images/photo_excelAwardWinners.jpg);
		border:1px solid #224453;
	}
	.subpage .rightCol.research {
		background-image:url(../images/photo_research.jpg);
		border:1px solid #224453;
	}	
	
	.subpage .rightCol.policyInitiatives {
		background-image:url(../images/photo_methodology.jpg);
		border:1px solid #224453;
	}	
	.subpage .rightCol.excelAwardWinners {
		background-image:url(../images/photo_excelAwardWinners.jpg);
		border:1px solid #224453;
	}

	.subpage .rightCol.techniquesThatWork
	 {
		background-image:url(../images/photo_classroomManagement.jpg);
		border:1px solid #224453;
	}	
	
	.subpage .rightCol.aRelationshipForSuccess
	{
		background-image:url(../images/photo_RelationshipForSuccess.jpg);
		border:1px solid #224453;
	}
	
	.subpage .rightCol.aCommunityOfLearning
	{
		background-image:url(../images/photo_aCommunityOfLearning.jpg);
		border:1px solid #224453;
	}
	
	.subpage .rightCol.testingtoImproveTeaching 
	{
		background-image:url(../images/photo_testingtoImproveTeaching.jpg);
		border:1px solid #224453;
	}
			
	.partner_picture 
	{
		border:1px solid #00525D;
		float:right;
		margin:0 0 10px 20px;
		padding:8px;
	}
/* Utilities
---------------------------------------------------*/

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */