body {
margin: 0;
padding: 0;
min-width: 720px;
text-align: center;
font-family: Arial, Sans-Serif;
font-size: 1em;
}
div#container {
margin: 0 auto;
width: 720px;
padding-left: 80px;
background: url("images/header-badge.jpg") no-repeat 0 15px;
/* border: 1px solid green; */
text-align: left;
}
div#header {
float: left;
width: 718px;
color: #777;
padding: 15px 0 10px 0;
/*background: url("images/header-badge.jpg") no-repeat 0 18px;*/
/* border: 1px solid red; */
}
#header span {
color: #036;
}
div#headerleft {
float: left;
width: 400px;
font-size: 1.3em;
}
div#headerright {
margin-top: 10px;
float: right;
color: #777;
font-size: .8em;
}
ul span, #headerright span {
cursor: default;
padding: 0 .4em;
font-size: .8em;
position: relative;
bottom: .1em;
color: #aaa;
}
div#heading {
/* The big, main attraction on each page */
margin: 0;
padding: 0;
float: left;
width: 718px; /* 720 with the border */
height: 150px;
background-image: url("images/big-image.jpg");
background-color: #dde;
border: 1px solid #ccc;
}
div#nav {
background: #e6e8f0 url("images/navigation.png") repeat-x;
/* background-color: #eee; */
border: 1px solid #cfcfcf;
float: left;
padding: 0;
margin-bottom: 2px;
width: 718px;
}
div#nav ul {
margin: 0;
padding: 4px .1em;
/* border: 1px solid black; */
list-style-type: none;
font-size: .8em;
}
div#nav ul li {
display: inline;
}
div#nav ul li a {
/* margin: 0; */
padding: 3px 11px;
color: #777;
text-decoration: none;
}
div#nav ul li a:hover {
/* margin: 0; */
padding: 2px 10px;
border: 1px solid #ccc;
background-color: #e6e8f0;
text-decoration: none;
}
div#body {
margin: 2px 0 0 0;
float: left;
width: 718px;
background-image: url("images/bodybg.png");
border: 1px solid #ccc;
}
div#rightbody {
font-size: .9em;
float: right;
width: 11em;
margin: 1em 0 0 0;
/* border: 1px solid red; */
}
div#leftbody {
font-size: .9em;
margin: 1em 12em 1em 1.5em;
color: #555;
}
div#leftbody p {
margin-top: 3px;
font-size: .9em;
}
div#leftbody h1 {
color: #77a;
text-align: center;
font-size: 1.3em;
}
div#leftbody h2 {
margin: 0;
padding: 0;
/* font-weight: normal; */
font-size: .9em;
color: #68b;
}
/*Right navigation*/
div#rightbody ul {
color: #777;
list-style-type: none;
margin: 0;
padding: 0;
font-size: .9em;
}
div#rightbody ul li {
}
div#rightbody ul li a {
display: block;
margin: 0;
padding: 4px 4px 4px 10px;
}
/*div#rightbody ul li a:hover {
background-color: #e5e5e9;
}*/
div.rightbox {
margin: 15px .7em 0 .7em;
padding: 3px;
border: 1px solid #ccc;
border-width: 1px 2px 2px 1px;
color: #94aabd;
font-size: .9em;
cursor: default;
}
div.rightbox_hover {
cursor: hand; cursor: pointer;
margin: 15px .7em 0 .7em;
padding: 3px;
border: 1px solid #bbb;
border-width: 1px 2px 2px 1px;
color: #849aad;
font-size: .9em;
}
div#footer {
float: left;
width: 492px;
margin: 2px 0 0 0;
padding: 2px 6px 2px 220px;
border: 1px solid #ccc;
background-color: #eef;
font-size: .7em;
color: #888;
}

div.rightbox a  {
text-decoration: none;
color: #94aabd;
}
div.rightbox a:hover { color: #849aad; }

a {
color: #849aad;
text-decoration: none;
}
a:hover {
color: #94aabd;
}
/*input#searchsubmit {
cursor: hand; cursor: pointer;
color: #777;
background-color: #eee;
border: 1px solid #aaa;
margin-right: 5px;
}
input#searchtextbox {
border: 1px solid #aaa;
margin-right: 5px;
}*/

#leftbody img {
padding: 2px;
border: 1px solid #ddd;
}