body {
background: #E7DED6;
margin: 0;
padding: 0 0 10px 0;
font: small Verdana, Arial, sans-serif;
line-height: 140%;
color: #333;
}

* html body {
font-size: x-small;
f\ont-size: small;
}

.clear {
clear: both;
height: 33px;
}

#wrapper {
width: 760px;
margin: 0 auto;
}

#header {
border-left:1px solid #F3EFEB; border-right:1px solid #F3EFEB; border-top:1px solid #F3EFEB; padding-bottom: 0;
border-bottom: 0px none;
height: 156px;
background: #5691D7;
overflow:hidden; padding-left:1px; padding-right:1px; padding-top:1px
}

#header img {
border: 0;
}

#nav {
border-left: 1px solid #F3EFEB;
border-right: 1px solid #F3EFEB;

background: url('images/navbg.gif') repeat-x 0 0;
}

#nav ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#nav li {
margin: 0;
padding: 0;
display: inline;
float: left;
}


* html #nav li a {
display: inline-block;
}


#sub-nav {
border-left: 1px solid #F3EFEB;
border-right: 1px solid #F3EFEB;
padding: 0 1px 0 1px;
height: 111px;
overflow:hidden; /* ie6 fix for height */
}

*html #sub-nav {
border-left: 2px solid #F3EFEB;
border-right: 2px solid #F3EFEB;
padding: 0 ;
}

#content {
background: #fff url('images/content-bg.jpg') repeat-x 0 0;
border-left: 1px solid #fff;
border-right: 1px solid #fff
}

#left {
float: left;
width: 500px;
padding: 15px 10px 15px 10px;
}

#content a {
color: #295CA9;
text-decoration:none;
border-bottom: 1px solid #A6B8D5;
}

#content a:hover {
border-bottom: 0px none; 
}


h2 {
margin-top: 0;
font-family: "Trebuchet MS";
font-size: 150%;
color: #5493CD;
}


#sidebar {
border-left: 1px solid #ddd;
float: right;
width: 210px;
padding: 15px 10px 15px 10px;
}

#sidebar img {
border: 2px solid #eee;
}

#sidebar a.imglink { border: 0px none; }

#sidebar h2 {
margin-bottom: 0px;
color: #333;
}

#sidebar p {
margin-top: 10px;
}

#footer {
background: #3C77AC;
color: #FFF;
font-size: 85%;
padding: 10px 15px;
}

#footer p {
margin-bottom: 0;
}

#footer a {
color: #fff;
text-decoration: underline;
}

#footer a:hover {
text-decoration: none;
}
    
#menuwrapper {
	border-top: #000 1px solid; border-bottom: #333 1px solid; background-color: #5994CE
}
.clearit {
	clear: both; font-size: 0px; line-height: 0; height: 0px
}
#menubar {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; font-family: arial, Helvetica, sans-serif; list-style-type: none; width: auto
}
#menubar ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; font-family: arial, Helvetica, sans-serif; list-style-type: none
}
#menubar a {
	background: url('images/nav.gif') no-repeat 0 0; padding-right: 10px; display: block; padding-left: 10px; padding-bottom: 6px; color: #ffffff; padding-top: 6px; text-decoration: none
}
#menubar a.trigger {
	padding-right: 16px; padding-left: 10px; padding-bottom: 6px; padding-top: 6px; background-repeat: no-repeat
}
#menubar li {
	float: left; width: auto; position: static
}
#menubar li ul {
	width: 12em
}
#menubar ul li {
	width: 12em
}
#menubar ul li a {
	padding-right: 12px; padding-left: 16px; padding-bottom: 3px; color: #565656; padding-top: 3px; border-right-width: 0px
}
#menubar li ul {
	border-right: #333333 1px solid; display: none; border-bottom: #333333 1px solid; background-repeat: repeat-x; position: absolute; background-color: #ffffff
}
#menubar li:hover a {
	color: #f0f0f0; background: url('images/nav.gif') no-repeat 0 -33px;
}
#menubar a:unknown {
	color: #f0f0f0; background-color: #5994CE
}
#menubar a:active {
	color: #f0f0f0; background-color: #5994CE
}
#menubar li.hvr a {
	color: #f0f0f0; background: url('images/nav.gif') no-repeat 0 -33px;
}
#menubar li:hover ul {
	display: block
}
#menubar li.hvr ul {
	display: block
}
#menubar li:hover ul a {
	color: #000000; background: none; background-color: #5994CE
}
#menubar li.hvr ul a {
	color: #000000; background: none; background-color: #5994CE
}
#menubar ul a:hover {
	color: #ffffff! important; background-color: #5994CE! important
}
#menubar img{
    top: 8px;
    border: 0;
    text-decoration: none;
}

