html,body {
      margin: 0;
      padding: 0;
      text-align: center;
      font-family: Trebuchet MS;
      font-size: 14px;
      background: #FFF url("images/border.jpg") repeat-y center;
}

html { 
	overflow-x: auto; 
	height:100%;
	}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

body 
{
	height:100%;
}

    
img { border: none; }
a { text-decoration: none; color: #156D72; font-weight: bold;}
a:hover { text-decoration: underline; color: #5A5A5A; }


/*---------- Divs ----------*/
#header {
      background: url("images/servers.png") no-repeat right;
      height: 150px;
      width: 888px;
      margin: 0 auto;
}

#logo {
      background: url("images/logo.gif") no-repeat left;
      margin: 0 auto;
      width: 888px;
      height: 150px;
}
html>body #logo { width: 850px }  /* for opera */

#wrapper {
	margin: 0 auto ;
	min-height: 100%;
}
* html #wrapper {
	overflow: visible;
	height: 100%;
}

#container {
      width: 890px;
      overflow: hidden;
      text-align: left;
      font: 90% Trebuchet MS, Verdana;
      margin: 0px auto;
      border-top: 3px solid #156D72;
      background: #e5e5e5;
}  
* html #container {
      overflow: visible;
}

#content{
      float: right;
      width: 690px;
      background: #fff url("images/nav-edge.jpg") repeat-y;
      padding-bottom: 40px;
      min-height:380px;
      }
* html #content {height:380px; overflow: visible;}

#maincontent {
      float: left;
      float: right;
      padding: 30px 20px 0px 20px;
      overflow: hidden;
      width: 450px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 410px; 
}

#mainuserscontent {
      float: left;
      padding: 30px 20px 0px 20px;
      overflow: hidden;
      width: 650px;
      voice-family: "\"}\""; 
      voice-family:inherit;
}


#rightdiv{
      padding-top: 30px;
      float: right;
      width: 230px;
}

#rightdiv img{
      padding: 1px;
      border: 1px solid #6fb2e6;
}

#news{
      width: 230px;
      margin: 0 auto;
}

/*---------- Navigation Menu ----------*/
#navcontainer {
      padding-top: 30px;
      padding-left: 15px;
      min-height: 380px;
      float: left;
      overflow: hidden;
      width: 180px;
}
* html #navcontainer {height: 380px; overflow: visible;}

.nav {
      width: 170px;
      position: relative;
      list-style-type: none;
      margin: 0;
      padding: 0px;
      font-size: 105%;
}

.nav li {
      text-align: left;
      margin: 3px 1px;
      padding: 0;
      
}

.nav li a {
      border: 1px solid #156D72;
      display: block;
      padding: 4px 0 4px 10px;
      background: #156D72;
      color: #FFFFFF;
      font-weight: bold;
      text-decoration: none;
      width: 170px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 160px; 
}

.nav li a:hover {
      background: #FFFFFF;
      color: #156D72;
      font-weight: bold;
      cursor: pointer;
}

/*---------- Footer ----------*/
 .push {
   height: 25px;
	clear: both;
 }
#footer {
      height: 15px;
      margin: -40px auto 0;
      padding: 10px 0 10px 0;
      font-size: 80%;
      text-align: center;
      color: #156D72;
      width: 890px;
      background: #fff;
	  position: relative; 
	  border-top: 3px solid #156D72;
      }

#footertextleft{
      margin-left: 10px;
      text-align: left;
      width: 450px;
      float: left;
}

#footertextright{
      margin-right: 10px;
      text-align: right;
      width: 350px;
      float: right;
}

/*---------- Headings ----------*/
h1 { 
      padding-top: 0;
      margin-top: 0;  
      font: 120% Trebuchet MS;
      font-weight: bold;
      color: #156D72;
}

.mainheading{
      font-weight: bold;
      font-size: 123%;      
}

h2 {
      padding-top: 0px;
      margin-top: 0px;
      font: 110% Trebuchet MS;
      font-weight: bold;
      color: #5c94bf;
}

/*---------- Classes ----------*/
.underline{
      padding-bottom: 3px;
      width: 180px;
      border-bottom: 2px solid #5A5A5A;
}

.subheading{
      font-weight: bold;
}

.submitbox{
      width: 215px;
      background: #b8d1e4;
      padding: 5px;
      text-align: left;
      border: 1px solid #e5e5e5;
}

.submitbox p{
      margin-top: 3px;
      margin-bottom: 5px;
}

.linkbutton{
      height: 20px;
      font-size: 95%;
      background: #e5e5e5;
      color: #949494;
      border: none;
      padding: 3px 8px;
      font-weight: bold;
}

#maincontent ul{
      list-style-image: url("images/bullet.png")
}

.advert{
      width: 160px;
      padding: 5px;
      background: #fff;
      border: 1px solid #c8c8c8;
}

