/* STYLESHEET FOR PAGE WITH 2 COLS */

html, body {
 background: url(../images/bg.jpg) #EEEBE3;
 font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
 font-size: 11px;
 color: #000;
 margin: 0px;
 padding: 0px;
 height: 100%;    
 text-align: left;
}

/* white outer box */
#outer {
 position: absolute;
 left: 50%;
 top: 0px;
 margin-left: -416px; /* half of width */
 width: 832px;
 min-height: 100%;
 height: auto;
 background: url(../images/divbg.gif) repeat-y top left;
 padding: 0px 15px 0px 16px;
}

/* new scroller */


/* Hack for IE */
* html #outer{
    height: 73%;
}
/* End IE Hack */

/* banner with images and email link */
#top {
 top: 0px;
 left: 0px;
 height: 393px;
 background: url(../images/main_header.jpg) no-repeat top left;
 text-align: right;
 padding: 6px 70px 0px 0px;
 margin: 0px;
 color: #999999;
 font-size: 14px;
 font-weight: bold;
}

/* top navigation bar */
#nav {
 position: relative;
 top: 205px;
 width: 803px;
 height: 18px;
 text-align: center;
 margin: 0px 0px 0px 10px;
 font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #828080;
}

#news {
 position: relative;
 top: 205px;
 width: 802px;
 height: 15px;
 text-align: left;
 margin: 0px 0px 0px 0px;
 color: #828080;
 background: url(../images/newsbg.jpg) repeat-x top left;
 padding: 0px;
 font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
 font-size: 11px;
 font-weight: normal;
}

#flash {
 position: absolute;
 text-align: center;
 width: 832px;
 top: 55px;
 padding: 0px;
}

#welcome_text {
 position: relative;
 top: 258px;
 width: 720px;
 text-align: left;
 font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
 font-size: 11px;
 line-height: 20px;
 font-weight: normal;
 margin: 0px 0px 0px 35px;
} 

#main_flash {
 position: relative;
 top: 0px;
 height: 272px;
}

/* container for left and right cols */
#bodycontainer {
 width: 792px;
 height: 158px;
 background: url(../images/main_base.jpg) no-repeat top left;
 padding: 30px 5px 0px 5px;
 margin:0px 0px 0px 0px;
}

#bodycontent {
 width: 790px;
 height: 100%;
}

.navstyle {
 margin-right: 8px;
}

/* rounded corners  */
div.rounded {
 background:#FFF;
 margin: 3px 0 3px 0;
}

/* following 2 rules are important for proper functions	of rounded borders: */
div.rc-border {
 border: solid #999;
 border-width: 1px 0;
}

div.border-inner {
 border: solid #999;
 border-width: 0 1px;
}

p.border {
 padding: 0px 5px 0px 5px; 
 margin: 0px 0px 0px 0px;
}
div#left {
    float: left;
    width: 310px;
	padding: 3px 15px;
	line-height: 20px;
}
div#right {
    float: right;
    width: 193px;
	line-height: 20px;
	padding: 3px 15px 3px 45px;
}
div#middle {
	margin: 0px;
    padding: 3px 30px 0px 360px;
	line-height: 20px;
}
.clear { clear:both; }

/* Footer */
#container-foot {
  width: 802px;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 20px;
}

#foot_l {
  float: left;
  padding: 0 1em;
  line-height: 20px;
}
#foot_r {
  float: right;
  padding: 0 1em;
  line-height: 20px;
}


/* text styles */

.righty a:link {
   color: #999999;
   text-decoration: none;
 }

h1 {
 font-size: 16px;
 padding: 0px 5px 0px 5px;
 margin: 0px;
 color: #85C329;
}

#nav a:link {
 color: #828080;
 text-decoration: none;
}

#nav a:visited {
 color: #828080;
 text-decoration: none;
}

#nav a:hover {
 color: #FF5D01;
 text-decoration: none;
}

#nav a:active {
 color: #BEE01D;
 text-decoration: none;
}