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

body						{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #333333; text-align: left; }

* 							{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

#topredbar					{ height: 5px; background-color: #CC0000; }

#maincontainer				{ width: 950px; margin: auto;}

.clear 						{ clear: both; }

/*//////////////////// - Header - //////////////////////////*/


#header						{ width: 950px; height: 136px; background: url(../images/bg-header.png) no-repeat; }

#headerleft					{ width: 343px; height: 120px; padding: 15px 0px 0px 35px; float: left; }
#headerright				{ width: 378px; height: 135px; float: right; }

#updates					{ width: 378px; height: 42px; background: url(../images/bg-updates.png) no-repeat; }
#updatesleft				{ width: 146px; height: 38px; float: left; padding-left: 5px;}
#updatestext1				{ width: 145px; height: 12px; font-size: 10px; color: #666666; font-style: italic; text-align: left; padding-left: 6px; padding-top: 3px; }
#updatestext2				{ width: 145px; height: 24px; font-size: 18px; color: #003300; font-style: normal; text-align: left; padding-left: 6px; }
.updatesinput				{ width: 164px; height: 20px; margin-top: 9px; float: left; padding-left: 15px;  }
#updatesbutton				{ width: 43px; height: 33px; float: left; padding-top: 9px; padding-left: 1px; }
.inputemail					{ border: #999 solid 1px; height: 17px; }

/*/////////////////// email updates ////////////////////*/

.inputupdate				{ border: 1px solid #999; background: #ededed; height: 20px; width: 100px; }
.inputupdate:focus			{ border: 1px solid #00cc00;}

#donate						{ width: 95px; height: 22px; background: url(../images/bg-donate.png) no-repeat left bottom; float: right; padding: 68px 0px 0px 40px; }
#donate a					{ color: #FFFFFF; font-weight: bold; text-decoration: underline; font-size: 12px; }
#donate a:hover				{ text-decoration: none; }

#logo						{ width: 239px; height: 105px; background: url(../images/NAFCed-logo.png) no-repeat; float: left; }


/*//////////////////// - Navigation - //////////////////////////*/

#navcontainer				{ width: 950px; height: 27px; border-top: #999999 solid 1px; border-bottom: #999999 solid 1px; margin-top: 1px; padding-top: 9px; text-align: center; }

#navcontainer ul li			{ display: inline; list-style-image: none; padding: 0px 15px 0px 15px; }

#navcontainer a				{ font-size: 14px; color: #003300; text-align: center; text-decoration: none; padding: 4px 6px 4px 6px;   }
#navcontainer a:hover		{ background-color: #ededed; }
	
#home #home-on				{ background-color: #ededed; }
#about #about-on			{ background-color: #ededed; }
#programs #programs-on		{ background-color: #ededed; } 
#teacherspage #teachers-on		{ background-color: #ededed; } 
#newsroom #newsroom-on		{ background-color: #ededed; } 
#investors #investors-on	{ background-color: #ededed; } 
#giving #giving-on			{ background-color: #ededed; } 
#events #events-on			{ background-color: #ededed; } 
#contact #contact-on		{ background-color: #ededed; } 

/*//////////////////// - graphic bar - //////////////////////////*/

#graphicbar					{ width: 950px; height: 209px; border-top: #ccc solid 1px; margin-top: 1px; }

#leftbox					{ width: 282px; height: 198px; float: left; background: url(../images/bg-leftbox.png) no-repeat #c8e5ce; margin-top: 2px; padding: 10px 13px 0px 13px;  }

#leftboxvideo				{ width: 278px; height: 184px; margin: auto; border: 2px solid white; } 

#rightbox					{ width: 642px; height: 208px; float: left; margin-top: 2px; }
#rightbox img				{ margin-left: 1px; }

#greenbar					{ width: 950px; height: 21px; background: url(../images/greenbar.png) no-repeat; margin-top: 3px; }

/*//////////////////// - middle content - //////////////////////////*/

#middlecontent				{width: 950px; padding: 0px 0px 0px 0px; }

h1							{ font-size: 24px; color: #CC0000; text-align: center; padding: 20px 0px 20px 0px;}

#midcol1					{ width: 212px; height: 120px; float: left; padding: 0px 12px 0px 12px; border-right: #CCCCCC dashed 1px; }
#midcol1 a					{ width: 213px; height: 121px; background-image: url(../images/juniorachievement.png); background-position: 0px -121px; background-repeat: no-repeat; display: block; } 
#midcol1 a:hover			{ background-image: url(../images/juniorachievement.png); background-position: 0px 0px; background-repeat: no-repeat; }

#midcol2					{ width: 212px; height: 120px; float: left; padding: 0px 12px 0px 12px; border-right: #CCCCCC dashed 1px; }
#midcol2 a					{ width: 213px; height: 121px; background-image: url(../images/fulldayk.png); background-position: 0px -121px; background-repeat: no-repeat; display: block; padding: 0px;} 
#midcol2 a:hover			{ background-image: url(../images/fulldayk.png); background-position: 0px 0px; background-repeat: no-repeat; }

#midcol3					{ width: 212px; height: 120px; float: left; padding: 0px 12px 0px 12px; border-right: #CCCCCC dashed 1px; }
#midcol3 a					{ width: 213px; height: 121px; background-image: url(../images/mentormii.png); background-position: 0px -121px; background-repeat: no-repeat; display: block; } 
#midcol3 a:hover			{ background-image: url(../images/mentormii.png); background-position: 0px 0px; background-repeat: no-repeat; }

#midcol4					{ width: 213px; height: 120px; float: left; padding: 0px 12px 0px 12px; }
#midcol4 a					{ width: 213px; height: 121px; background-image: url(../images/imaginationlibrary.png); background-position: 0px -121px; background-repeat: no-repeat; display: block; } 
#midcol4 a:hover			{ background-image: url(../images/imaginationlibrary.png); background-position: 0px 0px; background-repeat: no-repeat; }

span						{ display: none;  } 

/*//////////////////// - Lower content - //////////////////////////*/

#lowercontent				{width: 950px; padding: 0px 0px 0px 0px; }

#participate				{ width: 236px; height: 300px; float: left; border-right: #CCCCCC dashed 1px; }

#teachers					{ width: 236px; height: 300px; float: left; padding-top: 6px; border-right: #CCCCCC dashed 1px; }

#shopgive					{ width: 236px; height: 300px; float: left; padding-top: 6px; border-right: #CCCCCC dashed 1px;}

#donatecol					{ width: 239px; height: 300px; float: left; padding-top: 6px;}

#coltop						{ width: 224px; height: 6px; background-image: url(../images/bg-coltop.png); background-repeat: no-repeat; margin: auto;}

#colmid						{ width: 224px; height: 288px; background-color: #ebebeb; margin: auto;}

#colbot						{ width: 224px; height: 6px; background-image: url(../images/bg-colbot.png); background-repeat: no-repeat; margin: auto;}

.colheader					{ width: 203px; height: 31px; background-image: url(../images/colheader.png); margin: auto; text-align: left; font-size: 20px; color: #333333; padding: 20px 0px 0px 10px; }

.lowercolcontent			{ width: 186px; height:200px; margin: auto; padding-top: 18px; font-size: 12px; color: #333333; text-align: left; line-height: 18px; } 

.lowercolcontent a			{ color: #CC0000; font-size: 13px; text-decoration: underline; }
.lowercolcontent a:hover	{ text-decoration: none; }

.lowercolcontent img		{ padding-bottom: 10px; }


/*//////////////////// - footer - //////////////////////////*/

#footer						{width: 950px; height: 136px; margin: auto; margin-top: 20px; border-top: #CC0000 solid 5px; }

#footer a.main				{ color: #333; font-size: 12px; text-decoration: none; }
#footer a.main:hover		{ text-decoration: none; color: #CC0000; }
#footer a.sub				{ color: #666; font-size: 11px; text-decoration: none; }
#footer a.sub:hover			{ text-decoration: none; color: #CC0000; }

h2							{ font-size: 18px; color: #003300; font-weight: bold; text-align: center; padding: 15px 0px 15px 0px; }

#footertop					{ width: 950px; height: 7px; background-image: url(../images/footertop.png); }
#footermid					{ width: 950px; height: 112px; background-color: #ebebeb; }
#footerbot					{ width: 950px; height: 7px; background-image: url(../images/footerbot.png); }

#footerquote				{ width: 167px; height: 92px; float: left; padding: 10px 15px 10px 15px; font-size: 11px; color: #CC0000; font-style: italic; border-right: #999 dashed 1px; }

#footercol1					{ width: 108px; height: 92px; float: left; padding: 10px 10px 10px 15px; }
#footercol2					{ width: 243px; height: 92px; float: left; padding: 10px 10px 10px 10px; }
#footercol3					{ width: 193px; height: 92px; float: left; padding: 10px 10px 10px 10px; }
#footercol4					{ width: 123px; height: 92px; float: left; padding: 10px 10px 10px 10px; }

#copyright					{ width: 950px; height: 20px; padding: 12px 0px 20px 0px; margin: auto; text-align: center; font-size: 10px; color: #666; }
#copyright a				{ color: #CC0000; text-decoration: underline; }
#copyright a:hover			{ text-decoration: none; }


/*/////////////////// - active pages - ///////////////////////////*/

#homeactive	.home a 		{ background-color: #CC0000; color: #FFFFFF; }