h1,h2,h3,h4,h5,h6 {
font-size: 100%; font-style: normal; font-weight: normal;
}

div {
position: relative;
}

table {
border-collapse: collapse; border-spacing: 0;
}

img {
border: 0;
}

body {
background: #F1F1EC; padding: 0 0 75px 0; font-family: Verdana, sans-serif; font-size: 100%; color: #555555;
}

a {
text-decoration: none; color: #017fd6;
}

a:hover {
color: #3199e1;
}

ol {
margin: 0 0 15px 35px;
}

ol li {
margin: 0 0 6px 0;
}

/*************************************************************/

#wrapper {
width: 888px; margin: auto; background: #ffffff; top: 35px; bottom:35px; z-index: 50; padding: 0 0 0 0;
}

#main {
background: #ffffff repeat-y; margin: 0;
padding: 40px 0 40px 0;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #9AA0A6;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #9AA0A6;
}

#content {
width: 600px; font-size: 75%; z-index: 10; line-height: 120%; padding: 0; margin-left: auto; margin-right: auto; min-height: 300px;
}

#content h1 {
font-size: 180%; font-style: normal; font-weight: normal; line-height:140%; text-align: center;
}

#content h2 {
font-size: 150%; font-style: normal; font-weight: normal; line-height:100%; text-align: left; font-family: Trebuchet;
}

#content h3 {
font-size: 130%; font-style: normal; font-weight: normal; line-height:100%; text-align: left;
}

#content p {
line-height:150%;
}

#content p.bottom {
position:absolute; bottom:0;
}

#content ol.alpha {
list-style-type: lower-latin;
}

#content ul {
list-style-type: circle;
}

#header {
background: #8ABCD3 url(i/head.png) no-repeat; width: 100%; z-index: 60; height: 98px; margin: 0; padding: 0;
}

#header h1 {
text-indent: -99999px; width: 285px; height: 55px; margin: 15px 0 0 10px; padding: 0; float: left;
}

#contentheader {
padding: 0; z-index: 1;  position:relative; float:right; height:100%; width: 500px;
}

ul#hubnav {
bottom: 0px; left: 0px; height: 53px; position: absolute; padding: 0 0 0 0; margin: 0;
}

ul#hubnav li {
float: left; text-align: center; color: #10517F; font: 85% Trebuchet MS; height: 33px; margin: 0; padding: 20px 0 0 0px; top: 0px; position: relative; margin: 0 0px 0 0; display: block; list-style: none; width: 96px; background: url(i/tab_off.gif) no-repeat bottom; font-weight: bold;
}

ul#hubnav li.on{
background: url(i/tab_on.gif) no-repeat left;
padding: 15px 0 0 0px;
height: 38px;
}

ul#hubnav li a {
color: #10517F; 
}

ul#hubnav li a:hover {
color: #0094e0; 
}

ul#hubnav li.on a {
color: #0094e0;
}

#footer {
background: #ffffff; font: 70% Tahoma, sans-serif; color: #8d8d8d; margin: 0; text-align: center;
height:80px;
padding:10px 0 0 0;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #9AA0A6;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #9AA0A6;
}

#footer ul {
padding: 0; margin: 0; width: 270px; height:20px;
margin-left: auto; margin-right: auto; 
}

#footer ul li {
color: #b5b8b2; float: left; width: 80px; margin: 0 0 0 0; padding: 0 0 0 10px; list-style: none;
}

#footer ul li a {
color: #969a92; font-size: 11px;  
}

#footer ul li a:hover {
color: #b5b8b2;
}

#bottomlid {
background: #ffffff url(i/bottom.gif) top center no-repeat; height:7px;
padding:0;
margin:0;
}


/* article list */

ul#articleList {
margin: 40px 0 40px 0;
}

ul#articleList li {
color: #8d8d8d; margin: 0; padding: 0 0 0 0; top: 0px; margin: 0 0 20px 0; list-style: square; font-size: 100%;
}

ul#articleList li a {
font-size: 120%; line-height: 130%; font-weight: bold;
}
