/***********************************************/
/* HTML tag styles                             */
/***********************************************/
html,body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	line-height: 1.166;	
	background: #0A7BBF url(images/bg_grad_uvtma.jpg) fixed;
	text-align:center;
}



/************** header tag styles **************/
h1{
 font: bold 250% Verdana, Arial, Helvetica, sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
 text-align:left;

}

h2{
 font: bold 114% Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 margin-bottom: 0px;
 margin-top:0px;
 margin-left:20px;
 padding: 0px;
}

h3{
 font-weight: bold; 
 font-size:.9em;
 color: #1B3E5A/*#334d55*/;
 margin: 0px;
 padding: 2px 0px;
}

h4{
 font: 100% Verdana, Arial, Helvetica, sans-serif;
 color: #ffffff;
 margin: 0px;
 padding: 5px 0px 0px 5px;
 text-align:center;
}

h5{
 font: 100% Verdana, Arial, Helvetica, sans-serif;
 color: #BDDCF2;
 margin: 0px;
 padding: 0px;
 font-size:x-small;
 text-align:left;
 margin-left:125px;
 margin-top:-4px;
}

h6{
 font: 100% Verdana, Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 5px 0px 0px 0px;
 text-decoration:underline;
 color:#000000;
 font-weight:bold;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


/* old #wrapper {
width:800px;
position:relative;
margin:10px 50px;
}*/
#wrapper {
width:760px;
margin-top:10px;
margin-right:auto;
margin-left:auto;
border: 1px solid #fff;/*#E4EEF6*/
text-align:left;
background:#fff;

}



#header {
    margin:0;
	padding 0 0 0 0;
	text-align:center;
	background:#488fc7;	
}

#navcontainer
{
margin: 0;
padding: 5px 0px 0px 0px;
background:#488fc7;
overflow:hidden;	
/*text-transform: lowercase;*/
}



ul#navlist
{
list-style: none;
padding: 0;
margin: 0 ;
float:left;
width: 100%;
font-size: 0.8em;
}

ul#navlist li
{
/*display: block;*/
float: left;
width: 15%;
margin: 0;
padding: 0;
}


ul#navlist li a
{
display: block;
margin:0;
padding: 0.2em 0.5em 0.5em 0.2em;
border-width: 1px;
border-color: #BDDCF2 #aaab9c #ccc #BDDCF2;
border-style: solid;
text-decoration: none;
/*background:transparent ;*/
background:#488FC7;
color:#1B3E5A;
font-weight:bold;

}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{

color:#fff;
background:#1B3E5A;
font-weight:bold;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color:#fff;
background:#1B3E5A;
border-color: #aaab9c #BDDCF2 #BDDCF2 #ccc;
font-weight:bold;
}

dl
{
margin:0;
padding:0px 0px 8px 0px;
}

dt {
margin:0;
padding:5px 0px;
font-size:.9em;
font-weight:bold;
}

dd {
font-size:.8em;
padding-bottom:5px;
}


.firstdt {
padding-top:0;
}

#content{
	/*background:#828ebb;*/
	clear:left;
    margin:0;
	font:Verdana, Arial, Helvetica, sans-serif;
    text-align:left;
}

#content_main{
	margin:0;
	padding:0px 10px;
}

#content p{
font-size:.9em;
}
/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	color: #ffffff;
	text-transform:uppercase;
	letter-spacing:.2em;

}

h5 a {
color:#BDDCF2;
text-decoration:none;
}

h5 a:hover {color:#fff;}

.main_top {background:#8a97bc;}

/************** feature styles *****************/

.feature{
	float:left;
	padding: 0px 0px 0px 0px;
	margin:0px 0 0 0px;
	font-size: 80%;
	width:510px;
	text-align:left;
}
html>body .feature {height: auto;}

.feature img{
	padding: 0px 0px;
margin:0;
}



/*************** story styles ******************/
.story_clear {
	margin:0;
	padding:0;
	clear:left;
	height:0px;
	
}

.story {
	border-top:1px solid #ccc;
	padding: 2px 5px 0px 5px;
	font-size: .8em;
	width:175px;
	border-left: 1px solid #ccc;
	float:left;
}
.story a{
	font: bold 1em Verdana,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
        text-decoration:none;
}

.story a:hover{
	text-decoration: underline;
}


.events {
	float:left;
    margin:20px 0 0 0;
	padding: 0px 2px 0px 0px;
	font-size: 80%;
	width:240px;
	max-height:230px;
	text-align:left;
}

.events ul {
padding-left:0px;
margin-left:25px;
}

.events h3 {
	font-size:1.5em;
	color:#828ebb;
	padding:0 0 2px 0;
}

.events a, .events li a{
	font: bold small Verdana,sans-serif;
	color: #005FA9;
	padding-bottom: 2px;
        text-decoration:none;
}

.events li a:hover{
	text-decoration: underline;
}


.map {
	padding: 2px 0px 0px 20px;
	font-size: 80%;
	float:left;
}

.map a{
	font: bold 1em Verdana,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 2px;
    text-decoration:none;
}

.map a:hover{
	text-decoration: underline;
}

/************** siteInfo styles ****************/

/*#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	padding: 0px 10px 10px 10px;
	margin: 10px 0 0 0 ;	
	color: #fff;
	font-size: small;
	font-weight:bold;
}*/

#siteInfo{
	clear: both;
	border-top: 5px solid #fff;
	padding: 0px 10px 10px 10px;
	margin: 5px 0 0 0 ;	
	color: #fff;
	font-size: small;
	font-weight:bold;
	text-align:center;
background:#488fc7;
}

#siteInfo a {
color:#fff;
text-decoration:none;
}

#siteInfo a:hover {
text-decoration:underline;
}

.centerline {
	text-align:center;
	font-style:italic;
	font-weight:bold;
}

#topbar{
	height:23px;
	background:#295c71;
	width:100%;
	text-align: left;
	color:#fff;
	
}
#topbar a{
	color:#fff;
	text-decoration:none;
	display:inline-block;
	height:17px;
	padding:4px 8px;
	margin: 0 2px;
	
}
#topbar a:hover{
	color:#fff;
	background:#0e85b7;
	
}

#vcheader
{
	margin-left:250px;
	font: 12px verdana,arial,helvetica,sans-serif;
}

#vcheader strong {margin:right:30px;}


#topbar input{
	background:#5a8c9e;
	color:#000;
	height:17px;
	border:none;
}

#bottom{
	clear:both;
	background:#295c71;
	height:30px;
	color:#fff;
	padding:0 8px;
	text-align:center;
	font: 12px verdana,arial,helvetica,sans-serif;
}

#bottom a {
	color:#FFF;
	text-decoration:none;
}

#bottom a:hover {
	color:#000;
	text-decoration:underline;
}

