/* ======================================================
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/flyout_4level.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.
========================================================= */

html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#008000; 
font-size:76%; 
font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {
height:100%; 
max-height:100%; 
overflow:hidden; 
padding:0; 
margin:0; 
border:0; 
}

#left {
position:absolute; 
left:0; 
top:0px; 
bottom:0px; 
width:140px; 
font-size:1.0em; 
z-index:4; 
overflow:auto; 
background-repeat:no-repeat;
}

div.vlinks {
float: right;
}


#content {
position:absolute;  
z-index:3;  
top:86px; 
bottom:0px;  
left:141px; 
right:0; 
background:#ffffff; 
overflow:auto; 
}

* html #content {
top:0; 
left:0; 
right:0; 
bottom:0; 
height:100%; 
max-height:100%; 
width:100%; 
overflow:auto; 
position:absolute; 
z-index:3; 
border-top:86px solid #ffffff;  
border-left:141px solid #ffffff;
}



#heads {
position:absolute; 
margin:0; 
top:0; 
left:141px; 
display:block; 
right:0; 
height:85px; 
background:#008000; 
background-position:0 0; 
background-repeat:no-repeat; 
font-size:3em; 
z-index:4; 
overflow:hidden; 
color:#ffffff;
}

#foot {
position:absolute; 
margin:0; 
bottom:0; 
left:141px; 
display:block; 
width:100%; 
height:50px; 
font-size:1em; 
z-index:4; 
overflow:hidden;  
color:#ffffff; 
}

#compliance { 
background:#008000; 
border:0px solid #008000; 
margin:0px; 
padding:9px;
} 



* html #left {
height:100%; 
top:0; 
bottom:0; 
border-top:0px solid #ffffff;
}


.menu {
top:0; 
border:0; 
}

.smallcenter {
text-align:center; 
margin:0px; 
padding:0px; 
font-size:.7em; 
color:#ffffff; 
}

.visitor {
font-size:1em; 
color:#ffff00;
}

#content p {
padding:0px; 
border:0px solid #000000; 
margin:5px;
}

p.bold { 
font-weight:bold; 
border:0px solid #000000;  
margin:0;
}

p.record { 
font-weight:bold; 
color:#ff0000; 
background:#ffff00; 
border:0px solid #000000;  
margin:0;
}

p.important {
font-weight:bold; 
color:#ffff00; 
background:#ff0000; 
}

font {
padding:0px; 
border:1px solid #000000; 
margin:1px;
}

.record {
font-weight:bold; 
color:#ff0000; 
background:#ffff00; 
}

.important {
font-weight:bold; 
color:#ffff00; 
background:#ff0000; 
}

table { 
width:96%; 
border-style:solid; 
border-collapse: collapse; 
border:1px solid #ffffff;  
vertical-align:top; 

}

table.white {
width:96%; 
border-style:solid; 
border-collapse: collapse; 
border:0px solid #000000;  
vertical-align:top; 
text-align: center; 
}

/*
tr {border-style:solid; 
border-color:#000000; 
border:1; vertical-align:top;
}
*/

th {
border-style:solid; 
border:2px solid #ffffff; 
font-weight:bold; 
color:#ff0000; 
background:#ffff00; 
}

td {
border-style:solid; 
border:2px solid #ffffff; 
vertical-align:top; 
padding:1em; 
background-color:#e8e8e8;
}

td.white {
border-style:solid; 
border:0px solid #000000; 
vertical-align:top; 
padding:1em; 
background-color:#ffffff;
}

dd {display:none;}

a.nav:link, 
a.nav:visited {
margin-left:15px; 
display:block; 
width:100px; 
height:20px; 
background:#ffff00; 
color:#008000; 
border:1px solid #008000; 
text-decoration:none; 
text-align:center; 
line-height:20px;
}

a.nav:hover {
background:#000000; 
color:#ffffff;
}

a.nav:active {
background:#ff0000; 
color:#ffffff;
}

a.navred:link, 
a.navred:visited {
margin-left:15px; 
display:block; 
width:100px; 
height:20px; 
background:#ff0000; 
color:#ffffff; 
border:1px solid #008000; 
text-decoration:none; 
text-align:center; 
line-height:20px;
}

a.navred:hover {
background:#000000; 
color:#ffffff;
}

a.navred:active {
background:#ff0000; 
color:#ffffff;
}

a.button:link, 
a.button:visited {
margin-left:2px; 
display:block; 
width:80px; 
height:20px; 
background:#ffff00; 
color:#000000; 
border:1px solid #008000; 
text-decoration:none; 
text-align:center; 
line-height:20px;
}

a.button:hover {
background:#000000; 
color:#ffffff;
}

a.button:active {
background:#ff0000; 
color:#ffffff;
}

/* #content ul {
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent; 
  height:3em;
  }

#content ul li {
  display:inline; 
  color:#73a2bd;
  }
*/

a.largebutton:link, 
a.largebutton:visited { 
float: left; 
font-size:1.2em; 
margin-left:2px; 
display:block; 
width:100px; 
height:25px; 
background:#ffff00; 
color:#000000; 
border:1px solid #008000; 
text-decoration:none; 
text-align:center; 
line-height:25px;
}

a.largebutton:hover {
background:#000000; 
color:#ffffff;
}

a.largebutton:active {
background:#ff0000; 
color:#ffffff;
}

a.important {
color:#ffff00; 
background:#ff0000; 
}


h1 {
font-size: 4em; 
border:0px solid #000000; 
padding: 0 1cm; 
margin:0; 
}

h2 {
font-size: 3.5em; 
border:0px solid #000000; 
padding: 0 1cm;  
margin:0;
}

h3 {
font-size: 3em; 
border:0px solid #000000; 
padding: 0 1cm;  
margin:0;
}

h4 {
font-size: 2.5em; 
border:0px solid #000000; 
padding: 0 1cm;  
margin:0;
}

h5 {
font-size: 1.5em; 
border:0px solid #000000; 
padding: 5px 1cm;  
margin:0;
}

h6 {
font-size: 1.25em; 
border:0px solid #000000; 
padding: 5px;  
margin:0;
}

#wordsleft {
float:left; 
top:10px; 
left:10px; 
height:200px; 
width:250px; 
background:#ffffff; 
border:0px solid #000000; 
margin:0px; 
padding:0px;
}

#wordsright {
float:right; 
top:100px; 
right:150px; 
height:200px; 
width:150px; 
background:#def; 
border:1px solid #000; 
margin:5px; 
padding:5px;
}

#wordsabsolute {
position:absolute; 
top:280px; 
left:400px; 
background:#eee; 
border:1px solid #000; 
margin:5px; 
padding:5px; 
font-size:2em; 
color:#c00;
}

#wordsrelative {
position:relative; 
top:10px; 
left:30px; 
background:#ddd; 
border:1px solid #000; 
margin:5px; 
padding:5px; 
font-size:2em; 
color:#c00; 
width:200px;
}

#childpicsleft {
float:left;
height:270px;
width:175px; 
margin:5px;
}

#picsleft {
float:left;
margin:15px;
}

#picsright {
float:right; 
margin:15px;
}

#badge {
float:left; 
background:#008000; 
border:0px; 
margin:0px; 
padding:7px;
}

/* .menu {font-size: 10pt; margin: 10px; font-family: verdana}
.menu ul {padding-right: 0px; padding-left: 0px; z-index: 500; padding-bottom: 0px; margin: 0px; width: 11em; padding-top: 0px; list-style-type: none; position: relative}
.menu li {float: left; background-color: #009900}
.menu li.sub {background-color: #009900}
.menu table {margin-top: -1px; font-size: 1em; z-index: 50; left: 0px; position: absolute; top: 0px; border-collapse: collapse}
.menu a {border-right: #ff0000 1px solid; border-top: #ff0000 1px solid; display: block; padding-left: 1em; font-weight: normal; text-transform: none; border-left: #ff0000 1px solid; width: 11em; color: #ffff00; line-height: 2em; border-bottom: #ff0000 1px solid; font-style: normal; height: 2em; font-variant: normal; text-decoration: none}
.menu a:visited {border-right: #ff0000 1px solid; border-top: #ff0000 1px solid; display: block; padding-left: 1em; font-weight: normal; text-transform: none; border-left: #ff0000 1px solid; width: 11em; color: #ffff00; line-height: 2em; border-bottom: #ff0000 1px solid; font-style: normal; height: 2em; font-variant: normal; text-decoration: none}
.menu b {float: right; margin-right: 5px}
* html .menu a {width: 11em}
* html .menu a:visited {width: 11em}
* html .menu a:hover {font-weight: normal; border-left-color: #ffff00; border-bottom-color: #ffff00; text-transform: none; color: #ff0000; border-top-color: #ffff00; font-style: normal; position: relative; background-color: #009900; font-variant: normal; text-decoration: none; border-right-color: #ffff00}
.menu li:hover {position: relative}
.menu a:active {font-weight: normal; border-left-color: #ffff00; border-bottom-color: #ffff00; text-transform: none; color: #ff0000; border-top-color: #ffff00; font-style: normal; background-color: #009900; font-variant: normal; text-decoration: none; border-right-color: #ffff00}
.menu a:focus {font-weight: normal; border-left-color: #ffff00; border-bottom-color: #ffff00; text-transform: none; color: #ff0000; border-top-color: #ffff00; font-style: normal; background-color: #009900; font-variant: normal; text-decoration: none; border-right-color: #ffff00}
.menu li:hover > a {font-weight: normal; border-left-color: #ffff00; border-bottom-color: #ffff00; text-transform: none; color: #ff0000; border-top-color: #ffff00; font-style: normal; background-color: #009900; font-variant: normal; text-decoration: none; border-right-color: #ffff00}
.menu li ul {padding-right: 2em; padding-left: 2em; left: 7em; visibility: hidden; padding-bottom: 2em; padding-top: 2em; position: absolute; top: -2em; background-color: transparent}
.menu li:hover > ul {visibility: visible}
.menu ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility: visible}
*/

/* 3 column float */

	#mainright {
		width:30%;
		float:left;
		background:#008000;
		padding:10px;
		}
	
	#maincenter {
		width:30%;
		float:left;
		background:#008000;
		padding:10px;
		}
	
	#mainleft {
		width:30%;
		float:left;
		background:#008000;
		padding:10px;
		}
	
	#banner {
		background:#fff;
		width:100%;
		}
	
/* 2 column for reports */

	#reportsleft {
		width:46%;
		float:left;
		overflow:auto;
		margin:5px;
		}
		
	#reportsright {
		width:46%;
		float:left;
		overflow:auto;
		margin:5px;		
		}

.ccontent {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	margin:0px 0px 10px 0px;
	border:1px solid black;
	background-color:white;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}	

img.childline {
position:absolute;
top:0px;
left:0px;
margin:0px 0px 10px 0px;
border: 10px solid #ff0000;
}

#boxcenter {
float:left;
	width:auto;
border:1px solid #000000;

}

#lbgallery ul {list-style:none; padding:0; margin:0; width:auto; }
#lbgallery ul li {display:inline; width:auto; height:auto; margin:0 0 5px 5px; text-decoration:none; border:0px solid #000;}

div.img
  {
  margin: 2px;
  border: 0px solid #0000ff;
  height: 240px;
  width: 204px;
  float: left;
  text-align: center;
  }
div.img img
  {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
  }
div.img a:hover img
  {
  border: 1px solid #0000ff;
  }
div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 200px;
  margin: 2px;
  }
div.picsby
  {
  font-size: xx-small;
  text-align: center;
  font-weight: normal;
  width: 200px;
  margin: 2px;
  }