﻿	body{
		font-family: "Trebuchet MS";
		margin: 0px 5px 0px 5px;
		background: #101010;
		color: #fff;
	}
	a {
		color: #94D300;
		text-decoration: none;
	}
	a:hover{
		text-decoration: underline;
}
	div.main
	{
		width: 1020px; text-align: left;
	}
	div.header
	{
		padding: 5px;
		background: #94D300 url('images/HeaderBackground.png');
		height: 80px;
		color: #404040;
	}
	div.header a{
		color: #404040;
		text-decoration: none;
	}
	div.userstate{
		float: right;
		margin: 5px 10px 0px 0px;
	}
	div.userstate a:hover{
		text-decoration: underline;
	}
	div.companylogo{
        float: left;
		color: #fff;
		padding: 10px 0px 0px 60px;
	}
	div.companylogo a{
		color: #fff;
	}
	div.companylogo h1
	{
	    margin: 0px;
		font-size: 38pt;
	}
	div.companyslogan{
		float: left;
		clear: both;
		margin: -25px 0px 0px 115px;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
	}
	
/**************** menu coding *****************/
/* http://www.tanfa.co.uk/css/examples/menu/hs5.asp */
div.menu {
width: 100%;
height: 44px;
clear: both;
}

div.menu ul {
list-style: none;
margin: 0px -15px 0px -15px;
padding: 0px;
float: left;
}

div.menu a, div.menu h3 {
display: block;
margin: 0px;
padding: 0px 15px 0px 15px;
}

div.menu h3 {
font-size: 14pt;
}

div.menu a {
color: #fff;
text-decoration: none;
padding: 10px 20px 10px 20px;
}

div.menu a:hover {
color: #000;
text-decoration: underline;
background: #94D300;
}

div.menu li {position: relative;}

div.menu ul ul {
position: absolute;
z-index: 500;
}

div.menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div.menu ul ul {
display: none;
}

div.menu ul ul,
div.menu ul li:hover ul ul,
div.menu ul ul li:hover ul ul
{display: none;}

div.menu ul li:hover ul,
div.menu ul ul li:hover ul,
div.menu ul ul ul li:hover ul
{display: block;}

div.menu ul li ul{

}
div.menu ul li ul li a
{
	border: solid 1px white;
	background: #000;
}




div.focusarea{
	height: 291px;
	background: #fff url('images/FocusAreaBackground.png');
	border-top: solid 2px #8A8A8A;
	border-bottom: solid 2px #8A8A8A;
	overflow: hidden;
}
div.focusarea .screenshot{
	float: left;
	padding: 10px 10px 0px 30px;
}
div.focusarea .description {
	margin: 10px 10px 10px 10px;
	color: #404040;
	font-size: 10pt;
}
div.focusarea  .buttons{
	padding: 0px;
	margin: 0px 50px 0px 10px;
}
div.focusarea  .buttons a{
	display:block;
	float:right;
	background:transparent url(images/FocusAreaButtonEnd.png) no-repeat 100% 0;
	font-size:15px;
	font-weight:bold;
	padding-right:8px;
}
div.focusarea  .buttons a{
	color:#404040;
	text-decoration:none;
}
div.focusarea  .buttons a:hover{
	text-decoration: underline;
}
div.focusarea  .buttons a span {
	display:block;
	padding:0 17px 0 25px;
	background:transparent url(images/FocusAreaButtonBackground.png) no-repeat;
	line-height:40px;
}



div.button{display: block; margin-top: 5px;}
div.button a
{
	display:block;
	float:right;
	background:transparent url(images/FocusAreaButtonEnd.png) no-repeat 100% 0;
	font-size:15px;
	font-weight:bold;
	padding-right:8px;
}
div.button a{
	color:#404040;
	text-decoration:none;
}
div.button a:hover{
	text-decoration: underline;
}
div.button a span {
	display:block;
	padding:0 17px 0 25px;
	background:transparent url(images/FocusAreaButtonBackground.png) no-repeat;
	line-height:40px;
}



div.contentarea{
	padding: 5px 5px 5px 10px;
	background: #404040;
	color: #fff;
}
div.contentarea h2{
	margin-top: 0px;
}

div.contentarea .homepagesidelist
{
    float: right;
}
div.contentarea .homepagesidelist .sidelist
{
	width: 275px;
	font-size: 10pt;
	margin: 0px 0px 10px 10px;
}
div.contentarea .homepagesidelist .sidelist h3{
	margin: 0px;
	border-bottom: solid 1px white;
}
div.contentarea .homepagesidelist .sidelist ul{
	list-style: none;
	margin: 0px;
}
div.contentarea .homepagesidelist .sidelist ul li{
	padding: 5px 0px 5px 0px;
	border-bottom: solid 1px white;
}

div.contentarea .sidelist
{
	width: 275px;
	font-size: 10pt;
	margin: 0px 0px 10px 10px;
	border-bottom: solid 1px white;
}
div.contentarea .sidelist h3{
	margin: 0px;
	padding: 2px;
	background: #303030;
}
div.contentarea .sidelist h3 a
{
    color: #fff;
}
div.contentarea .sidelist ul{
	list-style: none;
	margin: 0px;
	padding-left: 3px;
}
div.contentarea .sidelist ul li{
	padding: 2px 0px 2px 0px;
}


div.contentarea .sidelistNumbered
{
	width: 275px;
	font-size: 10pt;
	margin: 0px 0px 10px 10px;
	border-bottom: solid 1px white;
}
div.contentarea .sidelistNumbered h3{
	margin: 0px;
}
div.contentarea .sidelistNumbered h3 a
{
    color: #fff;
}
div.contentarea .sidelistNumbered ul{
	list-style-type: decimal;
	margin-top: 0px;
	margin-bottom: 5px;
}
div.contentarea .sidelistNumbered ul li{
	padding: 1px 0px 1px 0px;
}

div.contentarea .sidebar
{
    /*float: right;*/
}

div.footer{
	color: #fff;
	text-align: center;
	font-size: 11px;
}
div.footer .copyright{
	float: left;
	padding-top: 5px;
}
div.footer .companylogo{
	float: right;
	padding-top: 0px;
	font-size: 16px;
	font-weight: bold;
}
div.footer .links{
	padding-top: 5px;
}

div.error
{
    background-color:#303030;border: solid 1px red;padding: 3px;
}
div.infobox
{
    background-color:#303030;border: solid 1px #94D300;padding: 3px;margin-top:3px;
}

/*
body{font-family: Cambria; background-color:#fff;}

h1, h2, h3, h4, h5, h6{color:#404040;margin:0px;white-space:nowrap;}
a {color:#24A803;text-decoration:none;}
a:hover{text-decoration:underline;}
h1{margin-top:-6px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#404040;}
.header{
	background-color:#fff;
	color: #074F02;
	min-width: 600px;
}
.header-logo{
	height: 100%;
	vertical-align: middle;
	margin: 15px 30px 20px 5px;
	font-size: 45px;
}
.header-logo a, .header-logo a:hover{
	color: #24A803;
	text-decoration: none;
}
.menu {
	font-weight: bold;
	background: #efefef;
	margin: 2px 0px 10px 0px;
	color: #353535;
	padding: 3px 10px 3px 10px;
	white-space: nowrap;
	border: solid 1px #CCCCCC;
}
.menu a{
	color: #353535;
	text-decoration: none;
}
.menu a:hover
{
	color: #074F02;
	text-decoration: underline;
}
.copyright
{
	color: #353535;
	background: #fff;
	margin-top: 2px;
	text-align: center;
}
.copyright a{
	color: #353535;
	text-decoration: none;
}
.copyright a:hover
{
	color: #074F02;
	text-decoration: underline;
}
.content{
	text-align: left;
}
.content-middle{
	vertical-align: top;
	padding: 0px 10px 2px 0px;
	min-width: 400px;
}
.content-middle h2, .content-middle h3, .content-middle h4, .content-middle h5, .content-middle h6{
	margin-top: 10px;
}
.content-sidebar{
	vertical-align: top;
	width: 200px;
}
*/
.sidebar-box{
	padding: 4px 4px 4px 12px;
	font-size: smaller;
	margin-bottom: 6px;
	width: 200px;
	border-bottom: solid 1px #fff;
}
.sidebar-box h3{
	color: #fff;
	margin-bottom: 2px;
	margin-left: -5px;
}
.sidebar-box h3 a
{
	color: #fff;
}

.content-box
{
    width: auto;
	padding: 4px 9px 9px 9px;
	font-size: smaller;
	margin: 5px 0px 5px 0px;
	border-bottom: solid 1px #fff;
}
.content-box h3
{
    background-color: #303030;
	margin-top: 0px; margin-bottom: 5px;
	border-bottom: solid 1px #ccc;
	padding: 3px;
}
/*
.userstate{
	font-size: smaller;
	color: #353535;
	float: right;
	padding: 0px 5px 0px 0px;
}
.userstate a{
	color: #353535;
	text-decoration: none;
}
.userstate a:hover 
{
	color: #074F02;
	text-decoration: underline;
}
th.center
{
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}
.linkbutton_Button
{
	border:solid 1px #353535;border-left:solid 1px #bbbbbb;border-top:solid 1px #bbbbbb;background:#eeeeee;color:#353535;padding:2px;font-weight:bold;
}
*/

div.map
{
	border: #353535 1px solid;
}




div.jHtmlArea 
{
    background-color: #fff;
}