/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family: georgia, helvetica, arial, sans-serif;
font-size:.75em;
color: #323A4B;
background: #fff url(../images/body_bg.gif);
}

h1{
font-size:1.5em;
color:#494A4E;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

h2{
font-size:1.2em;
color:#660033;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

em{color: red;}

#maincontainer{
position: relative;
top:10px;
height: 100%;
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #fff url(../images/maincontainer_bg.gif);
}

#maincontainer a{
text-decoration:none;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

#maincontainer a:hover{
text-decoration:underline;
}


#topsection{  
height: 120px; /*Height of top section*/
background: #fff url(../images/header.jpg);
}


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

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#contentcolumn a{
color: #172C6B;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
}

#footer{
clear: left;
width: 100%;
color: #98B7C7;
font-size:.75em;
text-align: right;
padding: 4px 0;
background-image: url(../images/footer_bg.gif);
background-position: bottom center;
vertical-align:bottom;
}

#footer a{
/* color: #FFFF80; */
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


.shadetabs{
position:relative;
top:90px;
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
bottom:90px;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px georgia;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color:#2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}


.wireframemenu{
border: 1px solid #98B7C7;
background-color:#172C6B;
border-bottom-width: 0;
width: 170px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: yellow;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

.wireframemenu a:visited{
color: yellow;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu li.selected{
background-color: #747474;
color: #525F7B;
}
.wireframemenu a:hover{
background-color: #EFEFEF;
color: #525F7B;
}