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

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

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

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

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

a:link {
	color: #FFFF00;
	text-decoration:none;
}

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

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

a:active {
	color:#FFFFFF;
	text-decoration:none;
}

.copyright {
	background-color:none;
	color:#bcc9cb;
	font-size:10px;
	text-align: center;
}
.copyright a:link {
			color: #d1c93e;
}
.copyright a:visited {
	color: #FF9966;
}
.copyright a:active {
	color: #FFCC33;
}
.copyright a:hover {
	color: #FFFF00;
	text-decoration:underline;
}

.caption {
	color:#993333;
}

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

.border {
	border: none;
}

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

a.roll, .button a.selected  {
	width:217px; 
	height:20px; 
	padding-top:4px;
	display:block; 
	font-family: verdana, sans-serif;
	font size: 9pt;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	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:#330066; 
	text-decoration:none;
}

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

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

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