/* Varsity Printing CSS stylesheet copyright 2004. |
 |                                                |
 | Developed by:                                  |
 | Detour Design                                  |
 | http://www.detourdesign.com                    |
 | rickm@detourdesign.com                         |
 | juna@detourdesign.com                          |
 | 801-680-8844                                   |  */

/* -------------------------------------------------
global styles
---------------------------------------------------- */
body {
	font: 1em/130% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #000;
	background: #fff url(assets/vpBackground.jpg) no-repeat top left;
	/* background: #CACACA; */
	margin: 0;
	padding: 0;
	text-align: left;
}

h1 {
	font-size: xx-large;
	line-height: 100%;
	color: #e50000;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
	text-shadow: 2px 2px 3px #aaa;
}

p {
	font-size: medium;
	line-height: 150%;
	padding: 0;
	margin-top: 8px;
	text-align: left;
}

ul {
	font-size: medium;
	list-style-type: square;
	text-align: left;
	width: 275px;
}

ol {
	font-size: medium;
	text-align: left;
	width: 275px;
}
	

/* -------------------------------------------------
links
---------------------------------------------------- */
a:link {
	color: #999;
	text-decoration: underline;
}

a:visited {
	color: #ccc;
	text-decoration: none;
}

a:hover, a:active {
	color: #e50000;
	text-decoration: underline;
}

/* -------------------------------------------------
Main Navigation
---------------------------------------------------- */
#navcontainer {
	width: 100%;
	height: 25px;
	padding-top: 12px;
	background-color: #e50000;
}

#navcontainer ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

#navcontainer ul li {
	display: inline;
	text-shadow: 3px 3px 3px #333;
}

#navcontainer ul li a {
	font-size: small;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 15px 30px;
	text-transform: uppercase;
}

#navcontainer ul li#active a {
	color: #fff;
	background: url(assets/nav-arrow.gif) no-repeat top center;
}

#navcontainer ul li a:hover {
	color: #f99;
	background: url(assets/nav-arrow.gif) no-repeat top center;
}

/* -------------------------------------------------
layout
---------------------------------------------------- */
#header {
	padding: 0;
	margin: 15px 0 20px 15px;
}

#imagebox {
	float: left;
	width: 331px;
	margin: 0 12px 25px 30px;
	padding: 0;
}

#textbox {
	float: left;
	width: 300px;
	margin-bottom: 25px;
	padding: 0;
}

#footer {
	clear: both;
	height: 25px;
}

#footer p {
	border-top: 1px dotted #999;
	font-size: small;
	padding-top: 8px;
	margin-left: 30px;
}

/* -------------------------------------------------
debug
---------------------------------------------------- */
.debug {
		border: 1px solid blue;
}