/*@charset "utf-8";*/

body
{
  /*margin:0em;*/
  margin:auto;
  text-align:center;
  color: #076a93;
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-weight: normal;
  background-color:#E2EDF7;
  background-repeat: repeat-x;
  padding: 0em;
}
	

/* The fctcenter div centers the cfoutput pages in the FCT Parks Directory - does not work in Firefox */	
#fctcenter
{
  width:100%;
  display: block;
  padding-top:1em;
  margin:0 5% 0 5%;
}

#wrapper
{
  margin:0em auto;
  text-align:center;
  height:auto;
  /*
  min-width:730px;
  */
  width:auto;
}

img
{
  border: 0em;  
}
	
.imgright
{
  float:right;
  margin-left:1em;
  margin-bottom:1em;
}

.imgleft
{
  float:left;
  margin-top:2em;
  margin-right:1em;
  margin-bottom:1em;
}

.imgcenter
{
  display: block;
  margin:.5em auto .5em auto;
}
	

#mainbox
{
  margin:0em auto;
  /*height:2450px;*/
  height:auto;
  text-align:center;
  top: 0em;
  width:68em;
  /*border-top:0;
  border-right: .6em #076a93 solid;
  border-bottom: .6em #076a93 solid;
  border-left: .6em #076a93 solid;
  border: .6em #076a93 solid;*/
  /*background-color: white;*/
  padding-top:0em;
  padding-left:0em;
  padding-bottom:1em;
  color: #333333;
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-weight: normal;
}
#accessibility
{
  position:absolute;
  top: 0em;
  left: 0em;
  width:0em;
  height:0em;
  overflow:hidden;
}

#top
{
  padding-top: 0em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #6699CC;
  color: #333333;
}
	
/* Begin Menu Navigation */

/* Menu Navigation Styles */

.nav a
{
  font-family: Arial,Helvetica,sans-serif;
  font-size: .8em;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
		 
.nav a:hover 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: .8em;
  color: #FFCE63;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

.nav2 a
{
  font-family: Arial,Helvetica,sans-serif;
  font-size: .9em;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
		 
.nav2 a:hover 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
  color: #FFCE63;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

	
/* Invisible Separation Bar Between Links */

.sep
{
  font-family: Arial,Helvetica,sans-serif;
  font-size: .8em;
  color: #6699CC;
  font-weight: bold;
}

/* Begin Menu Navigation Divs */
/* Begin First Row */

#firstmenu
{
  background-color: #6699CC;
  position:relative;
  margin:0 0 0 0;
  width:auto;
  border-top: .1em #6699CC solid; 
  border-right: .1em #6699CC solid; 
  border-bottom: .1em #FFCE63 solid; 
  border-left: .1em #6699CC solid; 
  text-align:left;
  height:auto;
  padding-top:1%;
  padding-right:1%;
  padding-bottom:3%;
  padding-left:1%;
}
	
#home
{
  position: absolute;
  left: 1%;
}
						
#aboutus
{
  position: absolute;
  left: 9%;
}
					
#divprog	
{
  position: absolute;
  left: 20%;
}
				
#offsec
{
  position: absolute;
  left: 41%;
}
	
#newspubs
{
  position: absolute;
  left: 61%;
}

#siteindex
{
  position: absolute;
  left: 79%;
}
	
#contactus
{
  position: absolute;
  left: 90%;
}
	
/* End First Row */

/* Begin Second Row */

#secmenu
{
  background-color: #6699CC;
  position:relative;
  margin:0 0 0 0;
  width:auto;
  border-top: .1em #FFCE63 solid; 
  border-right: .1em #6699CC solid; 
  border-bottom: .1em #6699CC solid; 
  border-left: .1em #6699CC solid; 
  text-align:left;
  height:auto;
  padding-top:1%;
  padding-right:1%;
  padding-bottom:3%;
  padding-left:1%;		
}

#notices
{
  position: absolute;
  left: 1%;
}
	
#webnotice
{
  position: absolute;
  left: 25%;
}

#search
{
  position: absolute;
  left: 65%;
  font-family: Arial,Helvetica,sans-serif;
  font-size:.8em;
  color: #FFCE63;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  height:auto;
}
			
/* End Second Row */
/* End Menu Navigation */

/* Begin Mission Statemennt*/
#mission
{
  background-color:#FFFFFF;
  position:relative;
  margin:.5em .5em .5em .5em;
  width:auto;
  padding-top:1%;
  padding-right:10%;
  padding-bottom:0%;
  padding-left:10%;
}

.mission
{
  text-align:left;
  font-weight: bold;
  font-size: 1.1em;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 1em;
}
	
.mission a
{
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
font-weight: bold;
}
		 
.mission a:hover 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
}	

/* End Mission Statement */

/* Begin Green Background */

#greenbox
{
  background-color: #ACC4AE;
  position:relative;
  margin:0 1em 1em 1em;
  padding:1em 1em 1em 1em;
  width:auto;
  height:auto;
}	
/* End Green Box */

/* Begin White Background */

#whitebox
{
  border: .6em #076a93 solid;
  background-color: #FFFFFF;
  position:relative;
  text-align:left;
  margin:0 1em 0 1em;
  padding:1em 1em 0 1em;
  width:94%;
  height:auto;
  float:left;
}	
/* End White Box */

/* Begin Footer */
#footer
{
  font-weight:bold;
  width: 90%;
  display: block;
  padding-top:3em;
  margin:auto auto auto auto;
/*
position: relative;
margin-bottom:.5em;*/
	
}

/* To ensure that the site renders properly in Firefox, the hidden class contains a non breaking space at the top of the footer to force the footer to the bottom of the page after the whitebox div closes */

#hidden
{
  font-size:xx-small;
  color:#FFFFFF;
  padding:0em;
  margin:0em;
}
	
.hidden
{
  font-size:xx-small;
  color:#FFFFFF;
  padding:0em;
  margin:0em;
}
	
/* End Footer */

/* Begin Left Column - Left column does not automatically lengthen the height of green background and page wrapper but he right column does. */		

#firstcol
{
  position:relative;
  top:0%;
  left:0%;
  width: 52%;
  height: auto;
  float: left;
}

#welcome
{
  background-color:#FFFFFF;
  position: relative;
  width:auto;
  height:auto;
  padding: .8em;
  text-align:left;
  left:0;
}

#welcomebg
{
  background-color:#E2EDF7;
  padding: .8em;
  border: .1em #FFCE63 solid;
  width:62%;
}

.photos
{
  float:right;
  height:auto;
}
	
#secphoto
{
  background-color:#E2EDF7;
  position: relative;
  width: 8em;
  height: auto;
  padding-top: 1em;
  margin-right: 1em;
  float: left;
}
	
.secname
{
  font-family: Arial,Helvetica,sans-serif;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
  margin: 0em;
}

.pwelcome
{
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 1em;
}

#press
{
  background-color:#FFFFFF;
  position: relative;
  width:auto;
  border: .2em #6394CE solid;
  padding: .8em;
  margin-top:1em;
  text-align:left;
  left:0;
}

#partners
{
  background-color:#FFFFFF;
  position: relative;
  width:auto;
  height:auto;
  border: .2em #6394CE solid;
  padding:.8em .8em .1em .8em;
  margin-top:1em;
  text-align:left;
  left:0;
}

#partnerscola
{
  background-color:#FFFFFF;
  position: relative;
  width:48%;
  height: auto;
  padding-top:.5em;
}
	
#govsection
{
  position: relative;
  top:1.5em;
  width: 8.5em;
  height: auto;
  margin-right: 1em;
  float: right;
}

.govname
{
  font-family: Arial,Helvetica,sans-serif;
  font-variant: small-caps;
  font-size: 1.1em;
  font-weight: bold;
  margin-left: 1em;
}

#partnerscolb
{
  background-color:#FFFFFF;
  text-align:center;
  position: absolute;
  right:1em;
  top:3.5em;
  width: 48%;
  height: auto;
  margin-bottom:1em;
}	

/* End Left Column */
			
/* Begin Right Column - height automatically adjusts */		

#secondcol
{
  position: relative;
  margin-left:55%;
  width:auto;
  height: auto;
  padding:0 0 0 0; 
  margin-top:0em;
}	

#secmessages
{
  text-align:left;
  background-color:#FFFFFF;
  position: relative;
  width: auto;
  border: .2em #6394CE solid;
  padding: .8em;
  margin-top:0em;
}
	
#spotlight
{
  background-color:#FFFFFF;
  border: .2em #6394CE solid;
  text-align:left;
  margin-top:1em;
  position: relative;
  width: auto;
  padding: .8em;
  margin-top:1em;
}
	
.spphotos
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
	
#fct
{
  background-color: #FFFFFF;
  border: .2em #6394CE solid;
  text-align: left;
  margin-top: 1em;
  position: relative;
  width: auto;
  padding: .8em; 
}

#fctlink
{
  background-color: #6699CC; 
  padding: .8em;
  border: .2em #ACC4AE solid;
  height: auto;
}
			
.fct a
{
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.3em;
  padding-left:1em;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  font-variant: small-caps;
}
		 
.fct a:hover 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  padding-left:1em;
  color: #FFCE63;
  font-weight: bold;
  text-decoration: none;
  font-variant: small-caps;
}

.fctlogo
{
  vertical-align:middle;
  left:auto;
  height:auto;
}
			
#find
{
  background-color:#FFFFFF;
  border: 0em #6394CE solid;
  position: relative;
  width:auto;
  padding: .8em;
  text-align:left;
  margin-top:1em;
  height:22em;
}

.fmphotos
{
  float:left;
  width:auto;
  margin-top:.8em;
  margin-bottom:.8em;
  padding-right:1.5em;
}
	
/* End Right Column */				

/* General Navigation */			

a
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-style: normal;
  line-height: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  color: #336699;
}
	
a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-style: normal;
  line-height: normal;
  font-variant: normal;
  text-transform: none;
  color: #336699;
  text-decoration: underline;
}
	
/* External Links with image */	

a[rel="ext"], a.ext 
{
  white-space: nowrap;
  position:relative;
  padding-right: 1em;
  background: url(../images/externallink.png) no-repeat 100% 50%;
  /*		
  white-space: nowrap;
  padding-right: 1em;
  background: url(../images/externallink.png) no-repeat 100% 50%;
  zoom: 1;
  */
}

/* Header Styles */

h1
{
  background-color: #076a93;
  margin:0;
  padding: .2em 2em .2em .5em;
  font-size: 1.4em;
  color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  text-align:left;
}

/* Produces Level One Header at 30% width */
.h130
{
  width:30%;
}
	
/* Produces Level One Header at 40% width */
.h140
{
  width:40%;
}

/* Produces Level One Header at 50% width */
.h150
{
  width:50%;
}

/* Produces Level One Header at 55% width */
.h155

{
  width:55%;
}
	
h2
{	
  font-family: Arial,Helvetica,sans-serif;
  color: #333333;
  font-weight: bold;
  font-size: 1.3em;
} 

h3
{	
  font-family: Arial,Helvetica,sans-serif;
  color: #333333;
  font-weight: bold;
  font-size: 1.2em;
  margin-left: .5em;
}

h4
{	
  font-family: Arial,Helvetica,sans-serif;
  color: #333333;
  font-weight: bold;
  font-size: 1.1em;
  margin-left: 1.3em;
}

h5
{
  font-family: Arial,Helvetica,sans-serif;
  color: #333333;
  font-weight: bold;
  font-size: 1em;
  margin-left: 1.35em;
} 

h6
{
  font-family: Arial,Helvetica,sans-serif;
  color: #333333;
  font-weight: bold;
  font-size: 1em;
  font-style:italic;
  margin-left: 1.35em;
} 

.center
{
  text-align:center;
}
/* The alphah3 header is for the alphabectical level 3 header used on certain listing pages, such as the DCP publication page */	
.alphah3
{
  background-color: #6699CC;
  margin:0;
  padding:.2em 1em .2em 1em;
  font-size: 1.2em;
  color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  text-align:center;
  width: 6%;
}
	
/* For header with light blue background */		
.lblueh
{
  background-color: #E2EDF7;
  padding-left: .2em;
  font-weight: bold;
  padding-bottom: .2em;
  color: #000000;
  padding-top: .2em;
}

/* End Header Styles */

/* List Item Styles */

/* For most common ordered and unordered lists */

.libold
{
  font-weight: bold;
  font-size: 1.1em;
}

/* .libold2 used on DCP home page */
	
.libold2
{
  font-weight: bold;
  font-size: 1em;
  margin-left:-1.5em;
}
	
/* For a larger font - ordered and unordered lists */

.libold3
{
  font-weight: bold;
  font-size: 1.3em;
}


li
{
  padding-bottom:1em;
}

/* .lifirst adds space above the item - use for first item in nested lists */	
.lifirst
{
  padding-top:1em;
}


/*.linoindent does not indent; produces square bullet; .linoindentf is used as first li under .linoindent with secondary list; .linoindent2 does not produce a bullet; Primarily for small boxes on Home page and program navigation box */
.linoindent
{	
  list-style-position: outside;
  list-style-type: square;
  margin-left: -1.5em;		
}
	
.linoindent2
{	
  list-style-position: outside;
  list-style-type: none;
  margin-left: -2.5em;		
}
	
.linoindentf
{	
  list-style-position: outside;
  list-style-type: square;
  margin-left: -1.5em;	
  padding-top:1em;	
}
	
.lismallind
{
  padding-top:1em;
  padding-bottom:0em;
  list-style-position: outside;
  list-style-type: square;
  margin-left: -1.5em;
}

/* .linum does not indent; used for numbered list in program navigation box; .olnumind indents ordered lists - needed when numbered list is higher than one digit to prevent two digit numbers from using left margin space. */

.linum
{	
  list-style-position: outside;
  margin-left: -1.5em;		
}
		
.litight		
{
  padding-top: 0.25em;
  margin-left: -1.5em;
}
	
.olnumind
{
  padding-left:1.5em;
}


/* .liclear style does not produce a bullet - used in "Partners" section of Home page and as the answer in some FAQ pages. Class .ulnone does not produce a bullet but maintains normal margins. */
.liclear
{
  padding-top: .7em;
  list-style-type: none;
  margin-left: -3em;
  margin-top: 0em;
}
	
.ulnone
{
  list-style-type: none;
}

/* li2 style is used in the "Divisions and Programs" page and some official list reports */	
.li2		
{
  list-style-type: circle; 
  padding-top:0.25em;
  padding-bottom:0em;
  padding-left: .6em;
  text-indent: -.6em;
}
	
.liheader
{
  background-color: #6699CC;
  font-size:1.1em;
  font-weight: bold;
  padding:.2em 1em .2em 1em;
  color: #FFFFFF;
  font-variant:small-caps;
}


/* Font Styles */
p
{
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  margin-left: 1.5em;
  margin-right: 1em;
  line-height: 1.3em;
}

.pemph
{
  text-align:center;
  font-weight:bold;
  font-style:italic;
}

hr
{
  width:80%;
}
	
.hrfull
{
  width:100%;
}
	
.hrstyle2
{
  margin:0 10% .5em 10%;
  width:100%;
  color:#7e9b6d;
}

/* For program navigation menu boxes - important - this box must be shorter than the page content in the white space. The access2 div provides a skip program navigation anchor link. totals is for official list of special districts. */
#access2
{
  position:absolute;
  top: 0em;
  left: 0em;
  width:0em;
  height:0em;
  overflow:hidden;
}

#totals	
{
  position:absolute;
  top:27em;
  left: 42.75em;
  background-color:#FFFFFF;
  border: .15em #6394CE solid;
  width: 19em;
  padding: .5em;
  margin-left:2em;
  margin-bottom:1em;
}

#totalsin
{
  background-color:#E2EDF7;
  font-weight: bold;
  font-variant: small-caps;
  font-size: small;
  width: auto;
  float: none;
  padding: .5em;
}

#navout	
{
  background-color:#FFFFFF;
  border: .15em #076a93 solid;
  width: 19em;
  padding: .5em;
  margin:1em 0 1em 2em;
  float: right;
}

#navin
{
  background-color:#E2EDF7;
  font-weight: bold;
  font-variant: small-caps;
  font-size: small;
  width: auto;
  float: none;
  padding: .5em;
}

.navheader
{
  font-family: Arial,Helvetica,sans-serif;
  text-align: center;
  background-color: #076a93;
  margin: 0em;
  padding: .2em;
  font-weight: bold;
  color: #FFFFFF;
  width: auto;
}

.fprognav a
{
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  color: #8D785D;
  font-weight: bold;
  text-decoration: none;
  font-variant: small-caps;
  vertical-align: baseline;
}
		 
.fprognav a:hover 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #7E9B6D;
  font-weight: bold;
  text-decoration: none;
  font-variant: small-caps;
  vertical-align: baseline;
}

/* For FCT Parks Link on top of navigation box */

.findpark
{
  margin-top:.8em;
  margin-bottom:2em;
}

#parklogo
{
  margin-top:.8em;
  margin-bottom:.8em;
  height: auto;
  float: left;
  vertical-align:text-top;
}
	
.imgfct
{
  margin-right:1em;
  height:auto;
}

	
/* End Program Navigation Boxes */

/* Divisions and Programs Page */

#abovegreen
{
  background-color:#FFFFFF;
  position:relative;
  text-align:left;
  margin:.5em .5em .5em .5em;
  width:auto;
  padding:.5em 1em 0 1em;
}

#side1
{
  position:relative;
  background-color:#FFFFFF;
  border: .2em #6394CE solid;
  text-align: left;
  top:0%;
  left:0%;
  width: 48%;
  padding: .5em;
  height: auto;
  float: left;
}
	
#side2
{
  position: relative;
  background-color:#FFFFFF;
  border: .2em #6394CE solid;
  text-align: left;
  margin-left:51%;
  width:auto;
  padding: .5em;
  height: auto;
  margin-top:0em;
}
	
/* End Divisions and Programs Page */

/* Begin Site Index Page - also used with the "At A Glance: Reports and Information By Due Date" page in the Florida Special District Handbook */

#siteside1
{
  position:relative;
  background-color:#FFFFFF;
  text-align: left;
  top:1em;
  margin-top:0em;
  left:0%;
  width: 48%;
  padding: .5em;
  height: auto;
  float: left;
}
	
#siteside2
{
  position: relative;
  background-color:#FFFFFF;
  text-align: left;
  margin-left:51%;
  width:auto;
  padding: .5em;
  height: auto;
  top:.5em;
  margin-top:0em;
}

/* For light blue header on site index page */		
.siteindex
{
  background-color: #E2EDF7;
  padding-left: .2em;

  font-size: small;
  font-weight: bold;
  padding-bottom: .2em;
  color: #000000;
  padding-top: .2em;
}

/* Bullet style on site index page */		
.ulcircle2
{
  list-style-type: circle; 
  padding-left: .6em;
  text-indent: -.6em;
  padding-top:0.25em;
  padding-bottom:0.25em;
}

/* End Site Index Page */

/* For Forms Pages - Contact Us, Subscribe, Unsubscribe, workshop registration, official list of special districts, etc. IMPORTANT - See FIELDSET and LEGEND Style fix for IE Browsers in header of each form page. */

fieldset
{
  background-color:#E2EDF7;
  padding:1em .5em 1.5em .5em;
  margin-top:1em;
  width:60%;
}
	
legend
{
  font-family: Arial,Helvetica,sans-serif;
  font-size:1.1em;
  text-align: center;
  background-color: #076a93;
  margin: .3em;
  padding: .3em;
  font-weight: bold;
  color: #FFFFFF;
  font-variant:small-caps;
}

/* Contact Us Form */
	
.culabel
{
  display:block;
  font-weight:bold;
  text-align:right;
  width:12em;
  float:left;
  margin:auto;
  height:auto
}

.cuinput
{
  float:left;
  height:auto;
  font-size:1em;
  margin:0 0 0 1em;
}
	
.curadio
{
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0em;
  margin: 0 0 0 1em;
}

/* Official List Forms */
	
.ollabel
{
  display:block;
  font-weight:bold;
  text-align:right;
  width:20em;
  float:left;
  font-size: 1em;
  margin:auto;
  height:auto
}
	

.olradio
{
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 1em;
}

.olinput
{
  float:left;
  font-size:1.1em;
  padding:.2em;
  margin:0 0 1em 1em;
}

/* Online Registration (workshop) Forms */

.orlabel
{
  display:block;
  font-weight:bold;
  text-align:right;
  width:20em;
  float:left;
  margin:auto;
  height:auto
}

.select
{
  margin-left: 1em;
  margin-right: 1em;
}

.olselect
{
  margin: 1em 1em 1em 1em;
}

.label
{
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1.1em;
  margin-left: .5em;
}
		
.pform
{
  margin-left: 0em;
}
	
.red
{
  color: #ff0000;
}
	
.licheck
{
  list-style-type: none;
  font-weight: bold;
  font-variant: small-caps;
  font-size: 1em;
  margin-left: -2em;
  padding-top: 1em;
}
	
/* The following produces text in bold AND italics - most often used to format the question on FAQ pages */

.question 
{
  font-style: italic;
  font-weight: bold;
}

/* The following produces text only in bold - used on due dates page in the special district handbook */
.subject 
{
  font-weight: bold;
}
	
/* The following produces a smaller font in italics */

.smallital
{
  font-size: small;
  font-style: italic;
}
	
/* The following styles are for the Secretaries Gallery Page */

.introtext
{
  text-align: center;
  font-size: medium;
  margin-left:17%;
  margin-right:17%;
}
		
.introtext a 
{
  font-size: medium;
}
			
.introtext a:hover
{
  font-size: medium;
}

/* Row 1 - expandable height */				

#boxesr1
{
  background-color:#ACC4AE;
  position:relative;
  margin:1em 0 1em 0;
  padding:0em;
  width:auto;
}

/* Row 1, Boxes 1 - 3, only Box 1 is expandable */		
#Box1
{
  background-color:#FFFFFF;
  position: relative;
  margin-right:auto;
  top:0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}
					
#Box2
{
  background-color:#FFFFFF;
  position: absolute;
  left:36%;
  top: 0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}
		
#Box3
{
  background-color:#FFFFFF;
  position: absolute;
  left: 71%;
  top: 0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}			
	
/* Row 2 - expandable height */				
#boxesr2
{
  background-color:#ACC4AE;
  position:relative;
  margin-top:1em;
  margin-left:0em;
  margin-right:0em;
  margin-bottom: 1em;
  padding:0em;
}
	
/* Row 2, Boxes 4 - 6, only Box 4 is expandable */		
#Box4
{
  background-color:#FFFFFF;
  position: relative;
  margin-right:auto;
  top:0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}				
	
#Box5
{
  background-color:#FFFFFF;
  position: absolute;
  left: 36%;
  top: 0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}
					
#Box6
{
  background-color:#FFFFFF;
  position: absolute;
  left: 71%;
  top: 0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}
	
/* Row 3 - expandable height */				
#boxesr3
{
  background-color:#ACC4AE;
  position:relative;
  margin-top:1em;
  margin-left:0em;
  margin-right:0em;
  margin-bottom: 1em;
  padding:0em;
}
/* Row 3, Boxes 7 - 9, only Box 7 is expandable */		
#Box7
{
  background-color:#FFFFFF;
  position: relative;
  margin-right:auto;
  top:0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}				
	
#Box8
{
  background-color:#FFFFFF;
  position: absolute;
  left: 36%;
  top: 0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}
					
#Box9
{
  background-color:#FFFFFF;
  position: absolute;
  left: 71%;
  top: 0em;
  width: 25%;
  border: .3em #000000 solid;
  padding: .8em; 
}
	
/* Row 4 - expandable height */				
#boxesr4
{
  background-color:#ACC4AE;
  position:relative;
  margin-top:1em;
  margin-left:0em;
  margin-right:0em;
  margin-bottom: 0em;
  padding:0em;
  height:auto;
}
	
/* Row 4, Boxes 10 - 12, only Box 10 is expandable */		

#Box10
{
  background-color:#FFFFFF;
  position: relative;
  margin-right:auto;
  top:0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}

#Box11
{
  background-color:#FFFFFF;
  position: absolute;
  left: 36%;
  top: 0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}
					
#Box12
{
  background-color:#FFFFFF;
  position: absolute;
  left: 71%;
  top: 0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}	

/* Row 5 - expandable height */				

#boxesr5
{
  background-color:#ACC4AE;
  position:relative;
  margin-top:1em;
  margin-left:0em;
  margin-right:0em;
  margin-bottom: 0em;
  padding:0em;
  height:auto;
}

/* Row 5, Boxes 13 - 15, only Box 13 is expandable */		
#Box13
{
  background-color:#FFFFFF;
  position: relative;
  margin-right:auto;
  top:0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}

#Box14
{
  background-color:#FFFFFF;
  position: absolute;
  left: 36%;
  top: 0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}
					
#Box15
{
  background-color:#FFFFFF;
  position: absolute;
  left: 71%;
  top: 0em;
  width: 25%;
  border: .3em #FFCE63 solid;
  padding: .8em; 
}	
		
.secimages
{
  border: ridge .2em #6394CE;
  display: block;
  margin-left: auto;
  margin-top:.5em;
  margin-right: auto;
  margin-bottom:.5em;
}
	
.dates
{
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
  font-style: italic;
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
  margin-top: .5em;
  margin-bottom: .1em;
}

.name
{
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
  line-height: .0em;
  margin-top: .7em;
  margin-bottom: .5em;
}

/* .aname is for the Assistant Secretary */
.aname
{
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
  margin-top: .7em;
  margin-bottom: .5em;
}

.name a
{
  color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
  line-height: .0em;
  margin-top: .7em;
  margin-bottom: .5em;
}
		
.name a:hover
{
  color: #336699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
  line-height: .0em;
  margin-top: .7em;
  margin-bottom: .5em;
}


/* End styles for the Secretaries Gallery Page */

/* Forms on DCP Reports Notices pages */

.DCPlabel
{
  display:block;
  font-weight:bold;
  text-align:right;
  width:28em;
  float:left;
  font-size: 1em;
  margin:auto;
  height:auto;
}

	
.indentclear
{
  list-style-type: none;
  font-variant: small-caps;
  font-size: .8em;
  margin-left: -2em;
  padding-top: 1em;
  margin-right: 2em;
}

.indent
{
  padding-top: 2em;
  font-variant: small-caps;
  font-size: 1.1em;
  margin-left: 1em;
}
	
/* End Forms on DCP Notices pages */

th
{
  text-align:center;
}
	
/* Areas of Critical State Concern Program Permit Review table */

.permitstable
{
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:95%;
}	
	
/* Official List of Special Districts report tables */

.oltable
{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
	
.oltabletest
{
  margin-left: auto;
  margin-right: auto;
}

col#county 
{
  padding-right: 1em;
}
	
col#status 
{ 
  padding-right: 1em;
}
	
col#district 
{
  padding-right: 1em;
}
	
col#email 
{
  text-align:left;
}

.thleft
{
  text-align:left;
}

.thleft2
{
  text-align:left;
  padding-bottom:1em;
  padding-top:1em;
}
	
.thcenter
{
  padding-bottom:1em;
  padding-top:1em;
  text-align:center;
  width:auto;
  font-weight:bold;
}
		
.reporthd
{
  background-color: #6699CC;
  font-size:1.1em;
  font-weight: bold;
  padding-left: 1em;
  padding-bottom: .2em;
  color: #FFFFFF;
  padding-top: .2em;
  width:100%;
  margin-left: 0;
  margin-top: 1em;
  margin-bottom:1em;
  font-variant:small-caps;
}
/*added this class for sumfunctionlist report*/
.reporthd1
{
  background-color: #6699CC;
  font-size:1.1em;
  font-weight: bold;
  padding-left: 1em;
  padding-bottom: .2em;
  color: #FFFFFF;
  padding-top: .2em;
  width:98%;
  margin-left: 0;
  margin-top: 1em;
  margin-bottom:1em;
  font-variant:small-caps;
}

.ollabel
{
  display:block;
  font-weight:bold;
  text-align:right;
  width:20em;
  float:left;
  font-size: 1em;
  margin:auto;
  height:auto;
}
	
.feelabel
{
  display:block;
  font-weight:bold;
  text-align:right;
  width:47em;
  float:left;
  font-size: 1em;
  margin:auto;
  height:auto;
}
	
.feelabel2
{
  display:block;
  font-weight:bold;
  text-align:right;
  width:14em;
  float:left;
  margin:auto;
  height:auto;
}
	
.feeinput
{
  float:left;
  font-size:1.1em;
  padding:.2em;
  margin-left:1em;
  margin-top:0em;
  margin-right:0em;
  margin-bottom:1em;
}

.olinput
{
  float:left;
  font-size:1.1em;
  padding:.2em;
  margin-left:1em;
  margin-top:0em;
  margin-right:0em;
  margin-bottom:1em;
}
	
.olradio
{
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 1em;
}

/* Videos */	
.player
{ 	
  margin-top: 0em;
  margin-right:0em;
  margin-bottom:3em;
  margin-left: 4em;
}

/* Webreports */
.actionBtn 
{ /* for Submit or Reset */
  font-family:Verdana, Helvetica, sans-serif;
  background: linear-gradient(white, #cccccc);
  border:1px solid grey;
  border-radius:3px 3px 3px 3px;
  font-weight: 800;
  height:22px;
  margin-left:25px;
}
.districtLabel
{
  font-size:medium;
  font-style: italic;
  font-weight:bold;
  padding-left:20%;
  text-align:left;
  /*text-decoration: underline;*/
}

.listBx
{
  /*margin-left:15%;*/
  /*margin-left:2.5%;*/
  margin-left: 1em;
  font-weight:200;
}

.listBxTbl
{
  margin-left:2%;
  width:70%;
}

.listBxlbl
{
  font-weight:600;
  text-align:right;
  vertical-align:top;
  width:28%;
}

.spacingV
{
  margin-bottom:1%;
}

.functionsdetails {
    border: 0 solid black;
    border-collapse: collapse;
}

.functionsdetailsLeft {
    width:800px;
    font-weight:bold;
}


.functionsdetailsRight {
    text-align:left;
}


table .radioLst {
    margin-left: 8%;
}

table.radioLst input
{
  display:block;
  float:right;
  margin-left:10px;
}

table.radioLst label
{
  display:block;
  float:right;
}

.webreportLabel
{
  text-align:left;
  font-weight:bold;
  font-size:small;
}

.dataList
{
  margin-left:15%;
}