body{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:0px 0px 0px 0px;
	background-color:#243A0B;
}

img{
	border-width: 1px;
	border-color:#000000;
}

h1{
	color:#8F0000;
	font-weight:bold;
	letter-spacing:1.5px;
	font-size:18px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin-top:0px;
}

hr  {
	border:0px;
	height:1px;
	color:#8F0000;
	background-color:#8F0000;
}

a {color: #0000FF; text-decoration: none;}
a:link {color: #0000FF; text-decoration: none;}
a:visited {color: #0000FF; text-decoration: none;}
a:hover {color: #8F0000; text-decoration: underline;}

#spp_header{
	height:115px;
	width:697px;
	background-image:url(../images/sppfla_interior_01.gif);
	position:static;
}

#spp_photo_banner{
	height:99px;
	width:697px;
	background-image:url(../images/spp_interior_02.jpg);
	position:static;
}

#infobox{
	height:30px;
	width:655px;
	text-align:left;
	font-size:12px;
	font:Verdana, Arial, Helvetica, sans-serif;
	position:static;
	background-color:#FFFF99;
	border:1px solid #8F0000;
	padding:5px;
	margin-bottom:15px;
}

#navigation{
	height:24px;
	width:697px;
	background-image:url(../images/spp_interior_03.gif);
	position:static;
}

#page_body{
	width:697px;
	background-color:#FFFFFF;
	position:static;
}

#page_body .content{
	padding:15px;
	text-align:left;
}

#footer{
	height:39px;
	width:697px;
	background-image:url(../images/spp_interior_05.gif);
	text-align:center;
	color:#CCCCCC;
	font-size:10px;
	font:Verdana, Arial, Helvetica, sans-serif;
	position:static;
}

#footer .copy{
	padding-top:13px;
}

#footer a, #footer a:visited{
	text-decoration:none;
	color:#FFFFCC;
}

#footer a:hover{
	text-decoration:underline;
	color:#FFFFCC;
}

.error {
	color:#FF0000;
}

#searchform{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	border-collapse:collapse;
	background-color:#F2EEC6;
	border:1px solid #8F0000;	
}

#contactform{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	border-collapse:collapse;
	background-color:#F2EEC6;
	border:1px solid #8F0000;	
}

/* INVENTORY STYLES */
/* ######################################## */

#inventory{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	border-collapse:collapse;
	background-color:#F2EEC6;
	border:1px solid #8F0000;	
}


#inventory h1{
	font-size:16px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:0px;
}
.inventory_title{
	font-size:13px;
	font-weight:bold;
}

.inventory_agentinfo{
	font-size:12px;
	margin-left:23px;
}

.inventory_agentlink{
	font-size:10px;
}

.inventory_error{
	font-size:12px;
	font-weight:bold;
	color:#8F0000;
}

/* HISTORY STYLES */
/* ######################################## */

#history{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	border-collapse:collapse;
	background-color:#F2EEC6;
	border:1px solid #8F0000;	
}

/* AGENTS STYLES */
/* ######################################## */

#agents{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	border-collapse:collapse;
	background-color:#F2EEC6;
	border:1px solid #8F0000;	
}

.agents_name{
	font-size:14px;
	font-weight:bold;
	color:#8F0000;	
}

.agents_title{
	font-size:14px;
	font-weight:bold;
}

.agents_details{
	font-size:12px;
}

.agents_error{
	font-size:12px;
	font-weight:bold;
	color:#8F0000;
}

/* TABLE STYLES */
/* ######################################## */

table.tablelist {
	border-width: 1px 1px 1px 1px;
	border-spacing: 4px;
	border-style: outset outset outset outset;
	border-color: #666666 #666666 #666666 #666666;
	border-collapse: collapse;
}

table.tablelist th {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: inset inset inset inset;
	border-color: #666666 #666666 #666666 #666666;
	background-color: #C0B02C;
	-moz-border-radius: 0px 0px 0px 0px;
	color:#8F0000;
}

table.tablelist .tabletop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: inset inset inset inset;
	border-color: #666666 #666666 #666666 #666666;
	background-color: #8F0000;
	-moz-border-radius: 0px 0px 0px 0px;
	color:#FFFFFF;
}

table.tablelist td {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: inset inset inset inset;
	border-color: #666666 #666666 #666666 #666666;
	/*background-color: #E5E5E5; */
	background-color: #FFFFFF;
	-moz-border-radius: 0px 0px 0px 0px;
}

/** FORMS **/
/** ########################################## **/

form {
	margin: 0px 0px 0px 0px;
}

.formtextbox {
	border:#666666 1px solid;
	font-size:11px;
	color:#000000;
	margin:2px;
	padding:3px;
}

.formtextarea {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border:#666666 1px solid;
	font-size:11px;
	color:#000000;
	margin:2px;
	padding:3px;
}

.formbutton {
	border:#666666 1px solid;
	font-size:11px;
	color:#000000;
	margin:2px;
	padding:3px;
}

.formdropdown {
	border:#666666 1px solid;
	font-size:11px;
	color:#000000;
	margin:2px;
	padding:3px;
}

/** IMAGE VIEWER **/
/** ########################################## **/

.thumbnail{
	position: relative;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail span{
	position: absolute;
	background-color:#FFFFCC;
	padding: 5px;
	right: -1px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
	z-index: 2;
}

.thumbnail span img{
	border-width: 0;
	padding: 5px;
}

.thumbnail:hover span{
	visibility: visible;
	top: -100px;
	right: 10px;
}

/** NAVIGATION MENUS **/
/** ########################################## **/

#nav-container{
	margin-left:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;	
}
	
#nav-bar{
	padding:1px 0px;
	margin:0px;
	list-style:none;
	width:100%;
}

#nav-bar li{
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	position:relative;
	width:130px;
}

#nav-bar li a:link, #nav-bar li a:visited{
	padding:2px 0px;
	display:block;
	text-align:center;
	text-decoration:none;
	width:130px;
	height:13px;
	color:#8F0000;
}

#nav-bar li:hover a, #nav-bar li a:hover, #nav-bar li a:active{
	padding:2px 0px;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#8F0000;
	color:#FFFFCC;
	width:128px;
	height:14px;
	border:1px solid #243A0B;
}

#nav-bar li ul.nav-sub {
	margin:0px;
	padding:0px;
	list-style:none;
	display:none;
	background:#243A0B;
	width:128px;
	position:absolute;
	top:20px;
	left:0px;
	border-left:1px solid #243A0B;
	border-right:1px solid #243A0B;
}
#nav-bar li:hover ul.nav-sub {
	display:block;
}

#nav-bar li ul.nav-sub li {
	width:128px;
	clear:left;
	width:128px;
}

#nav-bar li ul.nav-sub li a:link, #nav-bar li ul.nav-sub li a:visited{
	clear:left;
	padding:4px;
	width:120px;
	border:none;
	border-bottom:1px solid #243A0B;
	position:relative;
	z-index:1000;
	font-weight:normal;
	text-align:left;
}

#nav-bar li ul.nav-sub li:hover a, #nav-bar li ul.nav-sub li a:active, #nav-bar li ul.nav-sub li a:hover{
	clear:left;
	background:#FFC1C1;
	padding:4px;
	width:120px;
	border:none;
	border-bottom:1px solid #243A0B;
	position:relative;
	z-index:1000;
	color:#333333;
}               