/* CSS Document */
body {
margin: 0 auto;
padding: 0em;
text-align: center;
background-color: #cccccc;
}

#bodybg {
background: url(body.png) repeat-x;
overflow: hidden;
}

#sup {
margin: 0 auto;
width: 892px;
position: relative;
}

#header {
position: relative;
height: 38px;
width: 880px;
}

#logo {
background: url(logosmall.gif) no-repeat;
width: 84px;
height: 34px;
margin: 7px 10px 1px 15px;
}

#menucontainer {
width: 760px;
height: 38px;
float: right;
margin: 15px 0 3px 0;
}

#mainpanes {
background-color: #FFFFFF;
border:1px solid #666666;
padding: 6px 6px 6px 6px;
margin-top: 10px;
}

#mainpic {
height: 372px;
width: 880px;
clear: both;
margin-top: 35px;
}

.mainpic {
width: 880px;
}

#contentpane {
width: 630px;
float: left;
margin: 0em;
padding: 0em;
}

.contentstyle {
width: 640px;
float: left;
padding: 0em;
margin: 6px 0 0 0;
position: relative;
}

.sponsorstyle {
width: 240px;
float: right;
padding: 0em;
margin: 6px 0 0 0;
position: relative;
}

#sponsorpane {
width: 240px;
float: right;
position: relative;
}

.clearfloats {
display: inline-block;
}

#featurebar {
background: url(featurebarbg.png) repeat-x;
background-position: bottom;
height: 155px;
clear: both;
}

#footer {
margin: 0 auto;
text-align: center;
clear: both;
height: 40px;
width: 880px;
}

#footer ul {
padding: 0em;
margin-top: 20px;
list-style-type: none;
text-align: center;
}

#footer li {
display: inline;
color: #0f3a48;
padding: 0 30px 0 30px;
font-size: 12px;
font-family: helvetica, sans-serif;
}

#footer li a {
color: #0f3a48;
font-family: helvetica, sans-serif;
text-decoration: none;
font-weight: 600;
}

#footer li a:hover {
color: #FF00FF;
text-decoration: none;
}

.footerBorder {
border-right: 1px solid #0f3a48;
}
