/***********************************************************************************************
* Content
***********************************************************************************************/
body {
	background-image: url(background.jpg);
}

body,  td {
	color:#ffffff;
	font-family: arial, sans-serif;
	font-size:12px;
}

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

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

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

a:link {
	color: #ffcc00;
	font-weight:bold;
	text-decoration:none;
}

a:visited {
	color:#ffcc66;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#f4d866;
	font-weight:bold;
	text-decoration:underline;
}

a:active {
	color:#ffff99;
	font-weight:bold;
	text-decoration:none;
}

.copyright {
	background-color:none;
	color:white;
	font-size:9px;
	text-align: left;
}
.copyright a:link {
			color: #9999ff;
}
.copyright a:visited {
            color: #6666cc;
}
.copyright a:active {
            color: #9999ff;
}
.copyright a:hover {
            color: #a5b7f4;
			text-decoration:underline;
}

.caption {
	color:#993333;
}

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

.border {
	border: none;
}

#news {
	width:200px;
	float:right;
	border: solid 0px black;
	background: none;
	padding: 10px;
}

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

a.roll, .button a.selected  {
	width:95px; 
	height:20px; 
	padding-top:4px;
	display:block; 
	font: bold 9pt arial, sans-serif;
	text-align:center;
	background:  url("four_state_roll_bckg.jpg") 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; font: bold
}

div.button a.roll:visited {
	background-position: 0px -25px; color:black; text-decoration:none; font: bold
}

div.button a.roll:hover {
	background-position: 0px -50px; color:black; text-decoration:none; font: bold
}
			
div.button a.roll:active {
	background-position: 0px -75px; color:black; text-decoration:none; font: bold
}

div.button a.selected {
	background-position: 0px -75px; color:white; text-decoration:none; font: bold
}