body     { font: 0.8em/1.4em Tahoma, sans-serif; background: #fff; margin: 0; padding: 0 }
a  { color: #626c83 }
a:hover   { color: #339; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
h1  { color: #1C89C3; font: 2.0em Arial, Sans-Serif; letter-spacing: -1px; margin: 0; padding: 10px 0 0 10px }
.dark {
color : #1C89C3;
font-weight : bold;
}
h1 a, h2 a {
text-decoration : none;
}
h1 a:hover, h2 a:hover {
color : #039;
}
h2 {
margin : 0;
padding : 0;
font : bold 1.7em Arial, Sans-Serif;
letter-spacing : -1px;
}
h2 {
color : #039;
font-size : 1.5em;
margin-bottom : 5px;
}
p {
margin : 0 0 5px 0;
}
ul  { background-color: #fff; list-style: none; margin: 0; padding: 0 }
form {
margin : 0;
}
input.search   { font-weight: bold; background-image: url("input.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding: 4px; width: 292px; border: 0 }
input.submit  { color: #1c89c3; font: bold 1em Arial, Sans-Serif; background: #fff url("submit.gif") no-repeat; margin: 0 15px 1px 0; padding: 4px 0; width: 65px; border: 0 }
input.login {
width : 150px;
border : none;
padding : 4px;
}
.content  { background-color: #fff; margin: 0 auto; padding: 10px; width: 780px }
.header  { color: #1c89c3; font-weight: bold; background: #f5f5f5; margin: 3px 0; padding: 10px 0 0; height: 55px; border-bottom: 1px solid #ccc }
.top_info {
float : right;
width : 555px;
padding : 5px 0 4px 0;
border-bottom : 1px solid #eee;
background : #eee;
color : #808080;
}
.top_info_left {
width : 200px;
float : left;
}
.top_info_right {
float : right;
width : 290px;
padding : 0 0 0 35px;
border-left : 1px solid #eee;
}
.browse_category {
font-size : 0.9em;
width : 190px;
color : #fff;
background : inherit;
}
.bar {
color : #fff;
font-size : 1.1em;
font-weight : bold;
background : #1C89C3;
margin : 0;
height : 30px;
clear : both;
}
.bar li {
color : #fff;
font-weight : bold;
background : #1C89C3;
margin : 0;
padding : 7px 12px 5px;
float : left;
}
.bar li.active {
color : #fff;
font-weight : bold;
background : #1C89C3 url("bar.gif") no-repeat center top;
padding : 7px 10px 6px;
}
.bar li a    { color: #ffd700; font-weight: bold; text-decoration: none; background-image: inherit; background-repeat: inherit; background-attachment: inherit; background-position: inherit }
.bar li a:hover  { color: #fff }
.search_field {
background : #fff url(searchbg.gif) no-repeat right;
color : #808080;
clear : both;
font-weight : bold;
padding : 7px 25px 10px 10px;
margin : 5px 0;
}
.grey {
color : #808080;
background : inherit;
font-weight : normal;
}
.search_form {
float : right;
}
.subheader  { color: #fff; font-style: normal; font-weight: bolder; background: #09f; margin: 0 0 10px; padding: 5px 0; border-bottom: 1px solid #eee }
.left {
float : left;
width : 65%;
margin : 0 0 10px 0;
}
.left h3    { color: #fafafa; font: bold 1em Tahoma, Arial, Sans-Serif; background: #1c89c3 url("corner.gif") no-repeat right top; margin: 0; padding: 7px 0 7px 5px; clear: both }
.left_side {
float : left;
width : 180px;
padding : 0 0 0 10px;
margin : 10px 0;
}
.left_side a, .right_side a {
color : #414141;
background : #fff;
}
.right_side {
float : right;
width : 220px;
background : #fff url(dotted.gif) repeat-y;
color : #414141;
padding : 0 0 0 40px;
margin : 10px 0;
}
.left_box  { color: #000; background: #fff; margin: 0 0 10px; padding: 3px 0 }
.right {
float : right;
width : 34.6%;
margin : 0 0 10px 0;
}
.right h3 {
background : #6c757a url(corner.gif) no-repeat top right;
color : #fff;
padding : 7px 0 7px 5px;
font : bold 1em Tahoma, Arial, Sans-Serif;
margin : 0 0 3px 0;
}
.right_articles {
background : #f5f5f5;
color : #414141;
padding : 8px;
margin : 0 0 3px 0;
}
.image {
float : left;
margin : 0 9px 3px 0;
}
.footer {
clear : both;
text-align : center;
padding : 10px 0 10px 0;
margin : 0;
border-top : 1px solid #ccc;
line-height : 1.8em;
}
.footer a {
color : #808080;
background : #fff;
}