/* This section centers the page and creates the backdrop. */

body	{
	text-align: center;
	margin: 0 auto auto auto;
	background-color: #757870;
	height: 100%;
	padding: 0;
	font: 100%/1.3 Verdana, Helvetica, Arial, sans-serif;
	font-size: /*62.5%*/100%;
	/*font: 100% arial, sans-serif;*/
	}
div#blue	{
	position: relative;
	margin: 0;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #51688C;
	z-index: 2;
}
div#gray	{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 400px;
	background-image: url("../test/graygrade.jpg");
	background-repeat: repeat-x;
	background-color: #858880;
	z-index: 1;
	padding-bottom: 25px;
	border-top: solid 1px #ffffff;
}
/* This left-justifies the content. */
.clearfix:after	{
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	}
.clearfix	{
	display: block; /* Fixes IE/Mac */
	}	

/*Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
div#wrapper0	{
	margin: 0 auto;
	width: 750px;
	text-align: left;
	}	
div#wrapper1	{
	width: 750px;
	margin: 0 auto;
	text-align: left;
	background-color: #35414a;
	z-index: 5;
	}	
div#wrapper2	{
	margin: 0 auto;
	width: 750px;
	border-top: solid 1px #ffffff;
	background: url("../images/homeback2.gif") repeat-y;
	text-align: left;
	z-index: 1;
	padding-bottom: 8px;
	min-height: 426px;
	}
	
* html #wrapper2	{
	height: 416px;
	}
		
/* This creates the banner and first navigation. */
div#top	{
	position: relative;
	top: 3px;
	left: 0px;
	}
	
div#banner	{
	position: relative;
	height: 90px;	
	width: 750px;
	margin-top: 0px;
	padding-top: 0px;
	z-index: 30;
	}
	
body:last-child div#banner {
     height: 110px;
}



div#slide	{
	position: relative;
	width: 492px;
	height: 111px;
	text-align: right;
	top: -102px;
	margin: 0 0 -20px 258px;
	z-index: 3;

	}	
	
* html div#slide	{
	top: -223px; margin-bottom: -238px;
	}
/* This creates the second navigation. */
div#rolenav	{
	position: relative;
	top: 6px;
	left: 0px;
	margin-top: 0;
	text-align: left;
	height: 104px;
	z-index: 50;

	}
/* Fix IE. Hide from IE Mac \*/
* html div#rolenav	{ height: 36px;}
* html ul.rolenav li a { height: 1%; }
/* End */
ul.topnav	{
	font-size: 80%;
	font-weight: bold;
	list-style: none;
	}	
/* Fix IE. Hide from IE Mac \*/
* html ul.topnav li a { height: 1%; }
/* End */
ul.topnav li a:link,
ul.topnav li a:visited	{
	color: #ccbb88;
	text-decoration: none;
	margin: 0px;
	margin-left: 30px;
	}
ul.topnav li a:hover	{
	color: #FFFFFF;
	text-decoration: none;
	margin: 0;
	margin-left: 30px;
	}
/*This sets up the three-column layout.*/
div#wrapright	{
	float: right;
	width: 490px;
	background-color: #ffffff;
	}
div#center	{
	float: left;
	width: 245px;
	background-color: #ffffff;
	}	
/* for Internet Explorer */
/*\*/
* html div#maintext {height: 550px; }
/**/	
	
a.links:link,
ul.nostyle li a.links:link,
ul.nostyle2 li a.links:link
	{
	font-family: Arial, Verdana, Helvetica, sans serif;
	color: #800000;
	font-size: 100%;
	text-decoration: none;
	}	
a.links:visited,
ul.nostyle li a.links:visited,
ul.nostyle2 li a.links:visited
	{
	color: #224466;
	text-decoration: none;
	}	
a.links:hover,
ul.nostyle li a.links:hover
	{
	text-decoration: underline;
	}	
div.section	{
	position: relative;
	width: 231px;
	border: 2px solid #858880;
	margin-left: 5px;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-top: 0;
	padding: 0;
	}	
* html div.section	{
	width: 229px;
	w\idth: 231px;
	}	
h2.widest
	{
	font-size: 90%;
	padding: 3px;
	font-weight: bold;
	background-image: url("../images/heading2500.jpg");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	}	
h2.narrow
	{
	font-size: 90%;
	padding: 3px;
	font-weight: bold;
	background-image: url("../images/heading2236.jpg");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	}	
p	{
	font-family: Arial, Verdana, Helvetica, sans serif;
	color: #000000;
	font-size: 70%;
	}

p.right	{
	margin-top: 0;
	text-align: right;
	}	

ul.sub	{
	font-family: Arial, Verdana, Helvetica, sans serif;
	color: #000000;
	font-size: 75%;
	list-style: none;
	padding: 3px;
	margin: 3px;
	text-indent: 0px;
	line-height: 120%;
	}
ul.sub li {	padding-bottom: 10px;
	margin-bottom: 0; }
div#right	{
	margin: 0 0 0 245px;
	padding-bottom: 5px;
	background-color: #ffffff;
	}	
p.copy	{
	font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 68%;
	color: #b4b4b4;
	text-align: center;
	line-height: 13px;
	margin: 0;
	}
	
div#mainnav	{
	position: relative;
	background-color: #800000;
	border-bottom: 2px solid #FFFFFF;
	border-left: none;
	border-right: none;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 25px;
	text-align: center;
	}

	
/* Hides from IE-mac \*/
* html #mainnav {height: 1%; }
/* End hide from IE-mac */
#leftnav li h3	{
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 120%;
	background: url(../test/butback.jpg) repeat-x;
	}

#leftnav	{
	width: 100%;
	float: left;
	z-index: 9000;
	height: 20px;
	background: url(../test/butback.jpg) repeat-x;
	border-bottom: solid 2px #ffffff;
	background-color: #800000;
	}
#leftnav a	{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#800000;
margin:0;
padding:1px 0 1px 3px;
z-index: 9000;
}

#leftnav a	{
background:#bbaa77;
color: #800000;
text-decoration:none;
}
#leftnav a, #leftnav a:visited{
color:#800000;
}
#leftnav a:hover{
color:#bbaa77;
background:#800000;
}
#leftnav a:active{
color:#800000;
background:#bbaa77;
}

#leftnav li h3 a:link,
#leftnav li h3 a:visited,
#leftnav li h3 a:hover	{
	font-size: 60%;
	padding: 0;
	font-weight: bold;
	color: #bbaa77;
	background: url(../test/butback.jpg) repeat-x;
	background-color: transparent;
	text-align: center;
	display: block;
	border: none;
	}
#leftnav ul{
list-style:none;
margin:0;
padding:0;
float:left;
background-color: #800000;
}
#leftnav li{
position:relative;
float: left;
width: 93px;
}
#leftnav ul ul{
position:absolute;
z-index:10000;
top:auto;
display:none;
background-color: #bbaa77;
}
#leftnav ul ul ul{
top:0;
left:100%;
background-color: #bbaa77;
}

#leftnav ul ul ul ul{
top:0;
left:100%;
background-color: #bbaa77;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */


#leftnav li:hover{
cursor:pointer;
z-index:100;
}

#leftnav li:hover ul ul,
#leftnav li li:hover ul ul,
#leftnav li li li:hover ul ul,
#leftnav li li li li:hover ul ul
{display:none;}

#leftnav li:hover ul,
#leftnav li li:hover ul,
#leftnav li li li:hover ul,
#leftnav li li li li:hover ul,
#leftnav li:active ul,
#leftnav li li:active ul,
#leftnav li li li:active ul,
#leftnav li li li li:active ul,
#leftnav li:focus ul,
#leftnav li li:focus ul,
#leftnav li li li:focus ul,
#leftnav li li li li:focus ul,
div#leftnav li.sfhover ul,
div#leftnav li li.sfhover ul,
div#leftnav li li li.sfhover ul,
div#leftnav li li li li.sfhover ul
{display:block;}

#leftnav li:hover ul li,
#leftnav li li:hover ul li,
#leftnav li li li:hover ul li,
#leftnav li:active ul li,
#leftnav li li:active ul li,
#leftnav li li li:active ul li,
#leftnav li:focus ul li,
#leftnav li li:focus ul li,
#leftnav li li li:focus ul li,
div#leftnav li.sfhover ul li,
div#leftnav li li.sfhover ul li,
div#leftnav li li li.sfhover ul li
{width: 120px;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#leftnav a.x, #leftnav a.x:visited{
font-weight:bold;
color:#800000;
}

#leftnav a.x:hover{
color:#bbaa77;
background:#800000;
}

#leftnav a.x:active{
color:#bbaa77;
background:#800000;
}

div#left	{
	position: relative;
	top: 0px;
	width: 250px;
	z-index: 0;
	}
	
ul.logos2	{
	list-style: none;
	margin: 4px 0 -3px 0;
	padding: 0;
	z-index: 2;
	text-indent: 10px;
	}
	
ul.logos2 li	{
	margin: 1px 0 0 0;
	text-align: left;
	}
	
ul.logos2 li img,
ul.smalllogos li img	{
	border: solid 1px #000000;
	}
	
ul.smalllogos	{
	float: left;
	list-style: none;
	margin: 4px 0 0 10px;
	padding: 0;
	}
	
* html ul.smalllogos	{
	margin-left: 5px;
	}
	
ul.smalllogos li	{
	float: left;
	padding: 0px;
	margin: 0 1px 0 0;
	}
	
div.outline1	{
	position: relative;
	left: 0;
	top: 0;
	}
	
div.outline2	{
	position: absolute;
	left: 0;
	top: 52px;
	margin-bottom: 0px;
	}	

br.break	{
	line-height: 60px;
	color: transparent;
	}
	
div#across	{
	width: 483px;
	background-color: #ffffff;
	margin-bottom: 3px;
	margin-top: -2px;
	padding-bottom: 2px;
	}
	
div#logodiv	{
	position: relative;
	top: 2px;
	left: 5px;
	width: 479px;
	padding: 0;
	margin: 0;
	border: solid 1px #858880;
	text-align: center;
	}

ul.logos	{
	list-style: none;
	width: 478px;
	text-indent: 10px;
	margin: 0px;
	padding: 0px;
	height: 160px;
	}

ul.logos li	{
	list-style: none;
	float: left;
	padding: 4px 0;
	width: 155px;
	}		
a img	{
	border: none;
	}

ul.logos li a	{
	text-decoration: none;
}

div#footer	{
	position: relative;
	top: 0px;
	height: 30px;
	width: 750px;
	border-top: solid 2px #ffffff;
	background: url(../test/butback.jpg) repeat-x;
	background-color: #800000;
	}
p.copy	{
	margin-top: 6px;
	}
	
p.copy a.foot:link,
p.copy a.foot:visited	{
	font-family: Arial, Verdana, Helvetica, sans serif;
	color: #b4b4b4;
	text-decoration: none;
	font-weight: bold;
	}
	
p.copy a.foot:hover
	{text-decoration: underline;}
	
img.filterd	{
	border: 0;
	filter:progid:DXImageTransform.Microsoft.Fade();
	}