html
 {
 margin: 0;
 padding: 0;
 border: 0;
 color: #000000;
 font-size: 100%;
 height: 100%;
 }
 
body
 {
 font: .84em/1.3em Verdana, 'Lucida Grande', Geneva, Lucida, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0 320px 0 320px;
 border: 0;
 height: 100%;
 behavior:url("csshover.htc");
 background: #444444;
 }

#sizer
 {
 width: 100%;
 }
 
#container
 {
 position: relative;
 min-width: 640px;
 min-height: 100%;
 margin: 0 -320px 0 -320px;
 } 
 
form
 {
 margin: 0;
 padding: 0;
 }

#header
 {
 background: #336600;
 position: relative;
 top: 0;
 left: 0; 
 margin: 0;
 padding: 0;
 height: 59px;
 line-height: 49px;
 }

#logo
 {
 padding: 5px;
 }

#logo a
 {
 text-decoration: none;
 font-size: 2.2em;
 color: #DCDCDC;   
 background: url("logo.gif") 0 0 no-repeat;
 display: block;
 height: 49px;
 text-align: baseline;
 padding: 0 0 0 35px;
 width: 15em;
 }
 
#logo a:hover
 {
 color: #EEFFDD;
 background-position: 0 -49px;
 }
 
#res
 {
 position: absolute;
 right: 0;
 top: 0;
 padding: 0;
 margin: 5px;
 text-align: right;
 }

#res a
 {
 text-decoration: none;
 color: #DCDCDC;
 font-weight: bold;
 } 
 
#res a:hover
 {
 color: #EEFFDD;
 }
 
#res ul
 {
 margin: 0;
 padding: 0;
 line-height: 1em;
 list-style-type: none;
 }
 
#res ul li
 {
 margin: 0;
 padding: 0 0 20px 0;
 }
 
#res .n
 {
 color: #EEFFDD;
 }
  
#nav
 {
 position: relative;
 left: 0;
 top: 0;
 text-align: center;
 background: #DCDCDC;
 border-top: 1px solid #EEEEEE;
 border-bottom: 1px solid #363636;
 }
 
#nav ul
 {
 margin: 1px 0;
 padding: 2px 0;
 }

#nav ul li
 {
 display: inline;
 margin: 0;
 padding: 0 5px;
 }

#nav ul li a
 {
 font-weight: normal;
 color: #000000;
 background: #DCDCDC;
 padding: 1px 5px;
 text-decoration: none;
 border: 1px solid #DCDCDC;
 cursor: default;
 }

#nav ul li a.h
 {
 color: #336600;
 } 
 
#nav ul li a.g
 {
 color: #3333FF;
 }
 
#nav ul li a.br
 {
 color: #FF3333;
 } 

#nav ul li a:hover
 {
 border-top: 1px solid #EFEFEF;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 border-left: 1px solid #EFEFEF;
 background: #EEEEEE;
 color: #336600;
 }

#nav ul li a.h:hover
 {
 background: #EEFFDD;
 }
 
#nav ul li a.g:hover
 {
 color: #3333FF;
 background: #CCCCFF;
 }
 
#nav ul li a.br:hover 
 {
 color: #FF3333;
 background: #FFCCCC;
 }

#about
 {
 position: relative;
 top: 0;
 left: 0;
 padding: 5px;
 color: #DCDCDC;
 background: #444444;
 }
 
#about ul
 {
 text-align: left;
 list-style-type: none;
 margin: 0;
 padding: 0;
 }

#about ul li
 {
 display: block;
 margin: 2px 0;
 padding: 0;
 }
 
#about a
 {
 text-decoration: none;
 color: #DCDCDC;
 font-weight: bold;
 }
 
#about .errormsg a
 {
 text-decoration: none;
 color: #FF0000;
 font-weight: bold;
 } 
 
#about a:hover
 {
 color: #EEFFDD;
 }

#about .errormsg a:hover
 {
 color: #000000;
 } 
 
.i
 {
 font-style: italic;
 font-size: 1.1em;
 font-weight: bold;
 }
 
.errormsg
 {
 color: #FF0000;
 background: #FFCCCC;
 }
 
.error
 {
 color: #FF0000;
 font-weight: bold;
 }

.highlight
 {
 background: #EEFFDD;
 }
 

#search, #register, #resources, #results
 {
 position: relative;
 top: 0;
 left: 0;
 margin: 0;
 padding: 0;
 }
 
#results
 {
 text-align: center;
 }
 
#c
 {
 position: relative;
 background: #DCDCDC;
 border-bottom: 1px solid #363636;
 }

#l
 {
 position: relative;
 top: 0;
 left: 0;
 width: 50%;
 }
 
#r
 {
 position: absolute;
 top: 0;
 left: 50%;
 width: 50%;
 }
 
#l2
 {
 position: absolute;
 top: 0;
 left: 0;
 width: 50%;
 }
 
#r2
 {
 position: relative;
 top: 0;
 left: 50%;
 width: 50%;
 }
 
#rl
 {
 position: relative;
 top: 0;
 left: 0;
 width: 60%;
 }

#rr
 {
 position: absolute;
 top: 0;
 left: 60%;
 width: 40%;
 }
 
#sh, #th, #rh, #resh
 {
 font-size: 1.3em;
 position: relative;
 left: 0;
 top: 0;
 padding: 2px 5px;
 border-top: 1px solid #386F00;
 background: #336600;
 color: #DCDCDC;
 }
 
#sp, #tp, #rf, #resf
 {
 position: relative;
 left: 0;
 top: 0;
 padding: 2px 5px;
 border-top: 1px solid #EEEEEE;
 }

#rf ul
 {
 margin: 0;
 padding: 0 10px;
 }
 
#rf ul li
 {
 list-style-type: none;
 border: 1px solid #DCDCDC;
 width: 100%;
 cursor: default;
 margin: 0 0 2px 0;
 padding: 0;
 }

#rf ul li:hover
 {
 border-top: 1px solid #EFEFEF;
 border-right: 1px solid #999999;
 border-bottom: 1px solid #999999;
 border-left: 1px solid #EFEFEF;
 background: #EEEEEE;
 color: #336600;
 } 
 
#rf a
 {
 text-decoration: none;
 color: black;
 } 
 
#rf td
 {
 border-bottom: 1px solid #999999;
 }
 
#resf ul
 {
 margin: 0;
 padding: 0;
 }

#resf ul li
 {
 display: block;
 margin: 0;
 padding: 5px 0;
 } 

#resf a
 {
 text-decoration: none;
 color: #000000;
 }
 
#resf a:hover
 {
 color: #336600;
 }
 
textarea
 {
 width: 90%;
 } 
 
#message
 {
 position: relative;
 left: 0;
 top: 0;
 text-align: center;
 color: #DCDCDC;
 padding: 5px;
 background: #444444;
 }
 
#message a
 {
 color: #DCDCDC;
 text-decoration: none;
 font-weight: bold;
 }
 
#login a
 {
 color: #000000;
 text-decoration: none;
 font-weight: bold; 
 }

#message a:hover
 {
 color: #EEFFDD;
 }
 
#login
 {
 text-align: center;
 background: #DCDCDC;
 border-top: 1px solid #EEEEEE;
 border-bottom: 1px solid #363636;
 padding: 2px;
 margin: 0;
 } 

#footer
 {
 text-align: center;
 color: #DCDCDC;
 padding: 1em 5px;
 }

#footer a
 {
 text-decoration: none;
 color: #DCDCDC;
 padding: 0 5px;
 font-weight: bold;
 }

#footer a:hover
 {
 color: #EEFFDD;
 }
 
#footer h1
 {
 display: inline;
 font-size: 1.1em;
 padding: 0 5px;
 font-weight: normal;
 }
 
#tab2
 {
 direction: rtl;
 overflow: auto;
 height: 600px;
 } 
 
#tab3
 {
 direction: rtl;
 overflow: auto;
 height: 480px;
 } 

#tab4
 {
 direction: rtl;
 overflow: auto;
 height: 480px;
 } 
 
#tab1
 {
 direction: ltr;
 }
 
.d
 {
 color: #FF0000;
 }
 
.o
 {
 color: #444444;
 }
 
.b
 {
 font-weight: bold;
 }
 
table a, #sp a, form a, #tab1 a.g, #rf a.g
 {
 color: #3333FF;
 text-decoration: none;
 font-weight: bold; 
 }
 
#sp a:hover, form a:hover, #tab1 a.g:hover, #rf a.g:hover
 {
 color: red;
 }
 
tr.h:hover
 {
 background: #EEFFDD;
 }
 
tr.e
 {
 background: #EEEEEE;
 }
 
td.sm
 {
 background: #FFFFDD;
 }

table a
 {
 padding: 5px;
 }
 
tr.th td
 {
 font-weight: bold;
 background: #9C9C9C;
 }
 
textarea.ta
 {
 width: 80%;
 }
 
form#sf
 {
 display: inline;
 }
 
.q
 {
 font-weight: bold;
 font-style: italic;
 padding: 12px 5px 0 0;
 display: block;
 } 

#faq li
 {
 padding: 5px 0;
 }

#sp table
 {
 text-align: center;
 }

.ratg
 {
 color: #336600;
 font-weight: bold;
 }

.ratr
 {
 color: red;
 font-weight: bold;
 } 
 
.ratb
 {
 color: #663300;
 font-weight: bold;
 }
 
#rf a.ea:hover, #login a:hover
 {
 background: #EEFFDD;
 }
 
#refer
 {
 text-align: left;
 border: 1px solid #336600;
 padding: 3px;
 background: #FFFFFF;
 width: 90%;
 }