/* base font */

body, td {
	font: 12px verdana, arial, sans-serif;
	color: #555;
}

/* outer shell layout */

body {
	padding: 0;
	margin: 0;
	background: url(/_assets/images/layout/nav_content_bg.gif) #ffffff no-repeat 0 100px;
}
#wrapper {
	margin: 0;
	padding: 0;
	background: url(/_assets/images/layout/blue_repeat_bg.gif) transparent repeat-x top left;
}
#main {
	margin: 0;
	padding: 0;
	width: 750px;
}
#left {
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
}
#left-content {
	margin: 14px 0 14px 14px;
	padding: 0;
}
#right {
	float:left;
	width: 560px;
	margin: 0;
	padding: 0;
}
#nav {
	margin: 0;
	padding: 0;
}
#nav-header {
	background: url(/_assets/images/layout/nav_header_bg.gif) #ffffff no-repeat top left;
	padding: 25px 0 0 9px;
	margin: 0;
}
#nav-content {
	margin: 0 7px 0 14px;
	padding: 0;
}
#nav-content p {
	margin: 0;
	padding: 0 6px;
	background: url(/_assets/images/layout/nav_item_bg.gif) no-repeat top left;
	font: 11px/23px sans-serif;
	color: #000;
}
#nav-content p.last {
	background: url(/_assets/images/layout/nav_item_last_bg.gif) no-repeat top left;
	height: 23px;
}
#nav-content p a {
	color: #000;
	text-decoration: none;
}
#nav-content p a:hover {
	color: blue !important;
}

/* #nav-content p a:visited:hover {
	color: blue;
} */

#nav-content p a:visited {
	color: purple;
}

#nav-content p a.curpage {
	color: blue;
}

#content {
	padding: 16px 0 16px 12px;
	margin: 0;
}
#header {
	margin: 0;
	padding: 0;
}
#footer {
	clear: both;
	padding-left: 190px;
	text-align: center;
	color: #777;
	font-size: 90%;
}

/* content elements */

a {
	color: #003399;
}

h1 {
	font-size: 130%;
	margin: 0 0 15px 0;
}

h2 {
	font-size: 120%;
	margin: 0 0 15px 0;
}

h3 {
	font-size: 110%;
	margin: 0 0 15px 0;
}

h4 {
	font-size: 100%;
	margin: 0 0 15px 0;
}

p {
	margin: 0 0 15px 0;
}

dt {
	color: #003399;
}

dd {
	margin-bottom: 15px;
	margin-left: 15px;
	padding: 0;
}

.plain {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.plain h3 {
	display: inline;
	font-size: 100%;
	font-weight: normal;
	color: #003399;
}

.plain li {
	margin: 0 0 15px 0;
	padding: 0;
}

.nobul {
	list-style-type: none;
	margin-left: 15px;
	padding-left: 0;
}

.nobul li {
	margin-left: 0;
	margin-bottom: 15px;
	padding-left: 0;
}

.form-headings {
	text-align: right;
	color: gray;
	font-weight: bold;
	padding-right: 15px;
}

#homepage-welcome {
	width: 389px;
	margin: 0 auto;
	padding: 220px 0 0 0;
	text-align: left;
	background: url(/_assets/images/layout/welcome_photo.jpg) no-repeat top left;
	float: left;
}
#homepage-welcome p {
	padding: 0 20px;
}

#homepage-features {
	width: 141px;
	float: right;
}

.click-here {
	text-align: center;
	margin: 0;
	padding: 0;
}

.align-center {
	text-align: center;
}

.content-image {
	float: right;
	margin: 5px 0 15px 15px;
}

.push {
	clear: both;
}

.push-left {
	clear: left;
}

.push-right {
	clear: right;
}

.feature-image {
	text-align: center;
	margin-bottom: 10px;
}

.header-link {
	color: #555;
	text-decoration: none;
}

.header-special {
	color: #003399;
	font-weight: normal;
	margin-bottom: 0;
}

/* boxes */

.brown-gradient-box {
	background: url(/_assets/images/layout/brown_gradient_box_bg.gif) #fff no-repeat bottom left;
	width: 141px;
	margin: 0 0 16px 0;
	padding: 0 0 12px 0;
}
.brown-gradient-box .box-content {
	border-left: solid 2px #aaa;
	border-right: solid 2px #aaa;
	padding: 10px 10px 5px 10px;
	margin: 0 4px 0 0;
	font-size: 90%;
}

.left-box {
	background: url(/_assets/images/layout/left_box_bg.gif) #ECE8DD no-repeat bottom left;
	width: 161px;
	margin: 0;
	padding: 0 0 6px 0;
}
.left-box .box-content {
	border-left: solid 2px #aaa;
	border-right: solid 2px #aaa;
	padding: 3px;
	margin: 0;
}

.box-top {
	background: url(/_assets/images/layout/box_top.gif) #fff no-repeat top left;
	width: 137px;
	margin: 0;
	padding: 9px 0 0 0;
}
.left-box-top {
	background: url(/_assets/images/layout/left_box_top.gif) #fff no-repeat top left;
	width: 161px;
	margin: 0;
	padding: 6px 0 0 0;
}
.left-box-top .box-content, .box-top .box-content {
	border-left: solid 2px #aaa;
	border-right: solid 2px #aaa;
	padding: 0;
	margin: 0;
}
.box-top .box-content h2 {
	border-bottom: solid 2px #ddd;
	padding: 0 10px 4px 10px;
	margin: 0;
	font-size: 100%;
	font-family: arial, sans-serif;
}
.left-box-top .box-content h2 {
	border-bottom: solid 2px #ddd;
	padding: 0 6px 4px 6px;
	margin: 0;
	font-size: 100%;
	font-family: arial, sans-serif;
}

/* quicklinks box */

.quicklinks {
	width: 170px;
	float: right;
	clear: right;
	margin: 20px 0;
	padding: 0;
}

.quicklinks .box-content {
	padding: 0 0 18px 0;
	margin: 0 0 0 20px;
	background: url(/_assets/images/layout/small_vertical_gradient.gif) bottom left no-repeat;
}

.quicklinks ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.quicklinks li {
	margin: 0;
	padding: 6px;
	background: url(/_assets/images/layout/quicklinks_bg.gif) #fff bottom left no-repeat;
	border-left: solid 1px #B2B2B2;
}

.quicklinks a {
	color: #000;
	text-decoration: none;
}

/* formslinks box */

.formslinks {
	width: 170px;
	float: right;
	clear: right;
	margin: 20px 0;
	padding: 0;
}

.formslinks .box-content {
	padding: 0 0 18px 0;
	margin: 0 0 0 20px;
	background: url(/_assets/images/layout/small_vertical_gradient.gif) bottom left no-repeat;
}

.formslinks ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.formslinks li {
	margin: 0;
	padding: 6px;
	background: url(/_assets/images/layout/formslinks_bg.gif) #fff bottom left no-repeat;
	border-left: solid 1px #B2B2B2;
}

.formslinks a {
	color: #000;
	text-decoration: none;
}

/* feature boxes in content area (sub pages) */

.content-feature {
	width: 165px;
	float: right;
	clear: right;
	margin: 20px 0 10px 0;
	padding: 0;
}

.content-feature span {
	display: block;
	padding: 0;
	margin: 0 0 0 20px;
}

/* sub nav */

.subnav {
	width: 160px;
	float: left;
	background: url(/_assets/images/layout/subnav_top_bg.gif) #fff no-repeat top left;
	padding: 9px 0 20px 0; /* top padding leaves room for bg image */
}

.subnav ul {
	margin: 0 10px 0 0; /* div width - right margin = 150px (proper width of bg image) */
	padding: 0;
	list-style-type: none;
}

.subnav li {
	background: url(/_assets/images/layout/subnav_item_bg.gif) #E5E5E5 no-repeat bottom left;
	margin: 0;
	padding: 6px 10px 8px 10px;
}

.subnav li.first {
	padding-top: 0;
}

.subnav li.last {
	background: url(/_assets/images/layout/subnav_bottom_bg.gif) transparent no-repeat bottom left;
}

.subnav a {
	color: #666666;
	text-decoration: none;
}

.topheads {
	font-weight:bold;
	background-color:#4f80c0;
	color: #fff;
	text-align: center;
}

.theads {
	font-weight: bold;
	color:#4f80c0;
}

.trowheads {
	background-color: #DAE4F0;
}

/* staff photo boxes */

.staff-box {
	background: url(/_assets/images/layout/inspector_photo_top.gif) top right no-repeat;
	width: 152px;
	padding-top: 7px;
	float: right;
}

.staff-box-inner {
	background: url(/_assets/images/layout/inspector_photo_bottom.gif) transparent bottom right no-repeat;
	padding-bottom: 7px;
}

.staff-box-inner .box-content {
	padding: 0 5px;
	margin: 0 0 0 10px;
	text-align: center;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	background-color: #EBEBEB;
}

/* map thing*/

#map {
	background: url(/_assets/images/pictures/floridamap.gif) top right no-repeat;
	height: 398px;
	width: 100%;
	padding-top: 110px;
}

/* credentials */

#credentials {
	float: right;
	width: 350px;
}

#badges {
	float: left;
	clear: left;
	width: 136px;
}

/* New Construction */

#stages {
	width: 370px;
}

 #stages strong {
	display: inline;
	color: blue;
	font-size: 12px;
	font-weight: normal;
}

.nc_pics_nc{
	padding: 20px 0 0 0;
	width: 100%;
}

.nc_pics{
	padding: 20px 0 0 0;
	/*clear: both;*/
	width:100%;
}

.ncleft {
	/*float: left;*/
	text-align: left;
}

.ncright {
	/*float: right;*/
	text-align: right;
}

.nctext1 {
	background: url(/_assets/images/layout/nc-bg.gif);
	text-align: center;
	color: #fff;
	height:20px;
	width:165px;
	font-size: 11px;
	margin: 5px 0 5px 0;
}

.nctext1 a {
	margin-top:2px;
	text-decoration: none;
	color: #fff;
	display: block;
}

.clearb {
	padding-top: 20px;
	/*clear:both;*/
}

.nc_pics_c {
	clear:both;
	padding: 20px 0 0 0;
	text-align: center;
}

.nc_c {
	margin: 0 auto 0 auto;
}

.nctext2 {
	background: url(/_assets/images/layout/nc-bg_long.gif);
	text-align: center;
	color: #fff;
	height:20px;
	width:231px;
	margin: 5px auto 5px auto;
}

.nctext2 a {
	margin-top:2px;
	color: #fff;
	text-decoration: none;
	display: block;
	font-size: 8px;
}
