/* CSS Document */

body {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
background-image:url(/images/body_bg.jpg);
background-color:#D9E0EA;
background-repeat:repeat-x;
margin:0;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#wrapper {
position:relative;
margin-left:auto;
margin-right:auto;
top:19px;
width:755px;
border-left:1px solid #59718C;
}

#wrapper2 {
float:left;
width:755px;
background-color:#ffffff;
height:auto;
}

#topbar {
height:37px;
background-color:#7896B2;
background-image:url(images/top_nav_bg.jpg);
background-repeat:repeat-x;
text-align:right;
margin:0;
padding:0;
}
#topbar img {
border:0;
}
#welcome {
margin-bottom:0px;
padding-top:7px;
background-image:url(images/welcome_bg.jpg);
background-repeat:repeat-x;
background-color:#E7EAF0;
}

#welcomebar {
height:13px;
text-align:left;
padding-left:8px;
background-image:url(images/welcome_bar_bg.jpg);
background-repeat:repeat-y;
font-weight:bold;
color:#ffffff;
}

#welcomecontent {
text-align:left;
padding:5px;
font-weight:normal;
color:#4E617B;
}

#header {
height:111px;
background-image:url(images/top_bg.gif);
background-repeat:repeat-x;
border-left:1px solid #59718C;
padding:0;
margin:0;
}

#footer {
border-top: 3px solid #5C7693;
width:739px;
padding:8px;
padding-bottom:15px;
background-color:#496481;
text-align:center;
color:#D7E1ED;
margin-bottom:8px;
padding-top:8px;
}

a, #footer a:link, #footer a:visited, #footer a:active {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#D7E1ED;
text-decoration:none;
}

#footer a:hover {
color:#A9B3C5;
text-decoration:none;
}

#menuwrap {
width:100%;
height:26px;
background-color:#5C7693;
border-left:1px solid #59718C;
}

.seperator {
background-image:url(images/seperator.jpg);
height:16px;
}

.divider {
border-bottom:1px dotted #666699;
margin:8px;
text-align:left;
}

#leftcol {
position:relative;
float:left;
width:281px;
border-left:0px solid #D1D5E0;
background-color:#E7EBF1;
height:auto;
}

* html #leftcol {
    margin-right:-3px;
}

#rightcol {
float:right;
width:474px;
padding:0px;
margin:0px;
margin-bottom:0px;
background-image:url(images/welcome_bg.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
height:auto;
}

#nav {
  float:left;
  width:100%;
  }

#nav ul {
  margin:0;
  padding:0;
  list-style:none;
  font-size:1em;
  }
#nav li {
  float:left;
  margin:0;
  padding:0 5px 0 5px;
  line-height:26px;
  text-indent:0px;
  }
#nav a, #nav strong {
  display:block;
  padding:0 5px 0 5px;
  color:#ffffff;
  text-decoration:none;
  white-space:nowrap;
  }

#nav a:hover {
  color:#5C7693;
  background-color:#D7E1ED;
  text-decoration:none;
}  

/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {
  width:1%;
}

.diybar {
height:23px;
background-color:#C0CAD6;
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
vertical-align:middle;
font-weight:bold;
font-style:oblique;
font-size:12px;
}

.channel1 {
background-color:#D2D9E3;
text-align:left;
height:77px;
padding:3px;
color:#6D7789;
margin:0px;
}

div.46860ad {
width:468px;
height:60px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
background-color:#ffffff;
border:1px solid #5C7693;
}

#content {
padding:0px 10px 5px 10px;
text-align:left;
margin:0px;
background-color:#ffffff;
color:#000000;
line-height:125%;
}

#content a:link, a:visited, a:active {
color:#34495F;
text-decoration:none;
}

#content input {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:110%;
}


a, #content a:hover {
color:#CF8D55;
text-decoration:none;
}

.leftbar {
vertical-align:middle;
padding-left:22px;
padding-top:4px;
}

.leftbar {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:oblique;
color:#34495F;
}

.leftbar a:link, .leftbar a:active, .leftbar a:visited {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:oblique;
color:#34495F;
}

.leftbar a:hover {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
font-style:oblique;
color:#678F3C;
}

h1 {
font-size:14px;
line-height:75%;
margin-bottom:5px;
color:#34495F;
}

h2 {
font-size:12px;
line-height:75%;
margin-bottom:5px;
color:#34495F;
}