html {
}
body.frontsite {
margin:0px auto;
height:100%;
font:76% Tahoma,Verdana,Arial Helvetica, sans-serif;
background:url(../images/top.jpg) repeat-x;
}
#wrap {
clear:both;
margin:10px auto 0px;
padding:0;
width:980px;
}
#logoandresizer {
height:35px;
clear:both;
width:950px;
margin:0 auto;
height:35px;
}
#logo {
float:left;
width:220px;
height:35px;
margin:0;
padding:0;
}
#resizer {
height:35px;
float:right;
width:100px;
text-align:right;
}
#resizer  img {
}

#membersandsearch {
clear:both;
width:980px;
height:30px;
margin:0px auto;
}


#memberwrap {
float:left;
height:30px;
width:880px;
margin:0;
padding:0;
margin:0 auto;
}
#toggle1  {
float:left;
height:25px;
width:110px;
}
a#toggle1  {
background:url(../images/arrow3.png) right 9px  no-repeat;
}
a#toggle1:hover {
background:url(../images/arrow4.png) right 9px no-repeat;
}
#interesting {
clear:both;
width:100%;
background: url(../images/back.gif) repeat-x;
margin:0;
padding:0;
}
#interesting a#toggle2  {
margin:0;
padding:0;
font: 110% Arial, Helvetica, sans-serif;
line-height:28px;
display:block;
width:140px;
height:28px;
color:#fff;
background:url(../images/arrow1.png) 110px 10px  no-repeat;
}
#interesting a#toggle2:hover {
background:url(../images/arrow2.png) 110px 10px no-repeat;
}
#topmodules {
width:100%;
background:#555;
color:#fff;
margin:0;
padding:0;
}
#memberarea {
height:25px;
width:730px;
float:left;
font: normal 90% Arial, Helvetica, sans-serif;
color: #fff;
padding-top:3px ;
overflow:hidden;
margin-top:5px;
padding:0;
}
#memberarea div {
margin-left:40px;
margin-top:-15px;
width:200px;
height:30px;
}
#memberarea label {
	margin-left: 5px;
}
#mod_login_username,#mod_login_password {
        background: #156c94;
        color:#fff;
        border:1px solid #cdcdcd;
}
#memberarea form {
margin-left:5px;
}
#memberarea form input.button {
	background: #156c94;
	color: #fff;
        /*padding: 0px 5px;*/
	font: normal 100% Arial, Helvetica, sans-serif;
}

#memberarea form input.button:hover {
	background: #1e81ae;
	color: #fff;
}
#memberarea  a {
color:#fff;
background:#156c94;
text-decoration:none;
margin-left:5px
}
#memberarea  a:hover {
background: #1e81ae;
}
#searchbox {
display:block;
float:left;
margin:0;
width:100px;
height:30px;
overflow:hidden;
background:#555;
}
#mod_search_searchword {
margin:2px;
width:90px;
}

#searchbox input {
border:1px solid #cdcdcd;
background:#156c94;
color:#fff;
font: normal 100% Arial, Helvetica, sans-serif;
margin-top:5px;
padding-left:3px;
}
#siteandbanner  {
height:95px;
width:950px;
padding:0px;
margin:0px auto;
overflow:hidden;
}
#site {
float:left;
width:35%;
height:95px;
font-size:1.5em;
color:#fff;
overflow:hidden;
text-align:center;
}
#site img{
margin-top:10px;
}

#banner {
float:right;
width:60%;
height:95px;
text-align:center;
}
#banner   img {
margin-top:10px;
}
/*****HYBRID**********/
#horizmenu{
width:980px;
padding:0;
height:25px;
margin:0px auto  ;
}
#contentseparator {
width:980px;
height:24px;
margin:0px auto;
border-top:1px solid #555;
padding:0;

}
#nav {
position: relative;
top:0px;
height:25px;
width:980px;
margin:0;
padding:0;
}
#nav li ul {
margin: 0;
padding: 0;
}
#nav a {
display:block;
text-decoration: none;
}

#nav li { /*float the main list items*/
margin: 0;
float: left;
display: block;
padding:0 5px;
}
#nav li ul {
display: none;
}

#nav li.off ul  { /*put the subnav below*/
position: absolute;
top: 15px;
padding-top:10px;
left: 0;
height:35px;
width:980px;
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
}

#nav li a {
float:left;
height:25px;
line-height:25px;
font-weight:normal;
padding:0 10px 0 10px;
display:block;
color:#fff;
text-decoration:none;
}


#nav li.off ul a {
border: 0;
float: left; /*ie doesn't inherit the float*/
color: #fff;
width: auto;
margin:0 5px;
}

#nav li.over ul li a { /*for ie - the specificity is necessary*/
}


#nav li.off:hover ul, #nav li.over ul {
display: block;
z-index: 6000;
}

#nav li.off a:hover{ 
color: #fff;
background:#156c94;
}

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

#contentwrap {
float:left;
width:100%;
margin:0;
padding:0;
}
#content {
clear:both;
width:980px;
margin:1em auto;
}
.inside {
padding:0 1%;
}
#mainbody {
float:left;
width:65%;
height:100%;
margin:0 1% 0 1%;
border-left:1px solid #156c94;
border-right:1px solid #156c94;
overflow:hidden;
}
#mainbodylr {
float:left;
width:80%;
height:100%;
margin:0 0.5%;
border-left:1px solid #156c94;
border-right:1px solid #156c94;
overflow:hidden;
}
#mainbodyfull {
float:left;
width:97%;
height:100%;
margin:0 0.5%;
border-left:1px solid #156c94;
border-right:1px solid #156c94;
overflow:hidden;
}

#leftbar {
float:left;
width:15%;
height:100%;
background:#fff;
overflow:hidden;

}
#rightbar {
float:left;
width:15%;
height:100%;
background:#fff;
overflow:hidden;
}
#leftbar .moduletable,#rightbar .moduletable {
margin-bottom:2em;
}
#leftbar .moduletable h3,#rightbar .moduletable h3{
margin-top:0;
color:#fff;
background:#156c94;
border:2px solid #555;
text-align:center;
}
#leftbar  .moduletable a ,#rightbar .moduletable a{
color:#156c94;
border-bottom:1px solid #555;
text-decoration:none;
}
#leftbar .moduletable .syndicate a ,#rightbar .moduletable .syndicate a{
text-decoration:none;
border:0;
}

#leftbar a:hover,#rightbar a:hover {
border-bottom:1px solid #000;
color:#fff;
background:#1e81ae;
}
h3,.contentheading,strong,.componentheading {
color:#156c94;
font-size:120%;
font-weight:bold;
}
.small,.createdate,.modifydate {
color:#555;
}
a.readon,#mainbody a,#mainbodyfull a,#mainbodylr a {
color:#156c94;
text-decoration:none;
}
a.readon:hover,#mainbody a:hover,#mainbodyfull a:hover, #mainbodylr a:hover{
border-bottom:1px solid #000;
color:#fff;
background:#1e81ae;

}
#active_menu.mainlevel {
background:#cdcdcd;
}
#content .button{
background:#CCCCCC;
border:1px solid #999999;
color:#333333;
margin:5px 0px;
}
.moduletable tr div img {
display:none;
}
a.sublevel {
text-align:left;
padding-left:12px;
background:url(../images/indent.png) left  no-repeat;
text-decoration:none;
}

#user12wrap {
float:left;
width:100%;
background:url(../images/downbackground2.png) repeat-x;
margin:0; 
padding:0;
margin-top:2em;
}
#user12modules {
clear:both;
width:980px;
margin:0 auto;
padding:0;
}
#user1 {
float:left;
width:49%;
color:#fff;
padding:0;
height:100%;
margin:10px 0 5px;
overflow:hidden;
background:#555;
border:1px solid #000;
}
#user2 {
float:right;
width:49%;
color:#fff;
padding:0;
height:100%;
margin:10px 0 5px;
overflow:hidden;
background:#555;
border:1px solid #000;
}
#userx {
float:left;
width:100%;
height:100%;
margin:10px 0 5px;
color:#fff;
padding:0;
overflow:hidden;
background:#555;
border:1px solid #000;
}
#user1 h3,#user2 h3,#userx h3 {
color:#fff;
text-align:center;
}
#user1 a, #user2 a, #userx a {
color:#fff;
text-decoration:none;
}
#user1 a:hover,#user2 a:hover,#userx a:hover {
background:#1e81ae;
}
#footerwrap {
float:left;
width:100%;
background:url(../images/downbackground1.png) repeat-x;
padding:0;
margin-top:2em;
margin-bottom:2em;
height:120px;
}
#footer {
clear:both;
width:980px;
height:120px;
margin:0 auto;
padding:0;
background:url(../images/downbackground1.png) repeat-x;
}
.topmenu{
margin:1em 0 0 0;
float:left;
width:70%;
}
ul#mainlevel-nav {
padding:0;
margin:0;
}

ul#mainlevel-nav li {
list-style: none;
float:left;
}

ul#mainlevel-nav li a {
background:url(../images/split.gif) no-repeat 100%;
padding:0 10px 0 10px;
color:#555;
text-decoration:none;
}
ul#mainlevel-nav li a:hover {
border-bottom:1px solid #555;
}

.siteinfo {
float:left;
width:50%;
margin:1em 0 0 0;
text-align:left;
line-height:25px;
height:25px;
padding-left:10px;
color:#555;
}
.designedby {
float:left;
line-height:25px;
font-size:10px;
text-align:left;
width:50%;
margin:1em 0 0 0;
}
.designedby a {
padding-left:10px;
text-decoration:none;
color:#fff;
}
.designedby a:hover {
border-bottom:1px solid #fff;
}
.validsite {
float:right;
width:20%;
text-align:right;
margin:0 0 0 0;
}
.validsite a {
text-decoration:none;
}