/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url('../images/testing.gif');
 background: #fff;
}

h2
	{
	font-size: 22px;
	padding: 7px 0;
	color: #0d481c;
	}
	
h3
	{
	font-size: 16px;
	padding: 5px 0;
	}
	
h4
	{
	font-size: 14px;
	padding: 5px 0;
	}

h6
	{
	font-size: 16px;
	margin: 20px 0 10px 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid;
	}
	
p
	{
	padding: 5px 0;
	line-height: 20px;
	}
	
table
	{
	border-collapse: collapse;
	padding: 5px;
	}	
	
th
	{
	font-weight: bold;
	text-align: left;
	padding: 5px;
	}	
td
	{
	padding: 5px;
	}
			
td.heading
	{
	font-weight: bold;
	color: #002f16;
	}
tr
	{
	vertical-align: top;
	}
.even { background: #F0F0F0; }
.odd { background: #F9F9F9; }
	

a
	{
	color: #0d481c;
	}
a img
	{
	border: none;
	}

#message {
	width: 100%;
	color: #fff;
	text-align: center;
}
#message a { color: #FFF; }
#error { background: #660000; }
#error p { padding: 10px; }
#success { background: #0d481c; }
#success p { padding: 10px; }
	
.map_info table th {
 text-align: left;
}
.agenda table {
 border: 1px solid #ccc;
 border-collapse: collapse;
}
.agenda th, .agenda td {
 border: 1px solid #ccc;
}
.agenda h2 {
 font-size: 18px;
 color: #111;
 margin-bottom: 20px;
 text-align: center;
}
.agenda li {
 font-weight: normal;
}
.question
	{
	padding: 10px;
	}
.question_box
	{
	padding: 20px 10px;
	border: 1px solid #ccc;
	margin: 10px 0;
	}
.question_number
	{
	float: left;
	font-weight: bold;
	}
.question_date
	{
	float: right;
	font-weight: bold;
	}
.answer_box
	{
	font-style: italic;
	padding: 10px;
	}
input.submit
	{
 	border: 1px solid #4f5d53;
 	background: #0d481c;
 	color: #fff;
 	padding: 5px 10px;
 	margin: 0 10px;
 	text-align: center;
 	font-weight: bold;
 	font-size: 11px;
	}
.fade_small {
 color: #999999;
 font-size: 11px;
}
.fade {
 color: #999999;
}		
#wrapper { 
 margin: 0 auto;
 width: 922px;
 background-image: url('../images/leftcolumn.jpg');
 background-repeat: repeat-y;
}
#header {
 color: #000;
 width: 922px;
 float: left;
 padding: 0;
 height: 230px;
 margin: 0;
 background-color: #fff;
 font-size: 11px;
}
	

#header .header_nav
	{
	display: block;
	padding-top: 15px;
	float: right;
	text-color: #000000;
	}
#header .header_nav a
	{
	color: #000;
	text-decoration: none;
	}

#header .address
	{
	display: block;
	padding-top: 15px;
	float: left;
	text-color: #000000;
	}
#header .banner
	{
	margin-top: 30px;
	height: 200px;
	border-top: 2px solid #111111;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	}
#menu {
 color: #333;
 width: 922px;
 float: left;
 margin: 0px;
 padding: 0px;
 background-image: url('../images/menu_bg.gif');
}
#leftcolumn { 
 color: #FFF;
 margin: 0;
 padding: 10px;
 min-height: 750px;
 width: 206px;
 float: left;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
}
#leftcolumn a {
	color: #fff;
} 
#leftcolumn h2 {
	color: #fff;
	font-size: 16px;
} 

.leftcolbox {
	margin: 10px 0;
	padding: 5px;
	border: 1px solid #005500;
}

#rightcol {
	float: right;
	width: 200px; 
	margin-right: 20px;
}

.cal_date {
	margin-left: -10px;
	font-weight: bold;
	font-size: 14px;
}
#content { 
 float: left;
 color: #333;
 background: #FFFFFF;
 margin: 0;
 padding: 10px 10px 40px 10px;
 min-height: 950px;
 width: 675px;
 display: inline;
 border-right: 1px solid #ccc;
}

#content_full { 
 float: left;
 color: #333;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 min-height: 850px;
 width: 900px;
 display: inline;
 padding-bottom: 40px;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
}

#content ul
	{
	margin-left: 20px;
	padding: 10px 0;
	line-height: 20px;
	}
#login, #press_login
	{
	float: left;
	clear: both;
	margin-bottom: 40px;
	margin-left: 10px;
	width: 200px;
	background: #F1F1F1;
	border: 1px solid #ccc;
	padding: 10px;
	}
#login td, #press_login td
	{
	padding: 5px;
	}
#login h2, #press_login h2
	{
	font-size: 14px;
	}	
	
#news
	{
	float: left;
	clear: both;
	margin-left: 10px;
	width: 100%;
	background: #F1F1F1;
	border: 1px solid #ccc;
	padding: 10px;
	margin-top: 0px;
	}
#news h2
	{
	font-size: 14px;
	}	
#news h3
	{
	font-size: 12px;
	}
#news h6
	{
	font-size: 12px;
	border: none;
	}
#area_body
	{
	line-height: 20px;
	padding: 0 10px;
	}

#area_highlights
	{
	float: left;
	}
	
#area_highlights th
	{
	margin: 0;
	padding: 10px;
	border: 1px solid #000;
	}
#area_highlights td
	{
	margin: 0;
	padding: 10px;
	border: 1px solid #000;
	}
#area_map
	{
	float: right;
	position: relative;
	z-index: 80;
	width: 260px;
	padding: 7px;
	margin: 0 0 20px 20px;
	clear: none;
	}
#area_map a
	{
	text-align: center;
	}	
p {
	margin-left: 10px;
}

label
	{
	float: left;
	width: 100px;
	font-weight: bold;
	}
.form {
  font-size: 10px;
  color: #555555;
  float:left;
  width:96%;
  background-color: #f7f7f7;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
  line-height: 30px;
  clear: both;
}
.form table {
 font-size: 12px;	
}
.form label
	{
	text-align: left;
	}
.form p {
  color: #555555;
  margin-left:0px;
  margin-bottom:5px;
  line-height: 30px;
}
.form img
	{
	vertical-align: middle;
	}
input.text {
 width: 400px;	
}
.document
	{
	float: left;
	padding: 10px;
	width: 96%;
	}
.document_description
	{
	float: left;
	width: 380px;
	}
.document_file_info
	{
	float: right;
	font-size: 11px;
	width: 350px;
	}


.error
	{
	background: #f1f1f1;
	padding: 5px;
	margin: 10px 0 10px 0;
	width: 500px;
	border: 1px solid #006633;
	}
	
.error h3
	{
	color: #006633;
	margin: 0;
	}
	
.error li
	{
	margin-left: 30px;
	color: #006633;
	}

.update_file_success
	{	
	float: left;
	clear: both;
	background-color: #09601d;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	margin: 20px 0 0 0;
	width: 100%;
	border: 1px solid #006633;
	}
.update_file_fail
	{
	float: left;
	clear: both;
	background-color: #CC0000;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	margin: 20px 0 0 0;
	width: 100%;
	border: 1px solid #006633;
	}
		
.area_menu
	{
	margin-bottom: 20px;
	}
.area_menu a
	{
	margin-right: 20px;
	}	
	
p.mapzoom { 
	margin-top: 0px;
 	margin-bottom: 0px;
 	text-align: center;
 	}
 
p.mapzoom a {z-index: 2;
  display: block;}

a.mapzoom 
	{
	position: relative;
	z-index: 100;
	}

a.mapzoom span {
	display: none;
	}
	
a.mapzoom:hover span {
  display: block;
  border: none;
  position: absolute;
  bottom: -10px;
  left: -400px;
  padding: 0px;
  font-size: 1em;
  font-weight: normal;
  background: #fff;
  color: #333333;
  opacity: 1;
  z-index: 100;
  }

	
#footer { 
 width: 920px;
 clear: both;
 color: #FFF;
 border-bottom: 1px solid #111111;
 border-right: 1px solid #333;
 border-left: 1px solid #333;
 background: #093f15;
 margin: 0;
 text-align: center;
 font-size: 11px;
}
#footer a { 
 color: #FFF;
 padding: 10px;
}

#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:20px 0 0 10px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:921px; height:32px; font-size:0.85em; position:relative; z-index:80;border-right:1px solid #111111;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:921px; w\idth:922px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:130px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:130px;position:relative;text-align: center;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; height:30px; border:1px solid #111111; border-width:1px 0 1px 1px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:130px; w\idth:129px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:130px;border-top:1px solid #111111;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:129px; top:-1px; width:130px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-139px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#FFF; color:#000; height:auto; line-height:1em; padding:5px 10px; width:129px;border-width:0 1px 1px 1px; opacity: 0.90;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:130px;w\idth:129px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#002f16;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#002f16;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

</style>