/*  base page including background color and images  */
body {
	position: relative; 
	background: #660000 url(images/vtcolors.jpg) repeat left; 
	margin: 0; 
	padding: 0;
	}

/*  Title text and hokiestone image  */
#title {
	margin: -9px -9px 0em;
	padding: 50px 10px 0px 0;
	text-align: right;
	color: #660000;
	letter-spacing: 0.05em;
	font: bold 30px Verdana, Arial, Helvetica, sans-serif;
	height: 70px;
	vertical-align: bottom;
	white-space: nowrap;
	background-color: #FFFFFF;
	background-image: url(images/hokiestone-wide-light.jpg);
	background-repeat: repeat-x;
}

/*  Subtitle text above title  */
.vtaa {
	color: #000000;
	font-size:small;
	font-weight:bold;
	letter-spacing: .20em
	}
	
/* Sidebar boxes */
div#links {
	position: absolute; 
	top: 81px; 
	left: 0; 
	width: 166px; 
	height: 700px; 
	font: 16px Verdana, Arial, Helvetica, sans-serif; 
	z-index: 100;
	}

/*  Sidebar box links/text */
div#links a {
	display: block; 
	text-align: center; 
	font: bold 1em Verdana, Arial, Helvetica, sans-serif; 
	padding: 5px 10px; 
	margin: 0 0 5px; 
	border-width: 0; 
	text-decoration: none; 
	color: #FFFFFF; 
	background: #FF6600;
	border-right: 5px solid #505050;
	}	

/*  Sidebar box links/text mouseover */
div#links a:hover {
	color: #FFFFCC; 
	background: #CC3300;
   border-right: 5px solid #000000;
   }

/*  Sidebar - forces links description text inside span tag into box controlled below */
div#links a span {
	display: none;
	}	
	
/*  Sidebar links description - This style controls the text shown when a sidebar link is moused-over. If the link bar needs to be moved, or the number of links is changed, the "top" height of this style may need to be adjusted to compensate for the different size of the box above it */
div#links a:hover span {
	display: block;
	position: absolute; 
	top: 450px; 
	left: 0; 
	width: 125px;
	padding: 5px;
	margin: 10px; z-index: 100;
	color: #FFFFFF;
	background: #660000;
	font: bold medium Verdana, sans-serif; 
	text-align: center;
	}

/*  content portion of page  */
div#content {
	position: absolute; 
	top: 26px; 
	left: 161px;
	right: 25px;
	color: #000000; 
	background: #FFFFFF; 
	font: 13px Verdana, Arial, Helvetica, sans-serif; 
	padding: 10px; 
	border: solid 5px #444;
	}

/*  paragraph indent  */	
div#content p {
	margin: 0 5px 1em;
	}

/* Section heading with line over	*/	
div#content h3 {
	margin-bottom: 0.25em;
	font-size: large;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
                    color: #FF6600;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #660000;
	padding-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

/*  content links  */
div#content a:link {
	color: #660000;
	font-weight: bold;
	text-decoration: none;
}
div#content a:visited {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
div#content a:link:hover {
	color: #FF6600;
	text-decoration: underline;
}
div#content a:link:active {
	color: #FF6600;
	text-decoration: underline;
}
div#content a:visited:hover {
	color: #FF6600;
	text-decoration: underline;
}