/***********************************************************************************************
* Content
***********************************************************************************************/
body {
background-image:url('background.jpg');
background-repeat:repeat-x;
background-color:#dcd8ed;
}

body,  td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	color:#ffffff;
	font-size:1.25em;
}

h2 {
	color:#333333;
	font-size:1.15em
}

h3 {
	color:#333333;
	font-size:1em;
}

a:link {
	color: #009900;
	text-decoration:underline;
}

a:visited {
	color:#009900;
	text-decoration:underline;
}

a:hover {
	color:#e68f01;
	text-decoration:underline;
}

a:active {
	color:#009900;
	text-decoration:underline;
}

.copyright {
	color:white;
	font-size:11px;
	font-weight:bold;
	text-align: center;
}

.copyright a {
	color: #009900;
}

.caption {
	color:#993333;
}

#content {
	margin:5px 20px 5px 20px;
}

.border {
	border: thin solid #28368E;
}

/***********************************************************************************************
* Horizontal Nav Bar
***********************************************************************************************/
.horizontalNavBar {
	background-color:#28368E;
	color:white;
}

.horizontalNavBar .padding {
	margin:0;
	padding:5px 10px 0px 10px;
}

.horizontalNavBar a {
	color:white;
	font-weight:bold;
	padding: 1px 10px 1px 10px;
	text-decoration:none;
}

.horizontalNavBar a:hover, .horizontalNavBar a:active {
	background-color:white;
	color:#28368E;
}

.horizontalNavBar a.selected {
	background-color:white;
	color:#28368E;
}

/***********************************************************************************************
*Vertical Nav Bar
***********************************************************************************************/
.verticalNavBar {
	background-color:#525C97;
	color:white;
}

/***********************************************************************************************
*Cool Roll over buttons
***********************************************************************************************/
div.button {
	width:120px; 
	height:24px; 
	top:0px; 
	left: 0px;
	border: 1px #000 solid;
}

a.roll, .button a.selected  {
	width:120px; 
	height:20px; 
	padding-top:4px;
	display:block; 
	font: bold 10pt verdana, sans-serif;
	text-align:center;
	background:  url("four_state_roll_bckg.gif") 0px 0px no-repeat #000;
	/*NOTE: backgroud shorthand is equivilant of:	
	background-image: url("images_pres/four_state_roll_bg.gif"); 
	background-position: 0px 0px; 
	background-repeat: no-repeat; 
	background-color: #000; */
}
div.button a.roll:link {
	background-position: 0px 0px; color: black; text-decoration:none;
}

div.button a.roll:visited {
	background-position: 0px -25px; color: green;
}

div.button a.roll:hover {
	background-position: 0px -50px; color:#069;
}
			
div.button a.roll:active {
	background-position: 0px -75px; color:black;
}

div.button a.selected {
	background-position: 0px -75px; color:black;
}