@charset "utf-8";
/* everything on the page will inherit the body style */
body{
	background-image: url(images/bg/Untitled-1.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	margin: 0px;
	padding: 0px;
	}
	
/* wrapper to center the content, 
	
	Positon: the relative value for the wrapper is to control the elemets insdie of the wrapper so when you asign a position value to an element inside the wrapper it will move with the wrapper and not beyond or outside the wrapper. 
	
	Margins 0 is shorthand for the top and and left, auto is left and right and by auto, it will distribute the leftover screen space in half to the left and right of the 1000px wrapper or content. 
	
	Another text align in the wrapper with the value left, will aling the content inside the wrapper to the left again and overwrites the center text-align of the body...this is to fix the internet explorer issue with the centering and aligning texts and contents....*/
	
#wrapper{
	position: relative;
	width:1040px;
	margin: 0 auto;
	text-align: left;
	vertical-align: top;
	}
	
#clear {
	clear:both;
	}
	
	/*---------- position container elements ------ */
/* relative positioninig for the header without a top or left positioning it's not moving the element but it will make the nested elements inside it use it "the header" as a reference point to position themselves and not any other parent element like the wrapper or body*/	
#header {
	position: relative;
	baground: #d52e36;
	height:178px;
	width: 1040px;
	background-image: url(images/banner2.png);
	background-repeat: no-repeat;
	padding: 0px;
	}
#fyiDiv {
	height: 178px;
	width: 100px;
}

	
#content {
	width: 500px;
	vertical-align: top;
	position: relative;
	}
#contentHeading {
	position: relative;
	height: 25px;
	text-align: center;
}
#contentHeading2 {
	position: relative;
	height: 25px;
	text-align: center;
	color: #396162;
	background-color: #DEE2AD;
}
#SocialDiv {
	float: right;
	height: 20px;
	width: 20px;
	text-align: right;
	vertical-align: middle;
	margin-left: 5px;
}
body {
	color: #009933;
}




a:link   {
	font-weight: bolder;
	color: #BD6272;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#navigation{
	vertical-align: top;
	width: 190px;

	}

.navigationSpacing {
	padding-top: 6px;
	padding-bottom: 6px;
}
#bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	line-height: 1.5em;
	overflow: auto;
	margin-left: 10px;
	height: 580px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	vertical-align: top;
	top: 0px;
	color: #396162;
}

#sidebar {
	position: relative;
}
#downloadDiv{
top
	margin-top: 25px;
	margin-top: 25px;
	background-image: url(images/downloads.png);
	height: 62px;
	width: 175px;
	padding-top: 17px;
	padding-left: 15px;
	background-repeat: no-repeat;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	}
#yellowNote {
	float: left;
	width: 315px;
	background-image: url(images/ywllow_tab.png);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-left: 35px;
	height: 469px;
}
#yellowNote2 {
	float: left;
	width: 315px;
	background-image: url(images/ywllow_tab.png);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-left: 35px;
	background-color: #E3E6BB;
	height: 469px;
}
.yellowText {
	height: 500px;
	font-size: 14px;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #616851;
	width: 290px;
	padding-top: 10px;
	vertical-align: top;
	margin: auto;
}


	
#sidebar{
	width: 310px;
	vertical-align: top;
	}
.copyright {
	color: #FFFF99;
	font-size: 14px;
}
.downloadsContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4A7676;
}
.style1 {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}
#subNavitagionBar {
	height: 25px;
}
#promoDiv {
	background-image: url(images/promo.png);
	height: 116px;
	width: 315px;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 35px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #9A2C60;
	font-size: 16px;
	text-align: justify;
	font-weight: normal;
	line-height: 1.2em;
}



.promoSub {
	font-size: 14px;
	font-weight: normal;
	color: #73626F;
	font-family: Georgia, "Times New Roman", Times, serif;
}



#footer{


	background:#000:
;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #2C5656;
	
	
	}
#contentHeading3 {
	position: relative;
	height: 25px;
	text-align: center;
	color: #396162;
	background-color: #D6E2DB;
}