/************************************************************************************
								GENERAL STYLES
************************************************************************************/
body,html
{	
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #FEEBA7;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
img{
	border: 0px;
}
a{
	text-decoration: none;
}
p ul, p li,td,th,div{
	font-size: 12px;
}
h4{
	font-size: 14px;
	font-weight: normal;
	color: #D16B00;
}
.row0{
	background-color: #E7E7E7;
}
.row1{
	background-color: #FFFFFF;
}
#ScrollContainer {
	width: 660px;
	height: 479px;
	overflow: auto;
	position: absolute;
	margin: 0 auto;
	right:15px;
	padding: 0px;
}
#ScrollContainer ul li{
	list-style-image: none;
	list-style: disc;
	vertical-align: text-top;
	height:auto;
}
#ScrollContainer ul li ul li{
	list-style-image: none;
	list-style: circle;
	vertical-align: top;
	margin-top:5px;
}
.text{
	text-align: right;
	font-weight: bold;
}
.Required{
	color: #F00;
}
.bu{
	font-weight: bold;
	text-decoration: none;
}
.PopUpClass{
	border: none;
	padding: 10px;
	display: none; 
	font-size: 12px; 
	z-index: 11000; 
	left: 150px; 
	width: 430px; 
	position: absolute; 
	top: 250px; 
	background-color: #FEEBA7; 
	text-align: justify;
}

#PopCloseLink a{
	color: #FA9F1B;
	font-weight: bold;
}
#PopCloseLink a:hover{
	text-decoration: underline;
}
/************************************************************************************
							MAIN BODY STYLES
************************************************************************************/
#MainLeft{
	padding: 0 9px 0 2px;
	width: 212px;	
	float: left;
}
#Logo{
	/*position:relative;
	top: 0px;
	left:7px;*/
	width: 212px;
	height: 183px;
}
#MainBody{
	width: 732px;
	float: left;	
}
#InnerContainer{
	width: 641px;
	height: 490px;
}
#BodyContainer{
	clear:both;
	width: 641px;
	height: 479px;
	background-color:#FFF;
	/*background-image: url(../images/layout/WheatStalk.gif);
	background-repeat: no-repeat;*/
}
#BodyContainer #TextBlock{
	padding: 0 10px 0 20px;
	width: 450px;
}
#BodyContainer a{
	color: #FA9F1B;
	font-weight: bold;
}
#BodyContainer a:hover{
	text-decoration: underline;
}
#BodyContainer li{
	list-style-image: url(../images/layout/SDA-BlueDot.gif);
	height: 17px;
	vertical-align:text-top;
	font-size: 11px;
}

.Headline{
	font-size: 26px;
	font-weight: bold;
	line-height: 35px;
	color: #930;
}
.Headline3{
	width: 600px;
	font-size: 20px;
	font-weight: normal;
	color: #FC0;
}
.Headline4{
	width: 450px;
	font-size: 20px;
	font-weight: normal;
	color: #FC0;
}
.Headline5{
	width: 550px;
	font-size: 25px;
	font-weight: bold;
	color: #930;
	padding: 0 0 10px 0;
}
.Headline2{
	width: 400px;
	font-size: 18px;
	font-weight: normal;
}
.Clear{
	clear: both;
}
#ImageBlock div{
	float: left;
	width: 96px;
	height: 200px;
}
#ImageBlock{
	height: 105px;
	width: 505px;
}
#buttons{
	width: 505px;
	height: 36px;
}
.SubHead{
	font-weight: bold;
	font-size: 13px;
}
/************************************************************************************
							LEFT BUBBLE BOX STYLES
************************************************************************************/
#FactoidBox{
	background-image: url(../images/layout/SDA-FactoidBox.gif);
	width: 255px;
	height: 125px;
	position: absolute;
	left: 2px;
	top: 455px;
	z-index: 1000;
}
#FactoidTitle{
	padding: 10px 0 0 15px;
	width: 255px;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align:center;
	padding-right:15px;
}
#Factoiddatabox{
	padding:5px 15px 0 15px;
	width: 250px;
	overflow: hidden;
	font-size: 11px;
	color: #FFF;
}
#LogoBoxContainer{
	width: 200px;
	position: absolute;
	left: 0px;
	top: 245px;
	z-index: 1000;
}
#SubNavBox{
	/*
	background-image: url(../images/layout/yellowbox.gif);
	height: 130px;
	*/
	overflow:hidden;
	width: 255px;	
	position: absolute;
	left: 2px;
	top: 215px;
	z-index: 1000;
	background-color:#FFC909;
}
#SubNavLeft{
	float:left;
	width:17px;
	background-image: url(../images/layout/SubNav/SubNavLeft.gif);
	margin-bottom: -1000px; 
	padding-bottom: 1000px;
}

#SubNavRight{
	float:left;
	width:12px;
	background-image: url(../images/layout/SubNav/SubNavRight.gif);
	margin-bottom: -1000px; 
	padding-bottom: 1000px;
}
#SubNavMain{
	
	float:left;
	margin-bottom: -1000px; 
	padding-bottom: 1000px;
	
	/*background-color:#FFC909;*/
}
#SubNavTitle{
	padding: 0px 0 0 2px;
	font-size: 14px;
	font-weight: bold;
	color: #993300;
	text-align:center;
}
#SubNavMain #SubNavText{
/*
	padding: 20px;
	width: 250px;
	*/
	width: 226px;
	padding-left:17px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #653C00;
	
}
#SubNavMain #SubNavText a{
	color: #653C00;
	text-decoration: none;
}
#SubNavMain #SubNavText a:hover{
	color: #FA9F1B;
}
#SubNavMain #SubNavText a:active{
	color: #FA9F1B;
}
#SubNavMain #SubNavText a.Current{
	color: #FA9F1B;
}



#SubNavBox2{
	background-image: url(../images/layout/yellowbox.gif);
	width: 255px;
	height: 130px;
	position: absolute;
	left: 2px;
	top: 335px;
	z-index: 1000;
}
#SubNavBox2 div{
	padding: 20px;
	width: 250px;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	color: #653C00;
}
#SubNavBox2 div a{
	color: #653C00;
	text-decoration: none;
}
#SubNavBox2 div a:hover{
	color: #FA9F1B;
}
#SubNavBox2 div a:active{
	color: #FA9F1B;
}
#SubNavBox2 div a.Current{
	color: #FA9F1B;
}
#ProductContainer{
	background-image: url(../images/layout/AssessContainer.gif);
	width: 270px;
	height: 385px;
	position: absolute;
	left: 2px;
	top: 223px;
}
/************************************************************************************
							KID IMAGE POSITION STYLES
************************************************************************************/
#HomePageImage{
	background-image: url(../images/layout/SDA-Kid1.jpg);
	width: 143px;
	height: 386px;
	position: absolute;
	left: 792px;
	top: 200px;
	z-index: 10;
}
#LearnPageImage{
	background-image: url(../images/layout/LearnKid.jpg);
	width: 187px;
	height: 486px;
	position: absolute;
	left: 714px;
	top: 105px;
	z-index: 10;
}
#PromotePageImage{
	background-image: url(../images/layout/PromoteKid.jpg);
	width: 279px;
	height: 375px;
	position: absolute;
	left: 668px;
	top: 216px;
	z-index: 10;
}

/************************************************************************************
							OUTER ROUNDED CORNER STYLES
************************************************************************************/
#OuterContainer{	
	width: 732px;
	background-color: #FA9F1B;
	height: 539px;
}
#OuterContainerLeft{
	width: 15px;
	height: 522px;
	background-image: url(../images/layout/SDA-Left.gif);
	float: left;
}
#OuterContainerRight{
	width: 15px;
	height: 522px;
	background-image: url(../images/layout/SDA-Right.gif);
	float: left;
}
#OuterContainerFooter{
	width: 732px;
	height: 17px;
	clear: both;
}
#OuterContainerLeftCorner{
	width: 15px;
	height: 17px;
	background-image: url(../images/layout/SDA-BTMLTCNR.gif);
	float: left;
}
#OuterContainerRightCorner{
	width: 15px;
	height: 17px;
	background-image: url(../images/layout/SDA-BTMRTCNR.gif);
	float: left;
}
#OuterContainerBar{
	width: 702px;
	height: 17px;
	background-image: url(../images/layout/SDA-BTMRepeat.gif);
	float: left;
}
#OuterContainerPadding{
	padding: 22px 30px 5px 31px;
	float: left;
}
/************************************************************************************
							MAIN NAVIGATION SPECIFIC STYLES
************************************************************************************/
#NavBar{
	width: 732px;
	height: 39px;
}
.NavTab{
	float: left;
}
#NavSpacer{
	width: 206px;
	float: left;
	height: 39px;
}
/************************************************************************************
								GLOBAL STYLES
************************************************************************************/
#Container{
	width: 955px;
	background-color: #FEEBA7;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#HeaderBar{
	width: 955px;
	height: 30px;
	
}
/************************************************************************************
							FOOTER STYLES
************************************************************************************/
#Footer{
	color: #884700;
	font-size: 10px;
	font-weight: bold;
	width: 955px;
	text-align: right;
	clear: both;
	padding-right: 20px;
	line-height: 15px;
}
#Footer sup{	
	font-size: 8px;
}
#Footer a{
	color: #884700;
	padding: 0 5px 0 5px;
}
#Footer a:hover{
	color: #884700;
}