body {
  color: #444444;
  background: #ece3ba;
  margin: 8px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

p {
    margin: 0px;
}

table {
  color: #444444;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

form {
  padding: 0px;
  margin: 0px;
}

div {
  padding: 0px;
  margin: 0px;
}

input, select, textarea {
  border: 1px solid #C0C0C0;
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin: 0px;
}

blockquote {
  border: 1px solid silver;
  padding: 4px;
  color: #C0C0C0;
}



div.left {width:218px;  text-align:center; float:left; padding-top: 50px;}


div.content {
            background:#ECE3BA; margin-left:220px; padding: 10px; 
            border-left:solid 1px navy;
            }

.content div {width: 100%;}
.content td {padding: 3px; margin: 0px;}


div.right { margin-left:80%;  min-width: 228px; 
            border-right:solid 1px navy; border-top:solid 1px navy; border-bottom:solid 1px navy;
            padding: 0px 10px 0px 10px;
            
          }
div.header {
    background-image: url('images/head_back.gif');
    background-repeat: repeat-x;
 	background-color:#495678;   
    width:100%; 
    height: 139px; 
    margin:0px; 
    padding: 0px; 
    min-width: 1024px; 
    position: relative
}
div.botcol {position: relative; background:#49557B; Clear:both; width:100%; margin:0px; height: 68px;}

div.body {width:80%; float:left; background:#ECE3BA; 
         border-left: 1px solid navy;
         border-top: 1px solid navy;
         border-bottom: 1px solid navy;
         border-right: 1px solid navy;
         padding-right: 5px;
         }

.noborder {border: none; padding: 0px; margin: 0px;}

.topmenu ul, .topmenu ul li{
	margin: 0;	
	padding: 0;	
	display: inline;
}
.topmenu ul li {
	float: left;
	position:relative;	
	min-width:100px;
    width: auto;
}
.topmenu ul li a{
	display: block;
	padding:3px 10px;
	text-transform: uppercase;
	color: #E67817;
	text-decoration: none;	
	border:2px solid #E7A080;
	background-color:#3E4D6A;
    white-space: nowrap;
}
.topmenu ul li a:HOVER{
	color: #111;
}

.topmenu ul li ul {
    display: none;
    position:absolute;
    top:24px;
}

.topmenu ul li ul li {
    display:block; 
    width: auto;
    min-width: 180px;    
}

.search {
    background-color: #3E4D6A;
    color: #E67817;
    position: absolute;
    right: 10px;
    margin-top: 3px;
   	border:2px solid #E7A080;
    font-weight: bold;
}

.topmenu ul li a.selected
{
  color: #71D000;
}
.online_users {
    display: inline;
}

.nav1_a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color:#FF0000;
}

.nav2_a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color:#FF0000;
}

.nav1_ac
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color:#98cb00;
}

.nav1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color:#4e556f;
}


a.nav1:visited  
{
color:#4e556f;
}
a.nav1:link  
{
color:#4e556f;
}
a.nav1:hover  
{
color:#FF0000;
}

.b_1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color:#4e556f;
padding:2px;
}


.nav2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color:#e67817;
}

a.nav2:visited  
{
color:#e67817;
}
a.nav2:link  
{
color:#e67817;
}
a.nav2:hover  
{
color:#FF0000;
}

.b_2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color:#e67817;
padding:2px;
}


.nav2_ac
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
color:#98cb00;
}

.text1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color:#4e556f;
}

.text2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color:#4e556f;
}

.bgc1 { background-color: #ebe0ae }
.bgc2 { background-color: #414b66 }
.bgc3 { background-color: #ffefa3 }
.bgc4 { background-color: #F0FFF0 }
.bgc5 { background-color: #ece3ba }

.w100p { width: 100% }
.w80p { width: 80% }
.w50p { width: 50% }

.h100p { height: 100% }

.bg1
{
  background-color: #f0cb73;
}

.bg_s
{
  background-color: #ece3ba;
  background-image: url(images/search.jpg);
  border-style:none;
}

.bg_l
{
  background-color: #ece3ba;
  background-image: url(images/login.jpg);
  border-style:none; 
}

.bg_t
{
  background-color: #ece3ba;
  border-color:#FF9900;
}

.bo {

    border: #E7A080 2px solid;

}

.ac { text-align: center }
.ar { text-align: right }
.al { text-align: left }
.aj { text-align: justify }


.h4 { height: 4px }
.h8 { height: 8px }
.h16 { height: 16px }
.h18 { height: 18px }
.h20 { height: 20px }
.h22 { height: 22px }
.h24 { height: 24px }
.h32 { height: 32px }
.h36 { height: 36px }

.c3 { color: #FF8000 }
.c6 { color: #71D000 }
.c4 { color: #174986 }
.c2 { color: #444444 }
.c1 { color: #999999 }

.fi { font-style: italic }

.cr { cursor: pointer }

.b { font-weight: bold }
.i { font-style: italic }
.u { text-decoration: underline }

.boff {font-weight: normal }

.f11 { font-size: 11pt }
.f9 { font-size: 10pt }
.f7 { font-size: 8pt }
.f6 { font-size: 7pt }

a:link, a:visited
{
  color: #d5271c;
  text-decoration: none;
  font-weight: bold;
}

a:hover
{
  color: #981c14;
  text-decoration: none;
  font-weight: bold;
}
a.selected  
{
color:#71D000;
}

.fs11 { font-size: 11pt }

.p4 { padding: 4px }
.p8 { padding: 8px }
.pr4 { padding-right: 4px }
.pr8 { padding-right: 8px }
.pl4 { padding-left: 4px }
.pl8 { padding-left: 8px }
.prl4
{
  padding-right: 4px;
  padding-left: 4px;
}

.fcdb { color: darkblue }

.mt4 { margin-top: 4px }
.mb4 { margin-bottom: 4px }
.mb8 { margin-bottom: 8px }
.mb16 { margin-bottom: 16px }
.mb32 { margin-bottom: 32px }
.mt8 { margin-top: 8px }
.mt16 { margin-top: 16px }
.mt32 { margin-top: 32px }

#twitter_update_list li a {
    color: #969696;
    font-size: 85%;
} 
#twitter_update_list li {
    margin-bottom: 10px;
} 

span.onlineusers {
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;

}


span.onlineusers:hover {
    text-decoration: underline;
}

a.Online {
    color: green;
}
a.Offline {
    color: red;
}
a.Away {
    color: orange;
}

span.Online {
    color: green;
}
span.Offline {
    color: red;
}
span.Away {
    color: orange;
}



/* new style */

.left_col {float: left; width: 220; text-align: center; border: 1px solid black; padding-top: 20px;}
.right_col {float: right; width: 240; text-align: center; border: 1px solid black; padding-top: 10px;}
.main_col {margin: 0 240px 0 220px; text-align: center; border-top: 1px solid black; border-bottom: 1px solid black;}
.main_col .wrapper {padding: 5px;}