/* 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;
	font-weight: bold;
	}

/* This creates the second navigation. */

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

/* Fix IE. Hide from IE Mac \*/
* html div#rolenav	{ height: 30px;}
* 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,
ul.topnav li a:active,
ul.topnav li a:focus	{
	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: 0px;
	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;
	margin-top: -20px;
	border-bottom: solid 2px #ffffff;
	}

p.testimony	{
	color: #FFFFFF;
	font-size: 85%;
	font-weight: bold;
	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;
	font-weight: bold;
	}
	
a.links:visited,
ul.nostyle li a.links:visited,
ul.nostyle2 li a.links:visited
	{
	color: #224466;
	text-decoration: none;
	font-weight: bold;
	}
	
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("../images/heading2.jpg");
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
h4	{
	font-size: 80%;
	padding: 3px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
h6	{
	font-size: 150%;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	}
	
p	{
	color: #000000;
	font-size: 70%;
	margin-top: 3px;
	margin-bottom: 12px;
	padding-right: 8px;
	}
	
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;
	padding-right: 15px;
	line-height: 120%;
	}
	
ul.main ul	{
	color: #000000;
	font-size: 100%;
	padding-right: 15px;
	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 { 
	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 th	{
	margin: 0;
	padding: 10px 0 0 0;
	line-height: 120%;
	font-size: 85%;
	font-weight: bold;
	}
	
table.layout td	{
	width: 100%;
	valign: top;
	margin: 0;
	padding: 0;
	}
	
table.layout td ul	{
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
table.layout td li	{
	line-height: 120%;
	}
	
.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;
	font-weight: bold;
	}
	
div#mainnav	{
	position: relative;
	top: -3px;
	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;
	}
	
.go2
	{
	font-size: 90%;
	font-weight: bold;
	display: block;
	color: #ffffff;
	background-color: #224466;
	height: 20px;
	width: 130px;
	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 li 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 ul 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 ul 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;}
	
ol.conference,
ol.survey,
ol.roman	{
	font-size: 80%;
	padding-right: 8px;
	}
	
ol.roman li	{
	list-style-type: upper-roman;}
	
ol.roman li li	{
	list-style-type: lower-alpha;}
	
ol.survey li	{
	margin-bottom: 16px;
	}
	
ol.survey li li	{
	margin-bottom: 0px;
	}
	
ol.conference ol	{
	list-style: lower-alpha;
	}
	
ol.survey ul	{
	font-size: 100%;
	list-style: none;
	}
	
table.layout2	{
	width: 100%;
	border: solid 1px #858880;
	margin-bottom: 10px;
	}
	
table.layout2 td	{
	font-size: 70%;
	border: ridge 1px #858880;
	}
	
table.layout2 td.strong	{
	font-weight: bold;
	text-align: left;
	}
	
table.layout2a	{
	width: 100%;
	border: none;
	}
	
table.layout2a td	{
	font-size: 75%;
	border: none;
	}

	
table.layout2a th	{
	font-size: 80%;
	font-weight: bold;
	border: none;
	text-align: center;
	}

	
table.layout2b	{
	width: 100%;
	border: solid 1px #858880;
	margin-bottom: 10px;
	}
	
table.layout2b td	{
	font-size: 70%;
	border: ridge 1px #858880;
	text-align: center;
	}
	
table.layout2 th	{
	font-size: 90%;
	font-weight: bold;
	border: solid 1px #858880;
	text-align: center;
	}
	
table.layout2b th	{
	font-size: 90%;
	font-weight: bold;
	border: solid 1px #858880;
	text-align: center;
	}
	
table.layout3	{
	width: 100%;
	border: none;
	}
	
table.layout3 td	{
	font-size: 80%;
	border: none;
	vertical-align: top;
	padding-right: 20px;
	}
	
table.layout3a	{
	width: 100%;
	border: none;
	}
	
table.layout3a td.left	{
	width: 60%;
	}
	
table.layout3a td	{
	font-size: 80%;
	border: none;
	vertical-align: top;
	padding-right: 15px;
	}
	
table.layout3 td.strong	{
	font-weight: bold;
	text-align: left;
	}
	
table.layout3 th	{
	font-size: 90%;
	font-weight: bold;
	border: none;
	}
	
table.layout4	{
	font-size: 80%;
	border: none;
	}
	
table.layout5 th	{
	background: url("/bus/images/heading2.jpg") repeat-y;
	font-size: 90%;
	padding: 3px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
table.layout6 th, table.layout6 td	{
	border: solid 1px black;
	}
	
table.layout6 th	{
	font-size: 80%;
	text-align: center;
	}
	
table.layout6 td	{
	font-size: 80%;
	padding-right: 4px;
	}
	
	
table.layout6 li 	{
	font-size: 120%;
	line-height: 140%;
	}
	
table.layout6 p {
	font-size: 100%;
	line-height: 120%;
	}

	
h3	{
	font-size: 90%;
	}