/*-----------------------------Table Of Contents-------------------------------*/
/*
/* 				CUSTOM STYLE SHEET FOR MODIFIED LAYOUT AND THEMEING
/* 
/*-----------------------------------------------------------------------------*/
 
/********************************************************************************************************/
/*--------------------------------------- WebTrac Link Styles ------------------------------------------*/
/********************************************************************************************************/
a, a:link, a:active, a:visited {
    color: #026E9C;
	 text-decoration: underline;
}
a:hover {
    color: #DA4700;
}
  
/********************************************************************************************************/
/*--------------------------------------- WebTrac Body Styles ------------------------------------------*/
/********************************************************************************************************/
body {
    background: url("../../wbimages/flbrevard/main-site-bg.png") repeat-x scroll 0 0 #CCCCCC;
    color: #4C4C4C;
    font-family: "Segoe UI","Segoe","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;	 
}

/********************************************************************************************************/
/*-------------------------------------- WebTrac Header Styles -----------------------------------------*/
/********************************************************************************************************/
h1, h2, h3, h4, h5, h6 {
    color: #002B3D;
	 font-weight: bold;
    font-family: "Segoe UI","Segoe","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
}

/********************************************************************************************************/
/*----------------------------------- WebTrac Table Headers Styles -------------------------------------*/
/********************************************************************************************************/
table th {
	color: #000000;
	font-weight: bold;
	background: #D1D1D1;
}

/********************************************************************************************************/
/*---------------------------------- WebTrac Outer Container Styles ------------------------------------*/
/********************************************************************************************************/
#outer {
	width: 1000px;
   margin: 0 auto 18px;
}

/********************************************************************************************************/
/*--------------------------------- WebTrac Outer Container 2 Styles -----------------------------------*/
/********************************************************************************************************/
#container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

/********************************************************************************************************/
/*--------------------------- WebTrac Site controls (welcome/login/language) ---------------------------*/
/********************************************************************************************************/
#controls {
	position: absolute;
	top: 7px;
	right: 5px;	
   font-size: 0.75em;		
}
#controls li {
	border-color: #026E9C !important;
	color: #026E9C;	
}
#controls ul {
	color: #026E9C;
}
#controls a,#controls a:link,#controls a:active,#controls a:visited {
    color: #026E9C;
	 text-decoration: underline;
}
#controls a:hover {
    color: #DA4700;
}

/********************************************************************************************************/
/*--------------------------------------- WebTrac Banner Styles ----------------------------------------*/
/********************************************************************************************************/
#banner {}

/********************************************************************************************************/
/*---------------------------------------- WebTrac Menu Styles -----------------------------------------*/
/********************************************************************************************************/
#menu {
	position: absolute;
	top: 170px;
	left: 10px;
	z-index: 99;
}

/*--------------------------LEVEL 1-----------------------------*/
/*Vertical Menu level 2 position*/
#menu ul.vertical li {
	position:relative;
	width:150px;
}
/*Horizontal Menu level 2 position*/
#menu ul.horizontal li {
	float: left;
	position:relative;
}
/*Level 1 Links*/
#menu ul.horizontal a,
#menu ul.horizontal a:visited,
#menu ul.vertical a,
#menu ul.vertical a:visited  {
	height: 28px;
	line-height: 28px;
   padding: 0 15px;
	text-decoration: none;
	color: #313031;		
   font-size: 0.85em;
   font-weight: normal;
	float:left;
	background: transparent;
}
/*level 1 background color*/
#menu ul.horizontal li,
#menu ul.vertical li {
	background:transparent;
}
/*Level 1 Links Hover*/
#menu ul.horizontal a:focus, 
#menu ul.horizontal a:hover, 
#menu ul.horizontal a:active,
#menu ul.horizontal li:hover,
#menu ul.horizontal li.menu-hover,
#menu ul.horizontal li.menu-hover a,
#menu ul.vertical a:focus, 
#menu ul.vertical a:hover, 
#menu ul.vertical a:active,
#menu ul.vertical li:hover,
#menu ul.vertical li.menu-hover {
   background: transparent;
	color: #313031;	
	outline: 0;	
}
#menu ul.horizontal li.first a,
#menu ul.vertical li.first a {
	
}
#menu ul.horizontal li.last a,
#menu ul.vertical li.last a {
}
/*--------------------------LEVEL 2-----------------------------*/
/*Vertical Menu level 2 position*/
#menu ul.vertical li:hover ul,
#menu ul.vertical li.menu-hover ul {
	left:200px;
	top:0;
}
/*Horizontal Menu level 2 position*/
#menu ul.horizontal li:hover ul,
#menu ul.horizontal li.menu-hover ul {
	left:-11px;
	top:28px;
}
/*Level 2 Links*/
#menu ul.horizontal li ul li a,
#menu ul.horizontal li.menu-hover li a,
#menu ul.horizontal li ul li a:visited,
#menu ul.vertical li ul li a,
#menu ul.vertical li ul li a:visited  {
	border: 0;
	height: 28px;
	line-height: 28px;
	padding: 0;
	text-decoration: none;	
	text-indent: 15px;
   font-size: 0.75em;
	font-weight: normal;		
	display: block;
	float: none;
	color: #313031;	
   background: #ADDF94;		
	border-top: 1px solid #848284;	
	border-left: 1px solid #848284;	
	border-right: 1px solid #848284;			
}
/*level 2 background color*/
#menu ul.horizontal li li,
#menu ul.vertical li li {
}
/*Level 2 Links Hover*/
#menu ul.horizontal li ul li.menu-hover a,
#menu ul.horizontal li ul li a:focus, 
#menu ul.horizontal li ul li a:hover, 
#menu ul.horizontal li ul li a:active,
#menu ul.vertical li ul li a:focus, 
#menu ul.vertical li ul li a:hover, 
#menu ul.vertical li ul li a:active {  
   background: #E7E7E7;
	color: #313031;	
	outline: 0;	
}

#menu ul.horizontal li ul li.first,
#menu ul.vertical li ul li.first {
}
#menu ul.horizontal li ul li.first a,
#menu ul.vertical li ul li.first a {
}

#menu ul.horizontal li ul li.last,
#menu ul.vertical li ul li.last {
}
#menu ul.horizontal li ul li.last a,
#menu ul.vertical li ul li.last a {
	border-bottom: 1px solid #848284;	
}

/*--------------------------LEVEL 3-----------------------------*/
/*Vertical Menu level 2 position*/
#menu ul.vertical li li:hover ul,
#menu ul.vertical li li.menu-hover ul {
	left:190px; 
	top:0;
}
/*Horizontal Menu level 2 position*/
#menu ul.horizontal li li:hover ul,
#menu ul.horizontal li li.menu-hover ul {
	left:189px; 
	top:0;
}

/*Level 3 Links*/
#menu ul.horizontal li ul li.menu-hover li a,
#menu ul.horizontal li ul li ul li a,
#menu ul.horizontal li ul li ul li a:visited,
#menu ul.vertical li ul li ul li a,
#menu ul.vertical li ul li ul li a:visited  {
	border: 0;
	height: 28px;
	line-height: 28px;
	padding: 0;
	text-decoration: none;	
	text-indent: 15px;
   font-size: 0.75em;
	font-weight: normal;		
	display: block;
	float: none;
	color: #313031;	
   background: #ADDF94;		
	border-top: 1px solid #848284;	
	border-left: 1px solid #848284;	
	border-right: 1px solid #848284;	
}
/*level 3 background color*/
#menu ul.horizontal li li li,
#menu ul.vertical li li li {
}

/*Level 3 Links Hover*/
#menu ul.horizontal li ul li ul li:hover, 
#menu ul.horizontal li ul li ul li.menu-hover,
#menu ul.horizontal li ul li ul li a:focus, 
#menu ul.horizontal li ul li ul li a:hover, 
#menu ul.horizontal li ul li ul li a:active,
#menu ul.vertical li ul li ul li:hover, 
#menu ul.vertical li ul li ul li.menu-hover,
#menu ul.vertical li ul li ul li a:focus, 
#menu ul.vertical li ul li ul li a:hover, 
#menu ul.vertical li ul li ul li a:active {
   background: #E7E7E7;
	color: #313031;	
	outline: 0;		
}
#menu ul.horizontal li ul li ul li.first a,
#menu ul.horizontal li ul li ul li.first a:visited,
#menu ul.vertical li ul li ul li.first a,
#menu ul.vertical li ul li ul li.first a:visited  {
}
#menu ul.horizontal li ul li ul li.last a,
#menu ul.horizontal li ul li ul li.last a:visited,
#menu ul.vertical li ul li ul li.last a,
#menu ul.vertical li ul li ul li.last a:visited {
	border-bottom: 1px solid #848284;	
}

#menu ul.horizontal ul.sf-shadow, #menu ul.vertical ul.sf-shadow {
}

/********************************************************************************************************/
/*-------------------------------------- WebTrac Content Styles ----------------------------------------*/
/********************************************************************************************************/
#content {
   background: url(../../wbimages/flbrevard/content_bg.png) repeat-y scroll 0 0 transparent;
   margin: 0 auto;
   padding: 60px 15px 15px;
   width: 970px;		
}

/********************************************************************************************************/
/*------------------------------------ WebTrac Left Side Bar Styles ------------------------------------*/
/********************************************************************************************************/
#leftside {}

/********************************************************************************************************/
/*----------------------------------- WebTrac Right Side Bar Styles ------------------------------------*/
/********************************************************************************************************/
#rightside {}

/********************************************************************************************************/
/*--------------------------------------- WebTrac Footer Styles ----------------------------------------*/
/********************************************************************************************************/
#footer {}

/********************************************************************************************************/
/*------------------------------------ WebTrac Footer Links Styles -------------------------------------*/
/********************************************************************************************************/
#footer-links, #copyright, #browsers {
}
#footer-links a, #copyright a, #browsers a,
#footer-links a:link, #copyright a:link, #browsers a:link,
#footer-links a:active, #copyright a:active, #browsers a:active,
#footer-links a:visited, #copyright a:visited, #browsers a:visited {
}
#footer-links a:hover, #copyright a:hover, #browsers a:hover {
}
#copyright {}

#browsers {}

/********************************************************************************************************/
/*--------------------------------CUSTOM CLASSES AND ELEMENTS BELOW HERE--------------------------------*/
/********************************************************************************************************/

#bn-top {
    height: 122px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1000px;
}
#bn-top div.bn-left {
    background: url(../../wbimages/flbrevard/county-logo.png) no-repeat scroll 10px 10px transparent;
    float: left;
    height: 122px;
    width: 25%;
}
#bn-top div.bn-left a, #bn-top div.bn-left a:link, #bn-top div.bn-left a:active, #bn-top div.bn-left a:visited, #bn-top div.bn-left a:hover {
    float: left;
    height: 115px;
    text-indent: -99999px;
    width: 195px;
}
#bn-top div.bn-mid {
    background: url(../../wbimages/flbrevard/nature_beaches_space_03.png) no-repeat scroll 52px 30px transparent;
    float: left;
    height: 122px;
    width: 45%;
}
#bn-top div.bn-right {
    bottom: 1px;
    position: absolute;
    right: 0;
}
#bn-top div.bn-right span {
    color: #44525E;
    display: block;
    float: left;
    font-family: "Segoe UI","Segoe","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    padding-top: 5px;
}
#bn-top div.bn-right a {
    text-decoration: none;
}
#bn-btm {
    border-bottom: 1px solid #848284;
    height: 30px;
    width: 1000px;
}
#bn-btm ul {
    margin: 0;
    padding: 0;
}
#bn-btm ul li {
    background: url(../../wbimages/flbrevard/tabs2.png) no-repeat scroll -420px 0 transparent;
    display: inline;
    float: left;
    height: 30px;
    line-height: 30px;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 1px;
    width: 126px;
}
#bn-btm ul li a {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    color: #333333;
    cursor: pointer;
    font-family: "Segoe UI","Segoe","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 30px;
    line-height: 30px !important;
    padding: 0 15px;
    text-decoration: none;
    width: 126px;
}
#bn-btm ul li a:hover {
}
#bn-btm ul li:hover {
    background: url(../../wbimages/flbrevard/tabs2.png) no-repeat scroll -420px -62px transparent;
}
#ft-top {
    background: url(../../wbimages/flbrevard/content_bg.png) repeat-y scroll 0 0 transparent;
    border-top: 1px dotted #999999;
    color: #4C4C4C;
    font: 13px/1.4 "Segoe UI","Segoe","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    width: 1000px;
}
#ft-top table {
    border: 0 none;
    color: #4C4C4C;
    margin: 0;
    padding: 0;
}
#ft-top tr {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #4C4C4C;
    margin: 0;
    padding: 0;
}
#ft-top div {
    color: #4C4C4C;
    font: 13px/1.4 "Segoe UI","Segoe","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
}
#ft-top img {
    border: medium none;
}
#ft-top td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #4C4C4C;
    font: 13px/1.4 "Segoe UI","Segoe","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}
#ft-top a {
    font: 13px/1.4 "Segoe UI","Segoe","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
}
#ft-top p {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #4C4C4C;
    font: 13px/1.4 "Segoe UI","Segoe","Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    margin: 0 0 10px;
    padding: 0;
    text-align: justify;
}
#ft-btm {
    background: url(../../wbimages/flbrevard/content_bottom.png) no-repeat scroll 0 0 transparent;
    height: 14px;
    width: 1000px;
}