/*CSS Document*/
* {margin:0; padding:0; text-align:center; }

body {color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; font-size:12px; background-color:#E4E29A; height:100%; min-height:100%;}
	
div#bodywrap {width:760px;  background-color:#5A6640; border:2px solid black;
	 margin:10px 0 0 0; margin-left:auto; margin-right:auto; }
	 div#bodywrap p {clear:left; text-align:left; margin-left:10px; font-size:100%; margin-bottom:7px;}
	div#bodywrap a {text-decoration:none; color:#000000;     }
	 div#bodywrap a:hover {color:#000; text-decoration:underline;}

* html div#bodywrap {width:750px;  background-color:#5A6640; border:2px solid black;
	 margin:10px 0 0 0; margin-left:auto; margin-right:auto;  }

div#header {width:100%; background-color:#5A6640; background-image:url(../images/pyocalogoheader2.gif); 
	background-position:left; background-repeat:no-repeat; height:150px}
div#headerimagebar {margin-left:230px; float:left; width:520px;}
	div#headerimagebarimg {display:inline; background-color:#CC6600; margin:-8px 3px 0 3px; width:97px;
		float:left; border:1px solid black; padding:2px;}
	div#headerimagebarimg2 {display:inline; background-color:#CC6600; margin:-8px 3px 0 3px; width:169px;
		float:left; border:1px solid black; padding:2px;}

* html div#headerimagebar {margin-left:120px; float:left; width:520px;}
	* html div#headerimagebarimg {display:inline; background-color:#CC6600; margin:2px 3px 0 3px; width:97px;
		float:left; border:1px solid black; padding:6px 4px 4px 4px;}
	* html div#headerimagebarimg2 {display:inline; background-color:#CC6600; margin:2px 3px 0 3px; width:169px;
		float:left; border:1px solid black; padding:6px 4px 4px 4px;}

* html div#leftnav {width:150px; float:left;  margin-left:5px; margin-bottom:10px;}
	* html div#leftnav ul {padding:0; margin:0; list-style-type:none;  width:100%}
	* html div#leftnav li {font-size:95%; padding:2px 3px 2px 0; text-align:right;   }
	 * html div#leftnav a {text-decoration:none; color:#000000;     }
	 * html div#leftnav a:hover {color:#000;}
	 * html div#leftnav li:hover {background-image:url(../images/linkfade.gif); background-repeat:repeat-y; border-right:2px solid black; } 

div#leftnav {width:150px; float:left;  margin-left:5px; clear:left; color:#999; margin-bottom:15px;}
	div#leftnav ul {padding:0; margin:0; list-style-type:none;  width:100%}
	div#leftnav li {font-size:95%; padding:2px 3px 2px 0; text-align:right;   }
	 div#leftnav a { text-decoration:none; color:#CCC; }
	 div#leftnav a:hover {color:#000;}
	 div#leftnav li:hover {background-image:url(../images/linkfade.gif); background-repeat:repeat-y; border-right:2px solid black; } 

div#bodymain {width:580px; float:right; background-color:#E4E29A; border:2px solid black; margin:10px 10px 5px 5px; padding-bottom:10px; }
	div#bodymaintitle {height:15px; font-size:130%; font-weight:bold; width:95%; margin:3px 5px 10px 5px; float:left; text-align:left;}
	div#bodymaininfo {width:435px; margin:10px 5px 5px 15px; float:left;}
	 div#bodymaininfo a {text-decoration:none; color:#000000; background-color:#CC6600; float:left; margin:3px; padding:3px;   }
	 div#bodymaininfo a:hover {color:#000; text-decoration:underline; background-color:#CC6600;}
	div#bodymaininfo h2 {float:left; font-size:130%; font-weight:bold; border-top:2px solid black; width:60%; margin-top:15px; 
	padding:5px 0; background-color:#CC6600}
	div#bodymaininfo img {margin-right:auto; margin-left:auto; border:3px solid #CC6600; display:block;}
	div#bodymaininfo p {font-size:90%; font-weight:bold; text-align:left; margin:0 0 5px 0;  clear:left;}
	div#bodymaininfop2 {font-size:85%; font-weight:normal; text-align:left; margin:0 0 5px 0; width:120%;}
	div#bodymaininfopic {width:230px; background-color:#CC6600; border:1px solid black; float:left; margin:-3px 5px 3px 5px; padding:3px;}
	div#bodymaininfoblock {width:475px; margin:10px 5px 20px 15px; float:left; display:block;}
	div#bodymaininfoblock h1 {font-size:130%; font-weight:bold; float:left;}
	 	div#bodymain a {text-decoration:none; color:#000000;     }
	 	div#bodymain a:hover {color:#000;}
	 	div#bodymain li:hover { } 
		div#bodymaininfo ul {float:left; margin-left:30px; padding-top:5px; padding-bottom:8px; clear:left; width:100%;}
	div#bodymaininfo li {font-size:95%; padding:4px 3px 2px 5px; text-align:left; list-style-type:disc;  }
	 
	
	div#bodymaininfoindex {width:90%; margin-right:auto; margin-left:auto; margin-top:10px; clear:left;}
	div#bodymaininfoindex h1{font-size:120%; text-align:left;}
	div#bodymaininfoindex p {font-size:90%; font-weight:bold; text-align:left; margin:0 0 5px 0; }
	div#bodymaininfoindexp2 {font-size:85%; font-weight:normal; text-align:left; margin:0 0 5px 0; }
	div#bodymaininfoindex a {text-decoration:none; color:#000000;     }
	 	div#bodymaininfoindex a:hover {color:#000; text-decoration:underline;}
	div#bodymaininfoindex ul {float:left; margin:0 0 10px 30px; padding-top:5px;}
	div#bodymaininfoindex li {font-size:95%; padding:4px 3px 2px 5px; text-align:left; list-style-type:disc;  }
	 
		
	div#bodymaininfosmall {width:275px; margin:10px 5px 5px 15px; float:left;}
	div#bodymaininfosmall p {font-size:90%; font-weight:bold; text-align:left; margin:0 0 5px 0; }
	
	div#bodymaininfomed {width:330px; margin:10px 5px 5px 15px; float:left;}
	div#bodymaininfomed p {font-size:90%; font-weight:bold; text-align:left; margin:0 0 5px 0; }


div#bodybottom {background-color:#CC6600; width:100%; clear:both; min-height:30px; border-top:3px solid black;
	background-image:url(../images/pyocawoods6.jpg); background-repeat:no-repeat; background-position:center;
		height:200px;}

div#bodybottomsmall {background-color:#CC6600; width:100%;  min-height:20px; border-top:3px solid black;
			height:75px; float:left;}
			div#bodybottomsmall p {width:95%; display:block; font-size:90%; margin:5px; text-align:left;}
			div#bodybottomsmall a {text-decoration:none; color:#000000;     }
	 		div#bodybottomsmall a:hover {color:#000; text-decoration:underline;}




div#footer { width:700px; margin-bottom:15px;text-align:center; margin-right:auto; margin-left:auto;}
	div#footer p {display:block; font-size:85%; font-style:italic;  }

div#rightbox {float:right; width:100px; margin:5px 0 0 5px; border-left:2px solid black; }
	div#rightbox ul {float:left; margin-left:5px; padding-top:5px;}
	div#rightbox li {font-size:95%; padding:2px 3px 2px 0; text-align:left; list-style-type:none;  }
	 div#rightbox a {text-decoration:none; color:#000000;     }
	 div#rightbox a:hover {color:#000;}
	 div#rightbox li:hover { } 

div#rightboxbig {float:right; width:200px; margin:5px 0 0 5px; border-left:2px solid black; clear:right;}
	div#rightboxbig ul {float:left; margin-left:5px; padding-top:5px;}
	div#rightboxbig li {font-size:95%; padding:2px 3px 2px 0; text-align:left; list-style-type:none;  }
	 div#rightboxbig a {text-decoration:none; color:#000000;     }
	 div#rightboxbig a:hover {color:#000;}
	 div#rightboxbig li:hover { } 

div#leftborder {margin-left:-38px; margin-top:-5px; border:2px solid black; width:40px; background-color:#CC6600; height:400px; float:left; }

div#eventpanefull {width:90%; float:left; margin:5px 5px 5px 5px; }
div#eventpanefull p {text-align:left; margin:5px 0 5px 5px; font-size:90%; }
div#eventpanefull h1 {float:left; font-size:130%; font-weight:bold; border-top:2px solid black; width:40%; margin-top:15px; 
	padding:5px 0; background-color:#CC6600}
div#eventpanefull h2 {float:left; font-size:95%; font-weight:bold; border-top:2px solid black; width:60%; margin-top:15px; 
	padding:5px ; background-color:#CC6600; text-align:left;}
div#eventpanefullimgl img{float:left; clear:left; margin:5px;}
div#eventpanefullimgr img{float:right; clear:left; margin:5px;}
div#eventpanefullinfo {width:100%; float:left; clear:left;}


div#eventpane {width:430px; float:left; margin:5px 5px 5px 5px; }
div#eventpane p {text-align:left; margin:5px 0 5px 5px; font-size:90%;}
div#eventpaneinfo {width:100%; height:200px; margin:100px 0; }
div#eventpane h1 {text-align:center; font-size:130%; font-weight:bold;}
div#eventpaneinfo h1 {text-align:left; font-size:120%; font-weight:bold;}
div#eventpaneinfo p {font-size:90%; text-align:left; margin:5px 0;}
div#eventpaneinfobox {float:right; width:100px; background-color:#CC6600; }
div#eventpaneinfobox ul {float:left; margin-left:5px; padding-top:5px;}
	div#eventpaneinfobox li {font-size:90%; padding:2px 3px 4px 0;  text-align:right; list-style-type:none;  }
	 div#eventpaneinfobox a {text-decoration:none; color:#000000;     }
	 div#eventpaneinfobox a:hover {color:#000;}
	 div#eventpaneinfobox li:hover { } 
	 div#eventpaneinfo ul {float:left; margin-left:5px; padding-top:5px;}
	div#eventpaneinfo li {font-size:90%; padding:2px 3px 4px 0;  text-align:left; list-style-type:none;  }
	 div#eventpaneinfo a {text-decoration:none; color:#000000;     }
	 div#eventpaneinfo a:hover {color:#000; text-decoration:underline;}
	 div#eventpaneinfo li:hover { } 

div#eventpanesmall {width:300px; float:left; margin:5px 5px 5px 5px; }
div#eventpanesmallinfo {width:100%; height:200px; margin:700px 0; }
div#eventpanesmallinfo img {margin-top:5px;}
div#eventpanesmallinfotop {width:100%;  margin:0 0 100px 0; }
.table {width:305px; border:0px solid black;}
.cell {width:29%; font-size:85%;  text-align:center; padding:5px 0; border-bottom:1px solid black;}
.cell2 {width:30%; font-size:110%;  text-align:center; border-bottom:2px solid black; margin-bottom:5px}
div#eventpanesmallinfotop p{width:100%;  margin:5px 0; text-align:left; }
div#eventpanesmall h1 {text-align:center; font-size:130%; font-weight:bold; clear:left;}
div#eventpanesmallinfo h1 {text-align:left; font-size:130%; font-weight:bold;}
div#eventpanesmallinfo h2 {text-align:left; font-size:110%; font-weight:bold;}

div#eventpanesmallinfo p {font-size:90%; text-align:left; margin:5px 0 0 0; clear:left;}
div#eventpanesmallinfobox {float:right; width:100px; background-color:#CC6600; }
div#eventpanesmallinfobox ul {float:left; margin-left:5px; padding-top:5px;}
	div#eventpanesmallinfobox li {font-size:90%; padding:2px 3px 4px 0;  text-align:right; list-style-type:none;  }
	 div#eventpanesmallinfobox a {text-decoration:none; color:#000000;     }
	 div#eventpanesmallinfobox a:hover {color:#000;}
	 div#eventpanesmallinfobox li:hover { } 
	 div#eventpanesmallinfo ul {float:left; margin-left:20px; padding-top:5px; clear:left; }
	div#eventpanesmallinfo li {font-size:90%; padding:2px 3px 4px 10px;  text-align:left; list-style-type:none;margin:5px;   }
	 div#eventpanesmallinfo p a {text-decoration:none; color:#000000; background-color:#CC6600; padding:1px 3px;    }
	 div#eventpanesmallinfo a:hover {color:#000; text-decoration:underline; background-color:#CC6600;}
	 div#eventpanesmallinfo li:hover { } 
	 div#otherevents {width:90%; float:left; background-color:#CC6600; margin:5px 0; padding:3px 0 3px 5px; border-top:1px solid black;}
	 div#otherevents p {float:left; clear:left; font-size:90%; width:100%;}

div#eventpanesmall2 {width:400px; float:left; margin:5px 5px 5px 5px; }
div#eventpanesmall2info {width:100%;  margin:15px 0; }
div#eventpanesmall2info img {margin-top:5px;}
div#eventpanesmall2infotop {width:100%;  margin:0 0 100px 0; }
div#eventpanesmall2infotop p{width:100%;  margin:5px 0; text-align:left; }
div#eventpanesmall2 h1 {text-align:center; font-size:130%; font-weight:bold; clear:left;}
div#eventpanesmall2info h1 {text-align:left; font-size:130%; font-weight:bold;}
div#eventpanesmall2info h2 {text-align:left; font-size:110%; font-weight:bold;}

div#eventpanesmall2info p {font-size:90%; text-align:left; margin:5px 0 0 0; clear:left;}
div#eventpanesmall2infobox {float:right; width:100px; background-color:#CC6600; }
div#eventpanesmall2infobox ul {float:left; margin-left:5px; padding-top:5px;}
	div#eventpanesmall2infobox li {font-size:90%; padding:2px 3px 4px 0;  text-align:right; list-style-type:none;  }
	 div#eventpanesmall2infobox a {text-decoration:none; color:#000000;     }
	 div#eventpanesmall2infobox a:hover {color:#000;}
	 div#eventpanesmall2infobox li:hover { } 
	 div#eventpanesmall2info ul {float:left; margin-left:20px; padding-top:5px; clear:left; }
	div#eventpanesmall2info li {font-size:90%; padding:2px 3px 4px 10px;  text-align:left; list-style-type:none;margin:5px;   }
	 div#eventpanesmall2info p a {text-decoration:none; color:#000000; background-color:#CC6600; padding:1px 3px;    }
	 div#eventpanesmall2info a:hover {color:#000; text-decoration:underline; background-color:#CC6600;}
	 div#eventpanesmall2info li:hover { } 

div#weatherbox {float:right; }

div#highlight {width:580px;  background-color:#CC6600; float:right; border:1px solid black; font-size:120%;  margin-right:10px;  clear:both; font-weight:bold;  }
.highlightinfo {float:left; width:30%; text-align:center; margin:2px 0;}
.highlightl {float:left; width:45%; text-align:center; margin:2px 0;}
div#highlight a {text-decoration:none; color:#000000;     }
	 	div#highlight a:hover {color:#000; text-decoration:underline;}
 .highlight {float:left; width:23%; font-size: 90%; margin:2px 5px; font-variant:small-caps; border:0px solid black; }
 .highlight p {width:95%; margin-right:auto; margin-left:auto; border:0px solid black; }
 
div#highlight2 {width:90%; min-height:20px; background-color:#CC6600; border:1px solid black; margin-right:auto; margin-left:auto;
	padding:3px; margin-top:30px; margin-bottom:10px; clear:left;}
div#highlight2info {width:80px; text-align:center; margin:2px 15px; padding:5px; display:inline; font-size:110%;}
	div#highlight2info a {text-decoration:none; color:#000000; }
	div#highlight2info a:hover {color:#000; text-decoration:underline;}
	div#highlight2 h1 {font-size:140%; text-align:center;}

div#stafflist {width:100%;  padding:5px 2px 10px 3px; clear:left; }
div#stafflistinfo {float:left; display:inline; text-align:left; width:30%; margin:5px 5px 3px 5px; }
	div#stafflistinfo a {text-decoration:none; color:#000000; }
	div#stafflistinfo a:hover {color:#000; text-decoration:underline;}

div#facilitieswrapouter {width:405px; float:left; padding:5px; margin-top:200px;}
div#facilitieswrap {width:100%; margin-top:5px; margin-right:auto; margin-left:auto;   padding:3px; 
	 clear:left; background-color:#E4E29A; }
div#facilitiespic { padding:5px;  margin:2px; margin-right:auto; margin-left:auto; }
div#facilitiespic img {border:4px solid #CC6600;}
div#facilitiesinfo {clear:right; padding:3px; font-size:90%; float:left;}
div#facilitiesinfo h1 {text-align:center; font-size:120%;}
div#facilitiesinfo p {margin:3px 0 2px 5px; text-align:left; clear:left; }
div#facilitiesinfo ul {float:left; margin-left:5px; padding-top:5px; clear:left; width:90%;}
	div#facilitiesinfo li {font-size:90%; padding:2px 3px 2px 0; text-align:left; list-style-type:none;  }
	div#facilitiesinfo a {color:#000;  background-color:#CC6600; clear:left; float:left; margin:3px 0 0 5px; padding:3px;}
	 div#facilitiesinfo a:hover {color:#000; text-decoration:underline; background-color:#CC6600;}


.orange {width:98%; margin:10px auto; background-color:#CC6600; border:2px solid black;}
.underline {text-decoration:underline; font-size:110%;}

div#fieldset {width:95%; margin-right:auto; margin-left:auto; border:2px solid black; background-color:#CC6600; 
		 margin-top:20px; padding-bottom:10px; clear:left;  margin-bottom:10px; }
div#fieldset p{float:left; margin:0 5px;} 
div#fieldsetbloc {width:100%; clear:left; float:left; margin:5px 0; border-top:2px solid black; border-bottom:2px solid black; 
		 padding:5px 0; background-color:#CC6600;}
div#fieldsetinfo {float:left; background-color:#CC6600; text-align:left;}

.fieldsetinfo {float:left; background-color:#CC6600; text-align:left; border:1px solid black; padding:1px 5px 1px 3px; margin-right:10px;}

div#registrationpic {float:left; width:210px; padding:5px; border:2px solid black; background-color:#5A6640; margin:-10px 0 0 -30px; }

div#highlight3 {width:70%; min-height:20px; background-color:#CC6600; border:1px solid black; margin-right:auto; margin-left:auto;
	padding:10px; margin-top:30px; margin-bottom:10px; float:left; }
div#highlight3info {width:100px; text-align:center; margin:2px 20px; padding:5px; display:inline; font-size:110%;}
	div#highlight3info a {text-decoration:none; color:#000000; }
	div#highlight3info a:hover {color:#000; text-decoration:underline;}
	div#highlight3 h1 {font-size:140%; text-align:center;}

div#faq {width:90%; float:left; margin-left:15px;}
	div#faqquest {text-align:left; width:90%; margin:3px 0; font-size:105%;}
	div#faqanswer {margin:3px 0 5px 50px; font-size:80%; text-align:left; display:block;}
	div#faq ul {margin-left:55px; clear:left; width:90%; padding-left:15px;}
	div#faq li {list-style-type:disc; text-align:left; clear:left; font-size:90%; padding-left:5px;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility:hidden;}

.clearfix {display:inline-block;}

* html .clearfix {height:1%;}

.clearfix:after {
 	content:"."; display:block; height:0; clear: both; visibility:hidden;}
	.clearfix {display: inline-block;}
	* html .clearfix {height:1%;}
	.clearfix {display:block;}

div#facility {width:95%; border:2px solid black; margin-left:5px; background-color:#E4E29A; margin-bottom:5px;
	padding-left:15px; padding-bottom:10px;}
	div#facilitycol {width: 31%; float:left; clear:none; margin:5px 5px; background-color:#CC6600;}
	div#facility h1 {text-align:left; font-size:110%; margin-left:5px; display:block; border-top:2px solid black; 
		padding:3px 5px 5px 0; margin-top:10px; }
	div#facility p {text-align:left; margin-left:10px; font-size:90%;}


.infobox { width:215px; margin:0px auto 5px auto; float:right; padding: 0px 2px; border:0px solid black; clear:none;}
.infobox table {margin:0 auto;}
.infobox2 { width:170px; margin:0px auto 5px auto; float:right; padding: 0px 8px; border:0px solid black; text-align:center; clear:none;}
	.infobox2 table {margin:0 auto; width:130px;}

.infoboxbig {width:85%; text-align:center; margin:10px auto;}