body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	background-color: #F7F7F7;
	margin: 0;
	padding: 0;
	min-width: 900px;
}

.spacing {
	clear: both;
}
.loginform .label {
	padding-top: 4px;
}
.loginform input {
	border: 1px solid #CCCCCC;
	font-size: 0.85em;
}
#headbox {
	background-image: url(images/masthead_bg.jpg);
	background-repeat:  repeat-x;
}
#headlogo {
	background-image: url(images/logo.jpg);
	width: 350px;
	height: 100px;
	background-repeat: no-repeat;
}
#headnavi {
	position: absolute;
	top: 65px;
	left: 560px;
	width: 400px;
	color: #FFFFFF;
	font-size: 0.75em;
	padding: 4px 0px 0px 0px;
	float: right;
}
#headnavi ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#headnavi ul li{
	display: inline;
	float: right;
	margin: 0 0 0 10px;
}
#headnavi a {
	color: #FFFFFF;
	text-decoration: none;
}
#headnavi li a:hover {
	background-color: #003466;
	color: #FFFFFF;
	border-top-color: #333333;
	border-bottom-color: #7D89B0;
}

#wrap_outer {
	margin: 0px auto 0 15px;
	padding: 0;
	padding-top: 15px;
	width: 985px;
	background-image: url(images/wrapper_nav.gif);
	background-repeat: repeat-y;	
	background-color: #FFFFFF;
}
#middel {
	background-color: #FFFFFF;
}

#mainbox {
	width: 550px;
	float: left;
}
#maincontent {
	width: 510px;
	min-height:750px;
	height:expression(this.scrollHeight > 750 ? "auto":"750px");
}
#sidebox {
	width: 200px;
	float: left;
	position: absolute;
	top: 260px;
	left: 772px;
	/* background-image: url(images/sidebox_bg.gif); */
	background-repeat: repeat-y;
	background-position: left top;	
}
.box_right {
	padding: 6px;
	background-color: #F7F7F7;
}
.box_right h4 { 
	margin-top: 0; 
	padding-top: 0;
	padding-left: .3em; 
	margin: 0px;
	padding: 0px;
	color: #003466;
	font-size: 0.85em;
	font-weight: bold;
	width: 100%;
	border-bottom: 1px solid #DADADA;
}
.box_right .inner {
	padding-top: 5px;
}

.box_right input {
	border: 1px solid #CCCCCC;
	font-size: 0.833em;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#maincontent a:link {color: #0355AF;}
#maincontent a:visited {color: #0355AF;}
#maincontent a:hover, #maincontent a:active, #maincontent a:focus {
	/*background-color: #003466;*/
	color: #CCCCCC;
	text-decoration: none;
}

#maincontent li {list-style-type: square; }
#navcontent {
	width: 150px;
	float: left;
}
#navcontent a {
	color: #003466;
	font-size: 0.8em;	
	text-decoration: none;
	margin: 0 0 10px 0;
}
#navcontent a:hover {
	background-color: #003466;
	color: #FFFFFF;
	border-top-color: #333333;
	border-bottom-color: #7D89B0;
}
#navcontent ul {
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-bottom: 20px;
}
#navcontent ul ul {
	font-weight: normal;
	padding: 2px 3px 3px 3px;
}

#maincontent {
	font-size: 0.8em;
	line-height: 1.75em;
	padding: 0 24px 20px 32px;
}
#sidecontent {
	font-size: 1.0em;
	line-height: 1.75em;
	padding: 5px 5px 5px 5px;
}
#sidecontent a {1.0em;}
#sidecontent a:link {color: #0355AF;}
#sidecontent a:visited {color: #0355AF;}
#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	background-color: #003466;
	color: #CCCCCC;
	text-decoration: none;
}
#footercontent {
	padding: 5px;
	font-size: 0.7em;
}
#footer {
	background-image: url(images/footer_bg.jpg);
	background-repeat:  repeat-x;
	color: #FFFFFF;
}
#footercontent {
	padding: 5px;
	padding-left:25px;
	font-size: 0.7em;
}

h1, 
h2, 
h3 {
	font-size: 1.3em;
	margin: 0px;
}
h2, 
h3 {
	margin: 30px 0 0 0;
}
p {margin: 12px 0;}

#menu {
width: 200px;
background: #fff;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: 11px arial, helvetica, sans-serif;
display: block;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #9E9E9E;
margin: 0;
padding: 2px 30px 2px 5px;
}

#menu h2 {
font-weight:bold;
color: #2A2A2A;
background: #;
}

#menu a {
color: #000;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #E9E9E9;
}

#menu li {
position: relative;
text-align:right;
}

#menu ul ul ul {
text-align:left;
position: absolute;
top: 0;
left: 100%;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #9E9E9E;
border-left-width: 0px;
border-left-style: solid;
border-left-color: #9E9E9E;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul 
{display: none;
background: #ffffff;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
background: #ffffff;}

