html, body
{
   	background-color:White;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#545438;
    padding:0px;
    text-align:center;
	margin:0 auto;
}

#centered {
	
	text-align:center;
	width:100%;
	height:100%;
}

div.container
{
 background-color:white;
 width:975px;
 border:0px solid red;
 margin:0 auto;
 padding:0px;
}


* html #container {
height: 30%;
}

.header
{
	background-color:#f0f0f0;
    width:975px;
    height:122px;
    margin:0 auto;
    text-align:left;
	padding:0px;
}

.logo {
	float:left;
	border-top:1px solid white;
	border-bottom:1px solid white;
	background-image:url(../images/mainimage.jpg);
	height:200px;
	width:975px;
}

.logo2 {
	float:left;
	border-top:1px solid white;
	border-bottom:1px solid white;
	background-image:url(../images/mainimage2.jpg);
	height:200px;
	width:975px;
}

.orange-nav-bar {
	float:left;
	width:100%;
	height:25px;
	text-align:left;
	background-color:#ea6c32;
	border:0px solid yellow;
}

.navigation-trail {
	float:left;
	width:975px;
	text-align:left;
	background-color:#ea6c32;
	font-size:100%;
	color:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
}

.navigation-trail a, navigation-trail a:active, navigation-trail a:visited {
	background-image:url(../images/crumb_arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:22px;
	padding-right:0px;
}

.navigation-trail a:hover {
	color:#CCCCCC;
	text-decoration:none;
}

.extranet_button a, extranet_button a:active, extranet_button a:visited {
	background-image:url(../images/images/extranet_off.gif);
	background-position:left;
	background-repeat:no-repeat;
}

.extranet_button a:hover {
	background-image:url(../images/images/extranet_on.gif);
}

.breadcrumb-bar {
	float:left;
	width:100%;
	height:20px;
	text-align:left;
	background-color:#F5F5F5;
	border:0px solid green;
	margin-bottom:0.5em;
}

.breadcrumb-trail {
	float:left;
	width:953px;
	text-align:left;
	background-color:#F5F5F5;
	font-size:90%;
	color:#545438;
	padding-left:22px;
	padding-top:3px;
	padding-bottom:0px;
}

.breadcrumb-trail a, breadcrumb-trail a:active, breadcrumb-trail a:visited {
	color:#545438;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

.breadcrumb-trail a:hover {
	color:#CCCCCC;
	text-decoration:none;
}

/******************************************************************************
* Main Body                                                                        *
******************************************************************************/

div.mainbodyarea
{
    background-color:White;
    width:975px;
    margin:0 auto;
    text-align:left;
	border-bottom:0px solid #FF8000;
	height: 100%;
}

.clear-this {
	font-size:0px;
	color: #FFFFFF;
	clear: both;
}

/******************************************************************************
* content split                                                                     *
******************************************************************************/

div.mainbody1
{
	background-color:White;
    width:325px;
    margin:0 auto;
    text-align:left;
	border: 0px solid green;
	float:left;
	height:100%;

}

div.mainbody2
{
	background-color:White;
    width:325px;
    margin:0 auto;
    text-align:left;
	border: 0px solid #000000;
	float:left;
	height:100%;

}

div.mainbody3
{
	background-color:White;
    width:300px;
    margin:0 auto;
    text-align:left;
	border: 0px solid #000000;
	float:right;
	height:100%;
}

div.mainbody4
{
	background-color:White;
    width:325px;
    margin:0 auto;
    text-align:left;
	border: 0px solid yellow;
	float:left;
	height:100%;
	padding-top:20px;

}

div.mainbody5
{
	background-color:White;
    width:450px;
    margin:0 auto;
    text-align:left;
	border: 0px solid yellow;
	float:left;
	height:100%;
	padding-top:20px;

}

div.mainbody6
{
	background-color:White;
    width:200px;
    margin:0 auto;
    text-align:left;
	border: 0px solid yellow;
	float:left;
	height:100%;
	padding-top:20px;

}

div.mainbody7
{
	background-color:White;
    width:520px;
    margin:0 auto;
    text-align:left;
	border: 0px solid green;
	float:left;
	height:100%;
	padding-top:20px;

}

div.maintextarea
{
background-color:white;
width:300px;
text-align:left;
float:left;
border: 0px solid blue;
padding-bottom:20px;
}

div.maintextarea-wide
{
background-color:white;
width:450px;
text-align:left;
float:left;
border: 0px solid blue;
padding-bottom:20px;
}

div.maintextarea-wide2
{
background-color:white;
width:520px;
text-align:left;
float:left;
border: 0px solid blue;
padding-bottom:20px;
font-size:11px;
}

div.maintextarea-thin
{
background-color:white;
width:200px;
text-align:left;
float:left;
border: 0px solid blue;
padding-bottom:20px;
}

div.bluetext 
{
color:#ea6c32;
font-weight:bold;
}

.orange-text-bar {
	float:right;
	width:650px;
	text-align:right;
	border-top: 1px dashed #ea6c32;
	border-bottom: 1px dashed #ea6c32;
	margin-bottom:1em;
}

.orange-text-bar-text {
	float:right;
	width:650px;
	text-align:right;
	font-family:Trebuchet MS;
	font-size:200%;
	font-weight:bold;
	color:#545438;
	padding-top:5px;
	padding-bottom:5px;
}

/******************************************************************************
* Footer                                                                      *
******************************************************************************/
.footer-nav-bar {
	float:left;
	width:100%;
	text-align:left;
	background-color:#ea6c32;
	border:0px solid red;
	margin-bottom:1em;
}

.footer-trail {
	float:left;
	width:975px;
	text-align:left;
	background-color:#ea6c32;
	font-size:100%;
	color:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
}

.footer-trail a, footer-trail a:active, footer-trail a:visited {
	color:#FFFFFF;
	text-decoration:none;
	padding-right:0px;
}

.footer-trail a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}

.bodylink:link, .bodylink:active, .bodylink:visited {
	color:#935C35;
	text-decoration:underline;
}

.bodylink:hover {
	color:#7C8F99;
	text-decoration:none;
}

div.formtext 
{
color:#545438;
font-weight:normal;
font-size:12px;
}

.nav-aqua {width:100%;height:100%;float:left;background-color:#999966;text-align:left;font-size:90%;
}

.nav-aqua a, nav-aqua a:active, nav-aqua a:visited {display:block;color:#FFFFFF;text-decoration:none;padding-top:8px;padding-bottom:8px;padding-left:22px;border-bottom: 1px dashed white;
}

.nav-aqua a:hover {background-color:#919984;text-decoration:none;background-image:url(../images/nav_arrow.gif);background-position:left;background-repeat:no-repeat;
}

div.image-text 
{
color:#545438;
font-weight:normal;
font-size:12px;
}
