body {
color: #000;
font-family: Arial, sans-serif;
font-size: 10pt;
text-align: center;
background-color: #77B58F;
}

table {
font-size: 10pt;
}


th {
background-color: #ccc;
color: #000;
font-size: 10pt;
text-align: left;
}

td {
padding: 2px;
}



td li {
text-align: left;
margin-left: 5px;
padding-right: 3em;
}


#container {
	color: #000;
	margin: 0 auto;
	background-image: url('Images/background.jpg');
	width: 800px;
	height: 1200px;
	overflow: auto;
	border: 1px solid #000;
	font-size: 11pt;
}



h1 {
padding-top: 20px;
padding-left: 10px;
}



#header {
height: 103px;
width: 800px;
color: #fff;
background-color: #000;
text-align: center;
}



#navleft {
	float: left;
	width: 150px;
	display: block;
	margin-left: 0px;
	padding-top: 30px;
	padding-bottom: 1em;
	padding-left: 1em;
	text-align: left;
	clear: none;
	
}

#navleft a:hover {
color: #000;
background-color: transparent;
text-decoration: underline;
}

#content {
margin-left: 160px;
padding: 5px 10px 2em 10px;
font-size: 10pt;
text-align: left;
}


#topnav {
width: 636px;
height: 25px;
margin: 0px;
color: #000;
background-image: url('Images/topnav.png');
background-color: #e9e9e9;
float: right;
padding: 4px;
text-align: left;
border: 2px solid #ccc;
font-size: 10pt;
}



#topnav ul {
list-style: none;
display: inline;
}

#topnav li {
display: inline;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 0px;
font-size: 10pt;
}

#topnav a:hover {
color: #000;
background-color: transparent;
text-decoration: underline;
}



a:link {
color: #000;
text-decoration: none;
}  /* unvisited link */

a:visited {
color: #000;
text-decoration: none;
}  /* visted link */

a:hover {
color: #000;
background-color: #FFFFCC;
text-decoration: underline;
}  /* mouse-over link */

a:active {
color: #000;
text-decoration: none;
}  /* selected link */

img {
border-style: none;
text-decoration: none;
}




.note {
background-color: #ffc;
color: #000;
border: 2px dashed #006;
padding: 5px;
width: 260px;
}



.note a:hover {
color: #000;
background-color: transparent;
text-decoration: underline;
}


.note img {
vertical-align: bottom;
padding-right: 3px;
}


.list li {
list-style-type: none;
}



.floatleft {
float: left;
padding-right: .5em;
}


.right {
padding-right: 4em;
text-align: right;
}

.floatright {
float: right;
}

.features {
float: right;
width: 300px;
height: auto;
}

.toptext {
float: right;
width: 650px;
}

.top {
vertical-align: top;
}

.bold {
font-weight: bold;
}

.lrg {
font-size: 110%;
}

.sm {
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 85%;
}


.grey {
display: block;
border: 1px solid #000;
background-color: #ccc;
padding: 2px;
font-weight: bold;
width: 88%;
}



.box {
float: right;
width: 618px;
height: 850px;
overflow: auto;
position: relative;
padding-bottom: 10px;
}


div.galleryfill {
margin: 2px;
height: 128px;
width: 131px;
float: left;
text-align: center;
border: 1px solid #fff;
}


div.gallery {
margin: 2px;
height: 128px;
width: 125px;
float: left;
text-align: center;
border: 1px solid #ccc;
}

div.gallery img {
display: inline;
margin: 3px;
}


div.desc {
text-align: center;
font-weight: normal;
margin: 2px;
width: 125px;
}

div.desc a:hover {
color: #000;
background-color: #FFFFCC;
text-decoration: underline;
}


div.galleryhome {
margin: 2px;
height: 125px;
width: 145px;
float: left;
text-align: center;
border: 1px solid #ccc;
}

div.galleryhome img {
display: inline;
margin: 3px;
}


div.deschome {
text-align: center;
font-weight: bold;
margin: 2px;
width: 145px;
}

div.deschome a:hover {
color: #000;
background-color: #FFFFCC;
text-decoration: underline;
}




form {
display: inline;
}




.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 125px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid #000;
border-bottom: none;
}

.glossymenu li{
position: relative;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 125px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
filter:alpha(opacity=100);
-moz-opacity:1;
}

.glossymenu li a{
background: white url('Images/glossyback.gif') repeat-x bottom left;
font: 11px Arial, Helvetica, sans-serif;
font-weight: bold;
color: black;
display: block;
width: auto;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
}

.glossymenu .arrowdiv{
position: absolute;
right: 3px;
background: transparent url('Images/arrow.gif') no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: black;
}

.glossymenu li a:hover{
background-image: url('Images/glossyback2.gif');
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */



.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 15px Arial;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #000;
color: #2d2b2b;
background: #fff url(Images/shade.gif) top left repeat-x; 
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(Images/shadeactive.gif);
border-bottom: none;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;}

}