html, * {
margin:0;
padding:0;
}

body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 0;
padding: 0;
background: #170be3;
}

#wrapper {
background: #000099;
width:980px;
margin:auto;
padding: 0;
height: 100%;
}

#contentwrap {
width:980px;
margin:auto;
}

p {
font-size: 0.8em;
padding: 5px 40px 10px 40px;
text-align: justify;
line-height: 1.75em;
}

.sidebartext {
text-align: left;
}

.sidebarimg {
margin: 10px;
border: 1px solid #000;
}

a img {
border:0;
}

.imgleft {
padding: 10px 10px 10px 0;
float:left;
}


.imgright {
padding: 10px 0px 10px 10px;
float:right;
}


h1, h2, h3, h4 {
padding: 5px 0 10px 40px;
color:#000099;
line-height: 1.75em;
}

h1 {
font-size: 1.2em;
}

h2 {font-size: 1.0em;
}

h3 {
font-size:0.8em;
padding: 5px 40px 10px 40px;
text-align: justify;
}

#header1 {
background:url(../images/headerleft.gif) #170BE3 no-repeat 10px 20px;
float: left;
z-index:2;
height:140px;
}

#header1 h1 {
font-size:3em;
color:#009;
}

#header2 {
margin-top:25px;
z-index: 1;
background:#170BE3;
float: right;
height:50px;
}

#centermenu {
width: 60em; /*calculate total width of uls*/
margin: 0 auto;
}

#menu {
width: 100%;
background: #ff3;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #000;
margin:0;
padding: 2px 10px;
}

#menu h2 {
color: #000;
background:#ff3;
padding: 2px 10px;
/*text-transform: uppercase;*/
z-index:20;
}

#menu a {
color: #000;
background: #ff3;
text-decoration: none;
z-index:20;
}

#menu a:hover {
color: #a00;
background: #fff;
z-index:20;
}

#menu li {
position: relative;
z-index:20;
}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

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;}

/* For centering menu in IE - Source http://www.cssplay.co.uk/menus/centered.html */
.container {clear:both; text-decoration:none;}
* html .container {display:inline;}

#sidebar {
width: 200px;
position: relative;
float: left;
background-color:#170BE3;
margin-top: 10px;
z-index:1;
}

#sidebar form {
color:#fff;
font-size:0.8em;
}

#sidebar fieldset {
border:0;
margin-left:10px;
}

#content {
margin: 10px 10px 0 210px;
background-color: #FFF;
border: 2px solid #000;
padding-top:20px;
}

#content ol{
margin-left:100px;
font-size:0.8em;
}

#warning {
background-color:#ccc;
color:#F00;
border:2px dashed #f00;
width:80%;
font-size:0.8em;
margin:auto;
line-height:1.5em;
font-weight:bold;
}

#warning li {
margin-left:30px;
}

table {
margin-left:40px;
border:#00C 2px groove;
background-color:#66FFFF;
}

td {
text-align:left;
font-size:0.8em;
line-height:1.5em;
vertical-align:top;
padding:2px;
}

#clearfooter {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}

#footer {
height:50px;
padding-top:5px;
}

#footer p {
margin:0 30%;
font-size:0.7em;
text-align:center;
color:#fff;
}

#footer img {
float:left;
padding:5px 0 5px 5px;
}

#footer .credit {
margin:0;
/*font-size:0.7em;*/
float:right;
}

#footer a {
color:#ff0;
}