/* CSS Document */
BODY {
font-family:Arial, Helvetica, sans-serif;
 font-size: .8em;
 color:#4a4a4a;
 margin:0;
 background-color: #4a4a4a;
}

html>body #ContentWrapper{
 height:auto;
}

*html #ContentWrapper{
height: 300px;
}

img{
border: 0px;
margin:0px;
padding:0px;
}

#textcenter{
text-align:center;
}

.textcenter{
text-align:center;
}

.textleft {
float:left;
}

.textright {
float:right;
}

#JudgeImages{
 float:left;
 margin:3px;
 clear:both;
 padding: 0px;
 }

#Wrapper{
width: 700px;
margin-left:auto;
margin-right:auto;
}

#Header{
margin-top:13px;
margin-bottom:3px;
padding-bottom:5px;
height:30px;
background-color:#4a4a4a;
}

/*Calendar Specs*/

.calpageName {
	font:24px;
	font-weight:bold;
	color: #000033;
	letter-spacing:.1em;
	line-height:26px;
	}
	
.calsubHeader {
	font:16px ;
	color: #333333;
	font-weight:125;
	line-height:20px;
	letter-spacing:.1em;
	}

#weekdays th {
	font:10px arial;
	color: #000033;
	letter-spacing:.2em;
	}

.calheader td {
	font-weight:bold;
	}
	
.calendarText {
	font:11px arial;
	line-height:14px;
	color:#333333;
	text-align:center;
	}

/*End Calendar Specs*/
#countylist{
 color: #ffffff;
 float: left;
 margin-left: 55px;
 font-size: .8em;
 text-align:center;
}

#search{
 float: right;
 height: 10px;
 margin-top:4px;
}

#Navigation{
clear:both;
height: 14px;
background-color:#FFFFFF;
}
/*Banners*/
.Banner{
height:100px;
background-image:url(../img/banner3remake.jpg);
}

.BannerLeon{
height:100px;
background-image:url(../img/banner3remake.jpg);
}

.BannerWakulla{
height:100px;
background-image:url(../img/BannerWakulla.jpg);
}

.BannerFranklin{
height:100px;
background-image:url(../img/banner3remake.jpg);
}

.BannerGadsden{
height:100px;
background-image:url(../img/BannerGadsden.jpg);
}

.BannerJefferson{
height:100px;
background-image:url(../img/banner3remake.jpg);
}

.BannerLiberty{
height:100px;
background-image:url(../img/banner3remake.jpg);
}

#LargeText{
font-size:1.6em;
width:160px;
margin-left:auto;
margin-right:auto;
text-align:center;
padding:5px;
color:#4a4a4a;
}

#ContentWrapper{
height:300px;
min-height:300px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
background-color:#FFFFFF;
padding-bottom:15px;
padding-top:5px;
padding-left:10px;
padding-right:20px;
}

#Footer{
height:15px;
text-align:right;
padding-right:3px;
padding-bottom:3px;
font-size: .8em;
background-color:#FFFFFF;
clear: both;
}

a:link{
 text-decoration:none;
 color:#006699;
}

a:visited{
 text-decoration:none;
 color:#0099CC;
}

a:hover{
 text-decoration:none;
 color:#cd3736;
 }

a:active{
 text-decoration:none;
 color:#3CF;
}

a:link.blue{
 text-decoration:none;
 color:#3CF;
}

a:hover.blue{
 text-decoration:none;
 color:#cd3736;
}

.texta {
 font-size: 1em;
 background-color: #FFFFFF;
 border: 0px;
 border: 1px solid #000000;
}

#banner{
 float: left;
 width: 248px;
 height: 30px;
}

#linkspanel{
 float:left;
 width:125px;
 border-right: dashed 1px #AAAAAA;
 border-bottom: dashed 1px #AAAAAA;
 font-size:.8em;
 padding-right:3px;
 padding-bottom:3px;
 margin-right:5px;
 margin-bottom:5px;
 clear:both;
 padding-left:5px;
}

#LeftBox{
float:left;
clear:right;
}

#RightBox{
float:right;
width:350px;
text-align:center;
}

.RightBox{
float:right;
width:350px;
text-align:center;
}

.skinny{
font-weight: 100;
color: #333333;
}

#francispic{
 float:left;
 vertical-align:top;
 text-align:center;
 clear:both;
 padding-top: 5px;
 padding-bottom:1px;
 font-weight:bold;
 margin-right:10px;
}

#ChiefJudge{
float:left;
width:300px;
margin-left:3px;
clear:both;
padding:0px;
}
/*Teen Court h1*/
.large{
font-size: 1.3em;
color:#000033;
margin-bottom:6px;
margin-top:6px;
}


h1{
font-size: 1.1em;
margin-bottom:6px;
margin-top:6px;
}

h2{
font-size: .9em;
margin-bottom:6px;
margin-top:6px;
}

p {
margin-top:3px;
margin-bottom:6px;
letter-spacing:.8px;
word-spacing:2px;
}

.list {
margin-top:3px;
margin-bottom:3px;
}

/*Line under graphic text */

.line { background: #fff url(../img/borderLine.gif) no-repeat center bottom;
margin: 8px auto;
height: 1px;
}

#clearimage{
clear:left;

}

/*Alignment*/
#Center{
 margin-left:auto;
 margin-right:auto;
}

#left{
float: left;
}

/*Main Nav Menu */
.clearfix {
 clear:both;
}

#nav-sub {
 background:#FFF;
 height:14px;
 width:692px;
 margin:0;
 z-index: 1;
}

#nav,#nav ul {
 float:left;
 width:700px;
 list-style:none;
 line-height:14px;
 margin:0;
 padding:0;
   background: url(../img/floridatop.jpg) no-repeat top right;
}

li.nav01,li.nav02,li.nav03,li.nav04,li.nav05, li.nav06, li.nav07, li.nav08 {
 border-top:0;
 border-right:#d4d4d4 1px solid;
 border-bottom:0;
 border-left:0;
}

#test ul li{
list-style:circle;
}

#nav a {
 display:block;
 color:#4a4a4a;
 text-decoration:none;
 font-size:.8em;
}

#nav a:hover {
 color:#cd3736;
}

#nav a.daddy {
 background:url(../img/rightarrow.gif) center right no-repeat;
 background-position:115px 6px;
}

#nav a.pdf {
 background:url(../img/symbol-pdf.gif) center right no-repeat;
 background-position:115px 6px;
}

#nav a.email {
 background:url(../img/symbol-email.gif) center right no-repeat;
 background-position:115px 6px;
}

#nav li {
 float:left;
 padding:0;
}

#nav li ul {
 position:absolute;
 left:-999em;
 height:14;
 width:130px;
 background:#FFF;
 border-top:#CCC solid 1px;
 border-right:#CCC solid 1px;
 border-left:#CCC solid 1px;
 border-bottom:0;
 margin:0;
}

#nav li li {
 padding-right:0;
 width:130px;
}

#nav li ul a {
 width:125px;
 border-bottom:#CCC solid 1px;
 padding:5px 0 5px 5px;
}

#nav li ul ul {
 margin:-22px 0 5px 125px;
}

#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li.sfhover ul ul,#nav li.sfhover ul ul ul {
 left:-999em;
 background-position: 0 0;
}

#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul {
 left:auto;
  background-position: 0 0;

}

#nav ul li:hover,#nav ul li.sfhover {
 background:#f0f0f0;
 background-position: 0 0;
}

/*Home*/
li.nav01{
 height:14px;
 width:50px;
}

/*About*/
li.nav02{
 width:70px;
 height:14px;
}
/*Admin*/
li.nav03 {
 width:100px;
 height:14px;
}
/*Contact*/
li.nav04{
 width:85px;
 height:14px;
}
/*Help*/
li.nav05{
 width:45px;
 height:14px;
}
/*Judges*/
li.nav06 {
 width:55px;
 height:14px;
}
/*Links*/
li.nav07 {
 width:48px;
 height:14px;
}

/*Teen Court Main Tabs*/

body {
	padding: 0px;
}

#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-top : 15px;
	padding-bottom : 19px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	font-weight : bold;
	text-decoration : underline;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a  {
	background : #fff;
	border-left : 1px solid #000066;
	border-right : 1px solid #000066;
	border-top : 1px solid #000066;
	border-bottom : 1px solid #fff;
	color : #003399;
	font-weight: bold;
}
/*End Tabs*/
/*This will make a half line*/
.half  {
       width: 350px;
	   float: center;
}

/*Table Style for Phone Listings*/
#head th {
	font:12px arial;
	color: #000033;
	letter-spacing:.2em;
	}	
	
#phonehead th {
	font:12px arial;
	color: #000033;
	letter-spacing:.2em;
	}	
#phoneheadoutlying th {
	font:12px arial;
	color: #000033;
	letter-spacing:.2em;
	}	
.phoneheader td {
	font-weight:bold;
	}	
	
.phonehead th {
	font:12px arial;
	color: #000033;
	letter-spacing:.2em;
	}		
	
.phoneText {
	font:11.5px arial;
	line-height:14px;
	color:#333333;
	text-align:center;
	}	
.phonepageName {
	font:24px;
	font-weight:bold;
	color: #000033;
	letter-spacing:.1em;
	line-height:28px;
	}
	
.phonesubHeader {
	font:16px ;
	color: #333333;
	font-weight:125;
	line-height:20px;
	letter-spacing:.1em;
	}

.phoneheader td {
	font-weight:bold;
	}
	
.head th {
	font:12px arial;
	color: #000033;
	letter-spacing:.2em;
	}	
	
.main{
    font:12px arial;
	line-height:14px;
	color:#000033;
	text-align:center;
}
.phoneTextPad {
    padding-top:26px;
	font:11.5px arial;
	line-height:14px;
	color:#333333;
	text-align:center;
}

.phoneTextJudge{
   	font:12.5px arial;
	line-height:16px;
	color:#000033;
	text-align:center;
}	

.bodyText{
	font:12px arial;
	color: #000033;
	letter-spacing:.2em;
	}	
	
.orderText {
	font:12px arial;
	line-height:14px;
	text-align:center;
	}	

/* Use div class = "pad" to indent 15 px*/
.pad {
	padding-left:15px;
}

.pad12 {
	padding-left:12px;
}

.TextOnly {
	 display: none;
}

.sitemap li {
	list-style-type: none;
	margin-bottom:-2px;
}

.sitemap ul {
	margin-top:-2px;
}

ul#sitemap > li {
	margin-bottom: 10px;
}

a[class ="icon"] {
   padding-left: 25px;
   background: transparent url(../img/folder.jpg) no-repeat center left;
   font-weight:450;
}

.sitehead {
   padding-left: 25px;
}

.sitetextright {
float:right;
padding-right:25px;
}

.warning {
font-weight:600;
color:#CC0000;
}

.small {
font-size:10px;
}

.red {
color:#FF0000;
}

.table {
	width:100%
}

.table th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #eef;
}

.table td {
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	background: #fff;
	text-align: center;
	color: #4f6b72;
}

.head th {
	font:12px arial;
	color: #000033;
	letter-spacing:.2em;
	}	
	
.tinytext {
	font-size:xx-small;
}

.table2 {
	width:100%
}

.table2 th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #eef;
}

.table2 td {
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	background: #fff;
	text-align: center;
	font:10.5px arial;
	color: #4f6b72;
}

.table3 th {
	font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background: #eef;
}

.table3 td {
	vertical-align:text-top;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	background: #fff;
	font: 12px arial;
	color: #4f6b72;
}

.head th {
	font:11px arial;
	color: #000033;
	letter-spacing:.2em;
	}	

.notop {
	margin-top:0px;
	padding-top:0px;
}
		
		
#navSquare {
        margin: 0;
        padding: 0 0 20px 0px;
        border-bottom: 1px solid #9FB1BC;
}

#navSquare li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navSquare a:link, #navSquare a:visited {
        float: left;
        font-size: 13px;
        line-height: 16px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navSquare a:link.active, #navSquare a:visited.active, #navSquare a:hover {
        color: #000;
        background: url(../img/Square.gif) no-repeat bottom center;
}

.technology{ /*header of accordion*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}
.openlanguage{ /*class added to contents of accordion when they are open*/
color: #333333;
}

.closedlanguage{ /*class added to contents of accordion when they are closed*/
color: #000033;
}

.Sub{ /*header of sub accordion 1 */
padding-left:40px;
cursor: hand;
cursor: pointer;
font: bold 12px Verdana;
margin: 10px 0;
}
.opensublanguage{ /*class added to contents of sub accordion when they are open*/
color: #333333;
}

.closedsublanguage{ /*class added to contents of sub accordion when they are closed*/
color: #000033;
}

#volunteer table { 
 background-color: #F9FBFD; 
 color: #000000; 
 width: 440px; 
 border: 1px solid #D7E5F2; 
 border-collapse: collapse; 
} 

#volunteer td { 
 border: 1px solid #D7E5F2; 
 padding-left: 4px; 
}

form { 
  margin:0; 
  padding:0; 
  } 
fieldset { 
  margin:0 0 10px 0; 
  padding:5px; 
  border:1px solid #333;
  }
legend { 
  background-color: #CCCCFF;
  margin: 0; 
  font-weight: bold;
  padding:5px; 
  border-style:solid; 
  border-width:1px; 
  border-color:#FFF #AAA #666 #FFF; 
  } 
label { 
  font-weight:bold;
  display: block;  /* block float the labels to left column, set a width */
  float: left; 
  width: 150px; 
  padding: 0; 
  margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
  text-align: right; 
  } 
#lastname, #firstname, #email, #address, #city, #school, #parentlastname, #parentfirstname, #parentemail, #parentaddress, #parentcity { 
  width:50%; 
  background-color: #CCCCFF;
  } 
  
#middle, #dob, #phone, #state, #zip, #parentphone, #parentstate, #parentzip, #race, #gender, #grade{ 
  width:15%; 
  background-color: #CCCCFF;
  } 
input, textarea { 
  border:3px double #333;
  background-color: #CCCCFF; 
  }
 
 .red{
 color:#990000;
 }

/*Event Calendar*/
#evtcal { border:0; cellpadding:0; cellspacing:0; width=:584;}
.row1 {padding: 3px; align: center; bgcolor: #aaddff; valign: top; width:314px;}
.row2 {width:10px;}
.row3 {padding: 3px; align: center; bgcolor: #ffffc8 valign: top; width:260;}
.row4 {text-align:center; text-shadow:#006633; font-weight:bold;}
#evtcal a:link {font: normal 12pt "Arial", "Helvetica", "Sans Serif"; color: #004400; text-decoration: none;}		/* unvisited link */
#evtcal a:visited {font: normal 12pt "Arial", "Helvetica", "Sans Serif"; color: #004400; text-decoration: none;}	/* visited link */
#evtcal a:hover {font: normal 12pt "Arial", "Helvetica", "Sans Serif"; color: #004400; text-decoration: underline;}	/* mouse over link */
#evtcal a:active {font: normal 12pt "Arial", "Helvetica", "Sans Serif"; color: #004400; text-decoration: none;}		/* selected link */


	#dhtmlgoodies_slideshow{
		width:600px;	/* Total width of slideshow */


	}
	
	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}