/* CSS Document */
body {
	text-align:center;   /* IE6 needs this to center the layout in the browser window*/ 
	background-color: #084363;
	background-image:url('http://www.stpete.org/images/background_repeat_image1.jpg');
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	}
td {
	text-align: left;
}
#search_box {
    width: 192px;
    height: 40px;
    background-image: url(http://www.stpete.org/_images_/search_box_bk.jpg);
}
#search_box #searchbox {
    float: left;
    padding: 0;
    margin: 10px 0 0 8px;
    border: 0;
    width: 148px;
    background: none;
}
#search_box #go {
    float: right;
    margin: 0px 0px 0 0;
}
img {
	border: 0px;
}
a{
	color: #006699;
	text-decoration: none;
    cursor: pointer;
}
a:hover {
	color: #006699;
	text-decoration: underline;
}
a:active {
	color: #006699;
	text-decoration: none;
}
a:visited {
	color: #006699;
	text-decoration: none;
}
a.snav3txt {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}
a.snav3txt:hover {
	color: #108AC5;
	text-decoration: underline;
}
a.snav3txt:active {
	color: #BFD5E2;
	text-decoration: none;
}
a.snav3txt:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.snav4 {
	color: #FFFFFF;
	text-decoration: none;
}
a.snav4:hover {
	color: #ffffff;
	text-decoration: underline;
}
a.snav4:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.snav4:visited {
	color: #FFFFFF;
	text-decoration: none;
}
h1 {
	color:  #D47900;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	font-weight: bold;
	font-variant:small-caps;
	margin: 15px 5px 0px 0px;
	}
h2 {
	color: #114C72;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	margin: 15px 5px 0px 0px;
	font-weight:lighter;
}
h3 {
	color: #114C72;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	margin: 15px 5px 0px 0px;
}
h4 {
	color: #114C72;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
	margin: 15px 5px 0px 0px;
}
h5 {
	color: #afafaf;
	font-family: haettenschweiler, Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	font-weight: normal;
	margin: 15px 5px 0px 0px;
}
h6 {
	color: #afafaf;
	font-family: haettenschweiler, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	font-size: 2.1em;
	font-weight: normal;
	margin: 15px 5px 0px 0px;
}
strong {
	color: #114C72;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}
#main_wrapper {
	padding:8px 0px 0px 10px;
	width:1000px; /*widths of columns will scale proportionately as this width is changed */
	/*margin-left:auto;   centers max'd layout in browser */
	/*margin-right:auto;  centers max'd layout in browser */
	text-align:left; /* prevents page inheriting IE6 centering hack on body */
	/*background-color: #114C72; 006699*/
	}
#twocolholder {
	background-color:#FFFFFF;
}
/* Header Section */
#header {
	text-align:left;
	width:124px;
	width: 100%;
	padding:0px;
	margin:0px;
	}
#printermainnav {
display:none;
}
.mainnav {
	float:left;
	height:31px;
	width:710px;
	background-color:#FFFFFF;
	z-index:999;
}
.globalblock {
	padding-top:5px;
	width:241px;
	height:26px;
	float:left;
	background-color:#FFFFFF;
	font-size:11px;
	text-align:center;
}
#tablenavcontainer {
	padding:0px;
	margin:0px;
	border:0px; 
}

/* Left Navigation */
#navse {
	text-align:left;
	width:241px;
	background-image: url(http://www.stpete.org/_images_/navse_background.jpg);
	background-repeat: repeat-x;
	background-color: #e1f2e1;
	float:left;
	display:inline;
	padding:0px;
	}
.searchbox {
	z-index:-1;
	background-color: #4c974c;
	}
.searchbox_inner {

	padding: 9px 0px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	overflow:hidden;
	}
.snav3 {
    margin: 2px 0px 2px 18px;
	width:241px;
	text-indent: -10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
.snav3txt {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
strong.snav3 {
	color:#FFFFFF; }
	
.snav4 {
	margin: 5px 10px 3px 20px;
	text-align:center;
	color:#FFFFFF;
	}
.dropSel {
	width: 100%;
	color: #484848;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.7em;
}
.dropSel_cont {
	margin:5px;
	padding: 5px;
	background-color:#3F86A9;
}
/* Main body Content */
#contentss {
	width:705px;
	float:left;
	background-color:#FFFFFF;
	color: #4B4B4B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	overflow:hidden;
	}
#contentss_inner {
	padding:0px 18px 0px 18px;
	}
.contentss_inner {
	padding:0px 18px 0px 18px;
	}
.ccrumbs {
	font-size: 10px;
	margin: 0px 6px 6px 6px;
	overflow: hidden;
}
#contactinfo {}
#rtSubs {
	background-color:#FFFFFF;
	text-align:center;
	width: 235px;
	position:relative;
	right:-18px;
	float:right;
	overflow:hidden;

	}
.subRight {
	text-align:left;
	background-color: #E8E8E8;
	width: 220px;
	padding: 10px 10px 10px 10px;
	font-size:10px;
}
.subRight strong{
	font-size:1.3em;
}
.subRight_lower {
	text-align:left;
	background-color: #E8E8E8;
	width: 220px;
	padding: 10px 10px 10px 10px;
	font-size:.7em;
}
.subRight_lower strong {
	font-weight: bolder;
	color: #333333;
	font-size:1.1em;
	
}
#footer {
	width:100%;
	margin: 8px 0px 0px 0px;
	font-size:.7em;
	clear:both;
	background-color:#FFFFFF;
	}
#header_inner, #navse_inner, #content_inner {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}
#header_inner {
	padding:0px;
	}
#navse_inner {
    padding:0px;
	overflow:hidden;
	
	}

#footer_inner {
	padding:.5em 10em;
	text-align:center;
	}
.flashimageditbut {
	position: absolute; 
	left:700px; 
	top:125px;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
.clearfix {display: inline-table; }
/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; }
/* end backslash hack */




/* Start:Menu  Customs*/
#nav, #nav ul {
	display:table;
	padding: 0;
	margin: 0 auto;
	list-style-type:none;
	white-space: nowrap;
	
}

#nav a {
	display: block;
	width:105px;
	color:#000000;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

#nav li {
	float: left;
	position:relative;
	width:50px;
	display:inline;
}
#nav li span{ 
font-weight:bold; 
color:#336699; 
font-size:13px; 
font-family:Geneva, Arial, Helvetica, sans-serif;
}
#nav li ul {
	position: absolute;
	width: 1em;
	left: -999em;
	z-index:9999;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li ul ul {     margin:-1.6em 0 0 11.7em;} 
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
} 
				#nav li:hover ul ul, #nav li.sfhover ul ul {     left: -999em; } 
				#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {     left: auto; } 
	#nav LI LI A {
	border-right: #eee 1px solid; padding-right: 3px; padding-left: 5px; background-image: none; padding-bottom:3px; margin: 0px; border-left: #eee 1px solid; width: 120px; text-align:center; color: #fff; line-height: 1em; padding-top: 3px; border-bottom: #eee 1px solid; position: relative; height: auto; background-color: #0f6893
}
#nav LI LI A:hover {
	background-color: #3b81a1
}#nav LI LI UL A:hover {
	background-color: #3b81a1
}
/*End:Menu Customs*/
/*This style is to stop the sticky problem in IE7*/
#nav li:hover, #nav li.hover 
{
    position:static;
}
/*End...*/
.mylinks { COLOR:#424617  }
.bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #979F54;
	position: absolute;
	width: 882px;
	border-top: thin solid #4D4C2E;
	text-align: center;
}
.othercitserv {
color:#FFFFFF;}
.sharethis {
	float:right;
	margin-top:5px;
	font-size:9px;
}
.govlogos {text-align:center; }
.snav3 a {
 /* Sliding right image */
    background: transparent url('http://www.stpete.org/images/recovery_button_right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.snav3 a span {
/* Background left image */ 
background: transparent url('http://www.stpete.org/images/recovery_button_left.png') no-repeat; 
display: block;
line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
width:165px;
padding: 7px 0 5px 18px;
} 
.snav3 a:hover span{
text-decoration:underline;

}
