/*layout CSS */
body {
text-align:center; /*center hack*/
}
#wrap {
min-width:760px;
max-width:960px;
width: auto !important; /*IE6 hack*/
width:960px; /*IE6 hack*/
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/
}
#header {} 
#sidebar {float:left;width:20%; overflow:hidden;} 
#content60 {float:left;width:60%;overflow:hidden;}
#content80 {float:left;width:80%;overflow:hidden;}
#content100 {float:left;width:100%;overflow:hidden;}
#sidebar-2 {float:left;width:20%; overflow:hidden;} 
#footer {clear:both;}
.inside {padding:10px;}

/*typography*/

* {
margin:0;
padding:0;
}
body {
font-size:76%;
font-family:Helvetica, Verdana, Arial, sans-serif;
line-height:1.3;
margin:1em 0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0; 
}
li,dd { 
margin-left:1em;
}
fieldset { 
padding:.5em; 
}
#wrap{
border:1px solid #999;
}

#leftfauxcol {
background:url(../images/leftslidingcolumn.png) 20% 0;
}

#rightfauxcol {
/* background:url(../images/rightslidingcolumn.gif) 80% 0; */
background:#fff
}

#header {
color:#fff;
background:#fff url(../images/header_short.jpg) no-repeat;
border-bottom: 1px solid #999;
position:relative;
height: 110px;
}

#header h1 {
font-family:Helvetica, Arial, sans-serif small-caps;
font-size: 2em;
color: #FF0000;
font-variant:small-caps;
padding-left:100px;
}

#footer {
background:#FF0000;
color:#fff;
text-align:right;
font-size:0.8em;
clear:both;
}

.small,.createdate,.modifydate,.mosimage_caption{
font:0.8em Helvetica,Arial,sans-serif;
color:#999;
}

#bottom {
background:#333;
color:#666;
padding:10px 50px;
}

h1, h2, h3, h4, h5, h6 {
color: #104fa0;
}

a{
text-decoration:none;
color: #FC000E;
}
a:hover{
text-decoration:underline;
}
h1,.componentheading{
font-size:1.9em;
color: #FF0000;
}
h2,.contentheading{
font-size:1.5em;
color: #FF0000;
}
h3{
font-size:1.3em;
}
h4{
font-size:1.2em;
}
h5{
font-size:1.1em;
}
h6{
font-size:1em;
font-weight:bold;
}


#content80 p img {
margin-right: 20px;
}

.contentpaneopen td img {
margin-right: 20px;
}

.buttonheading a img {
margin-right: 1px;
}

.moduletable{
margin-bottom:1em;
padding:0 10px; /*padding for inside text*/ border:1px #CCC solid;
}
.moduletable h3{
background:#FF0000;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/ }

/*Menu Styling*/

.moduletablemenu{
padding:0;
color: #333;
margin-bottom:1em;
}
.moduletablemenu h3 {
background-color: #000000;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0;
border-bottom:1px solid #fff;
}
.moduletablemenu ul{
list-style: none;
margin: 0;
padding: 0;
}
.moduletablemenu li{
border-bottom: 1px solid #ccc;
margin: 0;
}
.moduletablemenu li a{
display: block;
padding: 3px 5px 3px 0.5em;
border-left: 0px solid #FF0000;
border-right: 0px solid #FF666F;
background-color: #FF0000;
color: #fff;
text-decoration: none;
}
html>body .moduletablemenu li a {
width: auto;
}
.moduletablemenu li a:hover,a#active_menu:link,a#active_menu:visited{
border-left: 0px solid #FF666F;
border-right: 0px solid #FC000E;
background-color: #FFFFFF;
color: #f00;
}

.moduletablemenu li ul {
border-top: 1px solid #ccc;
}

.moduletablemenu li li{
background-color: #9D9D9D;
border-bottom: 0px;
}

.moduletablemenu li li a {
padding: 3px .5em 3px 1.9em;
}

/*  fontsize  */
#fontsize
{
        z-index: 100;
        position: absolute;
        top: 0px;
        right: 0px;
        background: #fff;
        color: #000;
}

#fontsize h3, #fontsize p
{
        border: 0;
        display: inline;
        font-size: 1em;color:#FC000E
}

#fontsize p { margin: 0 0 0 5px; }

#fontsize p a
{
        font-weight: bold;
        margin: 0 5px 0 5px;
        display: inline;
        padding: 2px 0px 2px 0px;
}

#fontsize p a.larger:hover
{
        background: #000;
        color: #fff;
}

#fontsize p a.smaller:hover
{
        background: #000;
        color: #fff;
}

#fontsize p a.reset:hover
{
        background: #000;
        color: #fff;
}