/* UNIVERSAL */
/* ************************************* */
*
{
	margin: 0 auto;
	padding: 0;
}
html
{
	height: 100%;
	margin: 0;
	padding: 0;
}
body
{
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #669966;
	color: #545454;
	font-family: arial, "lucida console" , sans-serif;
	font-size: 11px;
}
#main
{
	width: 792px;
	clear: both;
	height: 512px;
	text-align: left;
	background: #669966 url(     '../images/border_back.png' ) no-repeat top left;
	position: relative;
	top: -250px; /* IE4ever Hack: Hide from IE4 **/
	position: static; /** end hack */
}
div#shim
{
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -250px;
	float: left;
}

/* NAVIGATION */
/* ************************************* */
a
{
	color: #669966;
	text-decoration: none;
}
a:hover
{
	color: #669966;
	text-decoration: underline;
}
a:link.active
{
	color: #669966;
}
a:visited
{
	color: #669966;
}
a:visited:hover
{
	color: #669966;
	text-decoration: underline;
}
/* HEADER */
/* ************************************* */
#header
{
	width: 784px;
	min-height: 80px;
	margin: 4px auto 0 auto;
	background: url(     '../images/header.png' ) no-repeat top left;
}
#header .sitemap
{
	font-family: arial, "lucida console" , sans-serif;
	font-size: 0.9em;
	padding: 2px 0 2px 5px;
	border-top: 3px solid #0c5072;
}

#header .sitemap .rnode
{
	font-weight: bold;
	color: #284e98;
}
#header .sitemap .cnode
{
	color: #333333;
}
#header .sitemap .node
{
	font-weight: bold;
	color: #507CD1;
}
#menustrip
{
	width: 784px;
	min-height: 18px;
	margin: 0 auto;
	background-color: #3366cc;
	vertical-align: middle;
}
.menu
{
	width: 100%;
	height: 18px;
	line-height: 18px;
	padding-left: 5px;
}
.menuspacer
{
	width: 100%;
	height: 18px;
	line-height: 18px;
	color: #FFFFFF;
	font-family: Lucida Console;
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
}
.menu a
{
	color: #ffffff;
	font-family: Lucida Console;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.menu a:hover
{
	color: #ccffcc;
	font-family: Lucida Console;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.menu a:link.active
{
	color: #ffffff;
	font-family: Lucida Console;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.menu a:visited
{
	color: #ffffff;
	font-family: Lucida Console;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.menu a:visited:hover
{
	color: #ccffcc;
	font-family: Lucida Console;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
/* FOOTER */
/* ************************************* */
#footercontainer
{
	min-width: 712px;
	min-height: 22px;
	font-size: 95%;
	color: #ffffff;
	line-height: 2em;
	position: relative;
	margin: auto auto 0 auto;
}
#footercontainer a
{
	color: #ccffcc;
	text-decoration: none;
}
#footercontainer a:hover
{
	color: #ccffcc;
	text-decoration: underline;
}
#footercontainer a:link.active
{
	color: #ccffcc;
}
#footercontainer a:visited
{
	color: #ccffcc;
}
#footercontainer a:visited:hover
{
	color: #ccffcc;
	text-decoration: underline;
}
#footerleft
{
	display: inline;
	clear: both;
	float: left;
	padding-left: 15px;
}
#footerright
{
	display: inline;
	clear: both;
	float: right;
	padding-right: 15px;
}
/* COLUMNS */
/* ************************************* */
#container
{
	min-width: 784px;
	min-height: 388px;
	margin-left: 4px;
	margin-right: 4px;
}
* #container
{
	height: 388px;
}
.leftcolumn
{
	display: inline;
	clear: both;
	float: left;
	width: 558px;
	height: 348px;
	padding: 20px 4px 20px 10px;
	scrollbar-arrow-color: #0066C8;
	scrollbar-3dlight-color: #4F4F82;
	scrollbar-darkshadow-color: #4F4F82;
	scrollbar-face-color: #f4f4f0;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #d0d0d0;
	scrollbar-track-color: #ffffff;
}
.rightcolumn
{
	clear: both;
	width: 212px;
	max-height: 100%;
	display: inline;
	float: right;
}
.rightcolumn img
{
	border: 0;
}
.leftcolumn h3
{
	padding: 2px 0 2px 30px;
	font-size: 12px;
	font-weight: bold;
	color: #339966;
}
.leftcolumn p
{
	padding: 0 30px 10px 30px;
	font-size: 120%;
	text-align: justify;
}
.leftcolumn ul
{
	list-style-type: square;
	margin: 0 25px 10px 25px;
	text-align: left;
}
.leftcolumn ul li
{
	margin-left: 5px;
}
.leftcolumn #nobullet ul li
{
	padding: 0 0 0px 20px;
	line-height: 110%;
	list-style: none;
}
.leftcolumn ul#nobullet li
{
	padding: 0;
	margin: 0 20px 0 10px;
	line-height: 110%;
	list-style: none;
}
.leftcolumn .largefont
{
	font-size: 120%;
}
fieldset
{
	width: 90%;
	padding-left: 10px;
	padding-bottom: 15px;
	border: #7998ad solid 2px;
	background-color: #ffffff;
}
html > body fieldset
{
	width: 90%;
}
legend
{
	font: bold 12px arial, "lucida console" , sans-serif;
	color: #545454;
	border: #545454 solid 1px;
	padding: 1px 10px 1px 10px;
	margin-bottom: 20px;
	margin-top: 10px;
}
/* HOMEPAGE NEWS */
/* ************************************* */
.leftcolumn .newsblock
{
	display: block;
	text-align: left;
	margin: 10px auto auto auto;
	padding: 0;
	width: 430px;
	border: 2px solid #cccccc;
	background: #ffffff url(../images/bg_gradient.png) repeat-x bottom;
}
.leftcolumn .textblock
{
	border-top: 1px solid #E9E8DF;
	margin: 1px;
	padding: 4px;
	clear: both;
	width: 388px;
	padding: 10px 0 0 10px;
	clear: both;
}
.leftcolumn .news_icon
{
	float: left;
	display: block;
	margin-bottom: 10px;
	border: 1px solid #c1c1c1;
	padding: 2px 2px 2px 2px;
}
.leftcolumn .news
{
	float: left;
	width: 76%;
	padding-left: 5px;
}
.leftcolumn .spacer
{
	clear: both;
	height: 1px;
	overflow: hidden;
}
.leftcolumn .title
{
	color: #ffffff;
	padding: 5px 0 5px 5px;
	font: bold 11px arial, "lucida console", sans-serif;
	font-weight: bold;
	background-color: #339966;
}
.leftcolumn .postdate
{
	color: #ffffff;
	text-align: right;
	padding: 3px 5px 3px 0;
	font: 11px arial, "lucida console", sans-serif;
	background-color: #339966;
}
.leftcolumn img { border: 0; }
.rightalign { float: right; margin: 10px 20px 20px 20px;}
/* USER CONTROLS */
/* ************************************* */
label
{
	font: bold 11px arial, "lucida console" , sans-serif;
	color: #666;
	width: 120px;
	margin: 3px 0 3px 0;
}
.label
{
	font: bold 11px arial, "lucida console" , sans-serif;
	color: #666;
	width: 120px;
	margin: 3px 0 3px 0;
}
.textbox
{
	background-color: #fff;
	border: solid 1px #999;
	color: #545454;
	height: 20px;
	width: 175px;
	margin: 0 0 3px 0;
}
.smalltextbox
{
	background-color: #fff;
	border: solid 1px #999;
	color: #545454;
	height: 20px;
	width: 70px;
	margin: 0 0 3px 0;
}
.mediumtextbox
{
	background-color: #fff;
	border: solid 1px #999;
	color: #545454;
	height: 20px;
	width: 220px;
	margin: 0 0 3px 0;
}
.largetextbox
{
	background-color: #fff;
	border: solid 1px #999;
	color: #545454;
	height: 20px;
	width: 300px;
	margin: 0 0 3px 0;
}
.smallMultilineTextbox
{
	background-color: #fff;
	border: solid 1px #999;
	color: #545454;
	height: 70px;
	width: 250px;
	float: left;
	margin: 0 0 3px 0;
}
.multilineTextbox
{
	background-color: #fff;
	border: solid 1px #999;
	color: #545454;
	height: 100px;
	width: 420px;
	float: left;
	margin: 0 0 3px 0;
}
.dropdown
{
	color: #545454;
	border: 1px solid #999;
	height: 20px;
	width: 175px;
	margin: 0 0 3px 0;
}
html > body .dropdown
{
	width: 175px;
}
.dropdown:focus, .textbox:focus
{
	background-color: #f5f5f5;
}
.smalldropdown
{
	color: #545454;
	border: 1px solid #999;
	height: 20px;
	width: 60px;
	margin: 0 0 3px 0;
}
.mediumdropdown
{
	color: #545454;
	border: 1px solid #999;
	height: 20px;
	width: 220px;
	margin: 0 0 3px 0;
}
.largedropdown
{
	color: #545454;
	border: 1px solid #999;
	height: 20px;
	width: 220px;
	margin: 0 0 3px 0;
}
html > body .smalldropdown
{
	width: 75px;
}
.smalldropdown:focus
{
	background-color: #f5f5f5;
}

.button
{
	cursor: pointer;
	border: outset 1px #000000;
	color: #ffffff;
	font: small-caps bold 10px arial, "lucida console" , sans-serif;
	padding: 3px;
	background-color: #336699;
	text-align: center;
	margin-right: 10px;
	margin-top: 20px;
}
.errorcolor
{
	color: Red;
	font-size: 10px;
	padding-left: 5px;
}
.radiolist
{
	float: left;
	border: solid 1px #ccc;
	margin: 0px 0 5px 0;
}
.radiolist label
{
	float: none;
}
label, input.textbox, input.inputbox, input.shortinputbox, input.shorttextbox, input.selectionlist, input.longtextbox, input.mediumtextbox
{
	float: left;
}
br
{
	clear: left;
}
.checkbox
{
	float: left;
}
.checkbox label
{
	float: none;
	margin: 5px 0 5px 0;
}
/* HEADINGS*/
/* ************************************* */
h2
{
	width: 90%;
	padding: 0 0 0 10px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	color: #339966;
	border-bottom: 2px solid #339966;
	margin-bottom: 20px;
}
h4
{
	margin: 10px 0 5px 0;
	font: bold 12px arial, "lucida console" , sans-serif;
	color: #454;
}
/* ADMIN SECTION*/
/* ************************************* */
.admincolumn
{
	clear: both;
	width: 770px;
	height: 348px;
	padding: 20px 4px 20px 10px;
	scrollbar-arrow-color: #0066C8;
	scrollbar-3dlight-color: #4F4F82;
	scrollbar-darkshadow-color: #4F4F82;
	scrollbar-face-color: #f4f4f0;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #d0d0d0;
	scrollbar-track-color: #ffffff;
}
.admincolumn p
{
	padding: 0 50px 10px 50px;
	font-size: 120%;
	text-align: justify;
}
.gridcell
{
	padding: 5px;
}