/* version 3a  : liquid layout white body background */
/*		 minimum body width 750px */
/*               central titles & nav bar */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #FFF;
}
#maincontainer {
	min-width: 750px;
	/* following for IE 5+ only, no min-width handling  */
	width:expression(document.body.clientWidth < 760 ? "750px" : "100%" );
	padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px auto;
}

#Titlebar {
	color: #FFF;
	background-image: url(assets/images/WhiteGreenlogo.gif);
	background-repeat: no-repeat;
	background-position: 99% 20%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#Titlebar2 {
	background-image: url(assets/images/BlueAnchor.gif);
	background-position: 5% 20%;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-color: #006;
	z-index: 1;
}


#Titlebar h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	font-size: 160%;
}
#Titlebar h2 {
	margin: 0px;
	padding-top: 3px;
	pading-bottom: 2px;
}
#Titlebar h6 {
	margin: 0px;
        padding-top: 2px;
	padding-bottom:6px;
}

#navbar {
	background-color: #006;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	border-width: 3px 0px 3px 0px;
	border-style: solid;
	border-color: #03C #006 #03C #006;
}
#navbar ul {
	list-style-type: none;
	list-style-image: none;
	margin: 2px 0px 0px 2px;
	padding-left: 0px;
	text-align: center;
	background-color: #006;
}
#navbar li {
	display: inline;
}

#navbar a {
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 2px;
	padding-left: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
#navbar a.highlgt {
	color: #FF0;
}
#navbar a:hover {
	text-decoration: underline;
}

#PageHdr {
	background-color: #006;
	padding: 5px 0px 5px 0px;
	border-width: 3px 2px 3px 2px;
	border-style: solid;
	border-color: #03C #006 #03C #006;
}
#PageHdr h3 {
	color: #CCC;
	padding-left: 5px;
	display: inline;
	font-size: 90%;
}
#PageHdr h1 {
	font-size: 150%;
	color: #FFF;
	display: inline;
	padding-left: 50px;
}
#PageHdr a {
	color: #CCC;
	text-decoration: none;
}
#PageHdr a:hover {
	text-decoration: underline;
}

#sidebar {
	float: left;
	width: 13%;
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#sidebar li {
	display: inline;
}
#sidebar a {
	background-color: #006;
	color: #CCC;
	display: block;
	text-align: center;
	border-bottom: 2px solid #FFF;
	margin: 0px;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}
#sidebar a:hover {
	text-decoration: underline;
}
#memberlogin {
	background-color: #006;
	padding: 1px;
	margin-bottom: 2px;
}
#memberlogin h2 {
	clear: both;
	font-size: 90%;
	color: #FF0;
	margin: 0px;
}
#memberlogin h3 {
	clear: both;
	font-size: 80%;
	color: #FF0;
	margin: 0px;
}
#memberlogin p {
	margin: 2px 0px 2px 0px;
	padding-left: 5px;
	font-size: 80%;
}
#memberlogout {
	background-color: #006;
	padding: 1px;
	margin-bottom: 2px;
}
#memberlogout h2 {
	clear: both;
	font-size: 90%;
	color: #FF0;
	margin: 0px;
}
#memberlogout p {
	margin: 5px 0px 2px 0px;
	padding-left: 5px;
	font-size: 80%;
}
#ContentContainer {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 86.75%;
}

#content {
	margin-left: .25%;
	padding: 2px;
	border: 1px solid #006;
	float: left;
	width: 71.25%;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}
#content h2 {
	clear: both;
	background-color: #006;
	color: #FFF;
	margin: 0px;
	padding-left: 5px;
	font-size: 135%;
}
#content h3 {
	clear: both;
	background-color: #006;
	color: #FFF;
	margin: 0px;
	font-size: 120%;
}
#content h4 {
	clear: both;
	background-color: #006;
	color: #FFF;
	margin: 0px;
	font-size: 100%;
}
#content p {
	margin: 3px 0px 5px 0px;
	font-size: 80%;
}
#content p.xmas {
	font-size: 100%;
	font-weight: bold;
	margin: 5px;
	padding: 5px 10px;
	border: 3px solid #03C;
	background-color: #006;
	color: #FF0;
	text-align: center;
	
}
/*#content p.bolden {
	font-weight: bold;
}
*/
#content p.indent {
	font-weight: normal;
	padding-left: 30px;
}
#content p.divline {
	font-weight: normal;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666666;
	clear: both;
}
#content p.highlgt {
        background-color: #006;
	color: #FF0;
	font-weight: bold;
}
#content ul {
	font-size: 80%;
}
#content th {
	font-size: 90%;
}
#content td {
	font-size: 80%;
}

/* rules for links that use an image */
#content a.imglink {
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	background-color: #FFF;
	color: #FFF;
}
#content a.imglink:hover {
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	background-color: #FFF;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006;
}

/* rules for standard textual links */
#content a {
	text-decoration: underline;
	padding: 0px 2px 0px 2px;
	color: #03C;
}
#content a:hover {
	text-decoration: underline;
	padding: 0px 2px 0px 2px;
	background-color: #006;
	color: #FFF;
}

#contentsub {
	position:relative;
	margin-left: .25%;
	padding: 2px;
	border: 1px solid #006;
	float: left;
	width: 98.25%;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}
#contentsub h2 {
	clear: both;
	background-color: #006;
	color: #FFF;
	margin: 0px;
	padding-left: 5px;
	font-size: 135%;
}
#contentsub h3 {
	clear: both;
	background-color: #006;
	color: #FFF;
	margin: 0px;
	font-size: 120%;
}
#contentsub h4 {
	clear: both;
	background-color: #006;
	color: #FFF;
	margin: 0px;
	font-size: 100%;
}
#contentsub p {
	margin: 3px 0px 5px 0px;
	font-size: 80%;
}
/*#contentsub p.bolden {
	font-weight: bold;
}
*/
#contentsub p.indent {
	font-weight: normal;
	padding-left: 30px;
}
#contentsub p.divline {
	font-weight: normal;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666666;
	clear: both;
}
#contentsub p.highlgt {
        background-color: #006;
	color: #FF0;
	font-weight: bold;
}
#contentsub ul {
	font-size: 80%;
}
#contentsub th {
	font-size: 90%;
}
#contentsub td {
	font-size: 80%;
}
#contentsub img.imgbdr {
	border: 2px solid #006;
}

/* rules for links that use an image */
#contentsub a.imglink {
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	background-color: #FFF;
	color: #FFF;
}

#contentsub a.imglink:hover {
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	background-color: #FFF;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006;
}

/* rules for standard textual links */
#contentsub a {
	text-decoration: underline;
	padding: 0px 2px 0px 2px;
	color: #03C;
}
#contentsub a:hover {
	text-decoration: underline;
	padding: 0px 2px 0px 2px;
	background-color: #006;
	color: #FFF;
}

#related {
	float: left;
	width: 26%;
	padding: 1px;
	border: 1px solid #006;
	margin: 5px 0px 0px .5%;
	background-color: #FFFFFF;
}
#related h1 {
	clear: both;
	background-color: #006;
	margin: 0px;
	font-size: 110%;
	color: #FF0;
	padding-left: 5px;
}
#related h2 {
	clear: both;
	background-color: #006;
	margin: 0px;
	font-size: 90%;
	color: #FF0;
	padding-left: 5px;
}
#related p {
	margin: 3px 0px 5px 0px;
	font-size: 80%;
}
#related p.bolden {
	font-weight: bold;
}

/* rules for links that use an image */
#related a.imglink {
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	color: #FFF;
}
#related a.imglink:hover {
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	background-color: #FFF;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006;
}

/* rules for standard textual links */
#related a {
	text-decoration: underline;
	padding: 0px 2px 0px 2px;
	color: #03C;
}
#related a:hover {
	text-decoration: underline;
	padding: 0px 2px 0px 2px;
	background-color: #006;
	color: #FF0;
}

#footer {
	margin-top: 10px;
	padding: 0px;
	clear: both;
	color: #CCC;
	font-size: 90%;
	text-align: right;
	border-top: 3px solid #03C;
	border-bottom: 3px solid #03C;
}

#footer p {
	margin: 0px;
	background-color: #006;
	padding-right: 3px;
}

#altnav li {
	display: inline;
	padding-right: 10px;
}
#altnav a {
	color: #03C;
	text-decoration: none;
}
#altnav a:hover {
	color: #006;
	text-decoration: underline;
}

#hosting {
	clear: both;
	margin: 5px 0px 5px 28.25%;
	width: 28%;
	border: 1px solid #000000;
	text-align: center;
	color: #000080;
	font-size: 70%;
}
#hosting a {
	color: #000080;
	text-decoration: none;
}
#hosting a:hover {
	color: #000080;
	text-decoration: underline;
}

#PopupContent {
	margin-left: 3px;
	padding: 2px;
	border: 1px solid #006;
	float: left;
	width: 96%;
	margin: 5px 3px 0px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
#PopupContent h2 {
	clear: both;
	background-color: #006;
	color: #FFF;
	margin: 0px;
	padding-left: 5px;
	font-size: 135%;
}
#PopupContent h3 {
	clear: both;
	background-color: #006;
	color: #FFF;
	margin: 0px;
	font-size: 120%;
}
#PopupContent p {
	margin: 3px 0px 5px 0px;
	font-size: 80%;
}
#PopupContent p.bolden {
	font-weight: bold;
}
#PopupContent span.bolden {
	font-weight: bold;
}

/* rules for links that use an image */
#PopupContent a.imglink {
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	background-color: #FFF;
	color: #FFF;
}
#PopupContent a.imglink:hover {
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	background-color: #FFF;
	color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006;
}

/* rules for standard text links */
#PopupContent a {
	text-decoration: underline;
	padding: 0px 2px 0px 2px;
	color: #03C;
}
#PopupContent a:hover {
	text-decoration: underline;
	background-color: #006;
	color: #FFF;
}

/*  use if scrollable area required
div#gallery {
	height: 250px;
	overflow: auto;
}
*/

div#gallery img {
	margin: 2px 0 2px 2px;
	border: 1px solid #777;
	cursor: pointer;
	cursor: hand;
	vertical-align: middle;
}

.clear {
	clear: both;
}

.clfltlft {
	float: left;
	margin: 2px 5px 5px 0px;
	clear: both;
}

.fltlft {
	float: left;
	margin: 2px 5px 5px 0px;
}

.clearfornewline {
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	height: 0px;
	clear: both;
}
.contenthalf {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 48%;
}


.clearfornewsect {
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	height: 20px;
	clear: both;
}

.emailform {
	background-color: #006;
}

.point {
	cursor: pointer;
	cursor: hand;
}

.boldcell {
	font-weight: bold;
}

.bolden {
	font-weight: bold;
}

.printonly {
	display: none;
}

#email {
	position:relative;
	margin: 0px 0px 10px 0px;
}
#email fieldset {
	padding-top: 17px;
}

#emailhead {
	background: #FFF;
	border: 2px solid #006;
	padding: 2px 3px;
	position:absolute;
	top: -17px;
}

#emaildets {
	background: #BFE2F9;
}
#emaildets label {
	position:absolute;
	left: 12px;
}
#emaildets select, #emaildets input, #emaildets textarea {
	margin-left: 200px;
	margin-bottom: 5px;
	}

#emaildets p {
	margin-left: 200px;
}

#register {
	position:relative;
	margin: 0px 0px 10px 0px;
}
#register fieldset {
	padding-top: 29px;
}

#registerhead {
	background: #FFF;
	border: 2px solid #006;
	padding: 2px 3px;
	position:absolute;
	top: -3px;
}

#registerdets {
	background: #BFE2F9;
}
#registerdets label {
	position:absolute;
	left: 12px;
}
#registerdets select, #registerdets input, #registerdets textarea {
	margin-left: 200px;
	margin-bottom: 5px;
	}

#registerdets p {
	margin-left: 200px;
}