* {
	font-family : Tahoma, Arial, Verdana;
	font-size : med;
}
body {	
	text-align : center;
	background-color : black;
}

h1 {
	margin : 0; 
	text-align : Left;
	font-size : 22pt;
	color : #9ECD62;
}

h3 {
	color : #9ecd62;
	font-size : 95%;
}

#buttons input {
	margin : 20px 10px 20px 10px;
	background-color : #9ecd62;
	color : black;
	padding : 5px;
	border : black 1px solid;
}

#buttons input:hover {
	margin : 20px 10px 20px 10px;
	background-color : #ccc;
	color : black;
	padding : 5px;
	border : black 1px solid;
}

#container {
	width : 960px;
}
.logo {
	background-image : url(../../images/top-logo-banner.jpg);
	background-repeat : no-repeat;
	width : 960px;
	height : 128px;
	border-radius : 10px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; 	
}
hr.default {
 color: #ccff00;
 height : 1px;
 clear : both;
}
#BodyContentContainer {
	clear : both;
	background-color : white;
	text-align : left;
	font-size : 10pt;
	padding : 0px;
}
.BodyLeft {
	background : #9fcd62;
	width : 238px;
}
#BodyRight {
	background : white;
	width : 536px;
}
.featureimage {
	border-bottom : 3px solid black;
}

.title {
	margin-left : 10px;
	padding-top : 10px;
	text-align : left;
}
.pagetextcontainer {
	margin-left : 20px;
	font-family : Verdana;
	font-size : 8pt;
	color : #555555;
	text-align : left;f
	margin-right : 20px;
}
.pagetext {
	margin-bottom : 10px;
	margin-right : 20px;
}
#footercontainer.logotext {
	margin-left : 20px;
}
.copyright {
	margin-left : 3px;
	color : LightGrey;
	font-size : 8pt;
}
input,textarea {
	background-color : #EAEAEA;
	border : 1px solid #ccc;
}

.none {
	border : 0px;
	background-color : white;
}
.formcheckbox {
	padding : 5px;
}
.subtitle {
	color : #66cc33; font-size : 10pt; font-weight : bold; padding : 5 0 0 0; clear : left;
}

.clear {clear:both}
/* remove the list style */
#nav {
	margin: 0 0 0 0;
	padding: 0 0 0px 0 ;
	list-style:none;
}

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li {
	float:left;
	display:block;
	width:135px;
	background:#598520;
	position:relative;
	z-index:500;
	margin:0 1px;
}

/* this is the parent menu */
#nav li a {
	display:block;
	font-size : 9pt;
	padding:6px 3px 0 3px;
	font-weight:700;
	height:21px;
	text-decoration:none;
	color:white;
	text-align:center;
}

#nav li a:hover {
	color:#000000;
	background-color: #9ECD62;
}

/* you can make a different style for default selected value */
#nav a.selected {
	color:#f00;
}

/* submenu, it's hidden by default */
#nav ul {
	position:absolute;
	left:0;
	display:none;
	margin:0 0 0 -1px;
	padding:0;
	list-style:none;
}

#nav ul li {
	width:128px;
	float:left;
	border-top:1px solid #fff;
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;
	height:15px;
	padding: 8px 5px;
	color:white;
}

#nav ul a:hover {
	text-decoration:none;
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}

#webform {
	padding : 10px;
}

#albumcontainer {
	background-color: #fafafa;
}

.albumbox {
	margin : 5px;
	padding : 15px;
	border : 1px solid #ccc;
	background-color: #FFF;
	width : 175px;
	float : left;
}
.albumbox:HOVER {
	background-color: #eaeaea;
}
.albumbox a:LINK, .albumbox a:VISITED {
	color : green;
	font-size : 14pt;
	text-decoration: none;
} 
.albumbox a:LINK:HOVER, .albumbox a:VISITED:HOVER {
	color : green;
	text-decoration: underline;
}
.albumbox h1 {
	padding : 20px;
}
.albumbox img {
	padding : 2px;
	border : 1px solid #ccc;
}
.albumbox p {
	padding : 20px;
}

		.tooltip {
			cursor: help; text-decoration: none;
			position: relative;
			margin-left : 10px;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: inline; padding: 0.2em 0 0.6em 0;
			float : left;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }