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

body	{
	text-align: center;
	behavior: url("http://www.uhv.edu/bus/includes/csshover.htc");
	margin: 0 auto auto auto;
	background-color: #858880;
	height: 100%;
	padding: 0;
	font: 100%/1.3 Arial, Verdana, Helvetica, 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: 1;
}

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: inline-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;
	background: url("../images/wholebacka.jpg") repeat-y;
	width: 795px;
	text-align: left;
	}
	
div#wrapper1	{
	width: 795px;
	margin: 0 auto;
	}
	
div#wrapper2	{
	margin: 0 auto;
	width: 795px;
	border-top: solid 1px #ffffff;
	background: url("../images/wholebacka.jpg") repeat-y;
	text-align: left;
	}
	
/* This creates the banner and first navigation. */

div#banner	{
	height: 78px;
	width: 795px;
	background-color: #35414a;
	}


ul.page, ul.page li	{
	list-style: none;
	float: right;
	padding: 0 4px;
	margin: 0px;
	font-size: 75%;
	}
	
ul.page li a:link,
ul.page li a:visited
	{
	color: #99aabb;
	text-decoration: none;
	}
	
ul.page li a:hover
	{
	text-decoration: underline;
	}
	
ul.page li a.skip:link,
ul.page li a.skip:visited,
ul.page li a.skip:hover
	{
	color: #51688c;
	text-decoration: none
	}

/* This creates the second navigation. */

div#rolenav	{
	position: relative;
	height: 34px;
	top: -2px;
	background: url(../test/butback.jpg) repeat-x;
	border-top: solid 2px #ffffff;
	}

/* Fix IE. Hide from IE Mac \*/
* html div#rolenav	{ height: 36px;}
* html ul.rolenav li a { height: 1%; }
/* End */

	
ul.topnav	{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
ul.topnav li	{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.topnav	{
	font-family: Arial, sans serif;
	font-size: 70%;
	font-weight: bold;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html ul.topnav li a { height: 1%; }
/* End */


ul.topnav li a:link,
ul.topnav li a:visited	{
	border-top: 0px;
	border-bottom: 0px;
	border-right: 1px solid #ccbb88;
	border-left: 0px;
	background-color: #800000;
	background-image: url("../test/butback.jpg");
	background-repeat: repeat-x;
	color: #ccbb88;
	border-style: solid;
	display: block;
	float: left;
	width: 110px;
	text-align: center;
	height: 30px;
	text-decoration: none;
	margin: 0px;
	}

ul.topnav li a:hover	{
	border-top: 0px;
	border-bottom: 0px;
	border-right: 1px solid #ccbb88;
	border-left: 0px;
	background-color: #ccbb88;
	color: #FFFFFF;
	border-style: solid;
	display: block;
	float: left;
	width: 110px;
	text-align: center;
	height: 30px;
	text-decoration: none;
	margin: 0;
	}
	
ul.topnav li.left a:link,
ul.topnav li.left a:visited	{
	border-left: 0px white solid;
	padding-left: 8px;
	}
	
ul.topnav li.rt a:link,
ul.topnav li.rt a:visited	{
	padding-right: 8px;
	border-right: 0px white solid;
	}

/*This sets up the three-column layout.*/

div#wrapright	{
	position: relative;
	top: -8px;
	left: -4px;
	float: right;
	width: 610px;
	border: 0;
	}
	
* html #wrapright	{
	overflow: hidden;
	left: -2px;
	width: 635px;
	}

div#testimonial	{
	position: relative;
	left: -6px;
	width: 620px;
	padding: 0;
	background-image: url("../images/testimonyback.jpg");
	background-repeat: repeat-y;
	background-color: #224466;
	border-top: solid 2px #ffffff;
}

* html #testimonial	{
	width: 636px;
	border-bottom: solid 2px #ffffff;
	}

p.testimony	{
	color: #FFFFFF;
	font-size: 85%;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 3px;
	}

div#center	{
	float: left;
	width: 432px;
	min-height: 550px;
	background-color: #ffffff;
	z-index: 5;
	}

* html div#center	{
	height: 550px;
	}
	
h1	{
	color: #000000;
	font-size: 130%;
	padding: 7px;
	text-indent: 3px;
	background-image: url("../images/headingmain.gif");
	background-repeat: repeat-x repeat-y;
	border: solid 2px #000000;
	margin: 0 0 3px 1px;
	}
	
a.links:link,
ul.nostyle li a.links:link,
ul.nostyle2 li a.links:link
	{
	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;
	left: 5px;
	width: 420px;
	border: 2px solid #858880;
	margin-bottom: 2px;
	}

	
table#comparison	{
	font-size: 68%;
	border-bottom: 4px ridge #999999;
	border-right: 4px ridge #999999;
	}
	
table#comparison td,
table#comparison th	{
	width: 20%;
	text-align: center;
	border-top: 2px ridge #999999;
	border-left: 2px ridge #999999;
	}
	
#comparison td.left	{
	text-align: left;
	}

h2	{
	font-size: 90%;
	padding: 3px;
	font-weight: bold;
	background-image: url("../test/heading2.gif");
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
h5	{
	font-size: 80%;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 120%;
	}
	
p	{
	color: #000000;
	font-size: 70%;
	}
	
p.disclaim	{
	font-size: 62.5%;
	margin: 0;
	padding: 1px;
	color: #666666;
	}
	
ul	{
	color: #000000;
	font-size: 80%;
	margin-top: 4px;
	line-height: 120%;
	}

ul.main	{
	color: #000000;
	font-size: 80%;
	margin-top: 4px;
	line-height: 120%;
	}

	
ul.sub	{
	color: #000000;
	font-size: 75%;
	list-style: none;
	padding: 3px;
	margin: 3px;
	text-indent: 0px;
	line-height: 120%;
	}
ul.sub li { height: .1%;
	padding-bottom: 10px;
	margin-bottom: 0; }
	


ul.footnote	{
	list-style-type: decimal;
	}

ul.footnote li	{
	height: .1%;
	font-size: 68%;
	}


div#right	{
	margin: 0 0 0 438px;
	}
	
div#contact	{
	top: 5px;
	width: 140px;
	background-color: #b4b4b4;
	padding: 3px;
	margin: 5px 10px;
	word-wrap: break-word;
	overflow: hidden;
	}
	
div#contact p	{
	vertical-align: middle;
	margin-bottom: 0;
	}
	
a.black:link,
a.black:visited
	{
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	padding: 8px;
	}
	
a.black:hover {
	text-decoration: underline;
	}
	
ul.nostyle	{
	font-size: 80%;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 120%;
	}	
	
ul.nostyle2	{
	font-size: 80%;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 120%;
	text-align: center;
	}	

p.copy	{
	font-size: 68%;
	color: #b4b4b4;
	text-align: center;
	line-height: 13px;
	margin: 0;
	}
	
table.layout	{
	width: 100%;
	}
	
table.layout td	{
	width: 100%;
	valign: top;
	}
	
.section p	{
	font-size: 80%;
	}
	
.section p.right a	{
	font-size: 100%;
	}
	
.section p.right	{
	text-align: right;
	}
	
.section p	{
	padding: 0 5px;
	}
	
a.links2	{
	color: #800000;
	text-decoration: none;
	font-size: 75%;
	padding-left: 5px;
	}
	
div#mainnav	{
	position: relative;
	top: -8px;
	background-color: #ccbb88;
	border: 2px solid #FFFFFF;
	border-bottom: 0px;
	margin: 0;
	padding: 0;
	width: 175px;
	word-wrap: break-word;
	}
	
* html #mainnav	{
width: 175px;
w\idth: 175px;
}

	
/* Hides from IE-mac \*/
* html #mainnav {height: 1%; }
/* End hide from IE-mac */


form	{
	margin: 0;
	padding: 0 0 5px 0;
	}

p.search	{
	color: #224466;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	}
	
.go
	{
	font-size: 80%;
	font-weight: bold;
	display: block;
	color: #ffffff;
	background-color: #224466;
	width: 50px;
	height: 25px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	}
	
ul.info	{
	list-style: none;
	font-size: 80%;
	color: #FFFFFF;
	display: block;
	padding: 0px;
	margin: 0;
	}
	
ul.info li	{
		border-top: 1px solid #FFFFFF;
		border-left: 0px;
		border-right: 0px;
		background-color: #35414a;
		padding: 4px;
		display: block;
		width: 167px;
		}
		
/* Fix IE. Hide from IE Mac \*/
* html ul.info li { float: left; }
* html ul.info li { height: 1%; }

/* End */

ul#leftnav	{
	list-style: none;
	font-size: 80%;
	color: #224466;
	background-color: #bbaa77;
	display: block;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #ffffff;
	z-index: 200;
	}
	
ul#leftnav a{
background:#bbaa77;
text-decoration:none;
}

ul#leftnav a, ul#leftnav a:visited{
color:#224466;
}

ul#leftnav a:hover,
ul#leftnav a:focus {
color:#bbaa77;
background:#224466;
}

ul#leftnav a:active{
color:#bbaa77;
background:#224466;
}

ul#leftnav ul{
list-style:none;
margin:0;
padding:0;
float:left;
font-size: 100%;
}

ul#leftnav li{
position:relative;
}

ul#leftnav li ul{
position:absolute;
left: 175px;
width: 172px;
z-index:10;
top: -1px;
display:none;
margin-bottom: -1px;
}

ul#leftnav li li ul{
position:absolute;
left: 175px;
width: 172px;
z-index:10;
top:-1px;
display:none;
margin-bottom: -1px;
}

ul#leftnav li li li ul{
position:absolute;
left: 175px;
width: 172px;
z-index:10;
top:-1px;
display:none;
margin-bottom: -1px;
}

ul#leftnav ul ul ul{
top:0;
left:100%;
}

ul#leftnav li	{
	border-top: 1px solid #ffffff;
	border-right: 0px;
	background-color: #bbaa77;
	width: 175px;
	}
		
ul#leftnav ul	{
	border: 1px solid #ffffff;
	background-color: #bbaa77;
	border-top: 0;
	}
	
ul#leftnav ul ul	{
	border-bottom: 1px solid #ffffff;
	background-color: #bbaa77;
	}
	
ul#leftnav ul ul ul	{
	border-bottom: 1px solid #ffffff;
	background-color: #bbaa77;
	}
	
ul#leftnav li a:link,
ul#leftnav li a:visited
	{
	text-indent: -2px;
	color: #224466;
	text-decoration: none;
	display: block;
	padding: 4px;
	background-color: #bbaa77;
	margin: 0;
	}
	
ul#leftnav li a:hover,
ul#leftnav li a:active,
ul#leftnav li a:focus	{
	text-indent: -2px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 4px;
	background-color: #800000;
	margin: 0;
	}


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


ul#leftnav li:hover ul,
ul#leftnav li.over ul
{display:block; font-size: 75%;}

ul#leftnav li li:hover ul,
ul#leftnav li li li:hover ul,
ul#leftnav li li li li:hover ul,
ul#leftnav li li.over ul,
ul#leftnav li li li.over ul,
ul#leftnav li li li li.over ul
{display: block; font-size: 100%;}
	
	
/* Fix IE. Hide from IE Mac \*/
* html ul.leftnav li { float: left; }
* html ul.leftnav li a { height: 1%; }
/* End */

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

ul.smallnav	{
	font-size: 68%;
	color: #224466;
	list-style: circle;
	margin: 12px;
	padding: 4px 4px 4px 9px;
	line-height: 120%;
	}

ul.smallnav li a:link, ul.smallnav li a:visited
	{color: #224466;
	text-decoration: none;
	}
	
ul.smallnav li a:hover
	{color: #224466;
	text-decoration: underline;
	}
	
a img	{
	border: none;
	}

div#footer	{
	position: relative;
	top: -20px;
	left: 0px;
	height: 80px;
	width: 785px;
	background-image: url("../images/botshad.jpg");
	background-repeat: no-repeat;
	margin-bottom: -20px;
	}
	
p.copy a.foot:link,
p.copy a.foot:visited	{
	color: #b4b4b4;
	text-decoration: none;
	font-weight: bold;
	}
	
p.copy a.foot:hover
	{text-decoration: underline;}
	
a.white:link,
ul.nostyle li a.white:link,
ul.nostyle2 li a.white:link
	{
	color: #FFFFFF;
	font-size: 90%;
	text-decoration: underline;
	}
	
a.white:visited,
ul.nostyle li a.white:visited,
ul.nostyle2 li a.white:visited
	{
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.white:hover,
ul.nostyle li a.white:hover
	{
	color: #ccbb88;
	text-decoration: underline;
	}

table.bwlayout td
	{
	border:none;
	text-align:center;
	font-size:75%;
	padding: 5px;
	width:50%;
	
}