html {
 margin: 0;
 padding: 0;
 }

body{
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 100%;
 margin: 0;
 padding: 0;
 background-color: #C2C4B6;
}

p {
 margin: 0 10px;
 font: 0.75em verdana, arial, helvetica, sans-serif;
 line-height: 1.5em;
 }

h1 {
 margin: 20px 10px 10px 10px;
 font: bold 1.1em Trebuchet, Tahoma, Verdana, sans-serif;
 color: #000;
 } 

h2 {
 margin: 10px;
 font: bold 0.75em verdana, arial, helvetica, sans-serif;
 line-height: 1.5em;
 }

/*============= main divs ==================*/

div#wrapper{
 float:left;
 width:100%;
 border-top: solid 1px #000;
 }

div#header{
 height:58px;
 margin:0;
 padding-left:10px;
 background: url(/images/flag.jpg) top right no-repeat #C2C4B6;
 }

div#ufwus{
 margin-left:270px;
 background: #C2C4B6;
 }

#ufwus p{
 margin: 1em 10px;
 line-height:1.5;
 }

#ufwus ul li {
 font: 0.75em verdana, arial, helvetica, sans-serif;
 list-style: square;
 color:  #000;
 line-height: 1.5em;
 text-align: left;   
 padding: 0 10px 0 10px;
 }

#ufwus ul ul li {
 list-style: circle;
 font: 0.75em verdana, arial, helvetica, sans-serif;
 color:  #000;
 line-height: 1.5em;
 text-align: left;   
 padding: 0 10px 0 10px;
 }

#ufwus ol{
 list-style-type: decimal;
 font: 0.75em verdana, arial, helvetica, sans-serif;
 line-height: 1.5em;
 color:  #000;
 line-height: 1.5em;
 text-align: left;   
 margin: 0px 10px 0 10px;
 padding: 0 10px 0 10px;
 }

#ufwus ol ol{
 list-style-type: lower-roman;
 font: 0.75em verdana, arial, helvetica, sans-serif;
 line-height: 1.5em;
 color:  #000;
 text-align: left;   
 margin: 0px 10px 0 10px;
 padding: 0 10px 0 10px;
 }

#ufwus a, #ufwus a:link { 
 color:  #000;   
 text-decoration: underline;
} 

#ufwus a:visited { 
 color:  #000;   
 text-decoration: underline;
} 

#ufwus a:hover { 
 color: #797C65;
 text-decoration: none;
} 

/*============= TABLE STYLES ==============================*/
#ufwus table{
 border: solid 1px #000;
 border-collapse: collapse;
 font: 0.75em arial,verdana,helvetica,sans-serif;
 }

#ufwus table tr.mainfill{
 background-color: #93967E;
 font: bold 0.9em verdana,arial,helvetica,sans-serif;
 color: #000;
 }

#ufwus table tr.lighter{
 background-color: #D0DBC5;
 font: bold 0.84em verdana,arial,helvetica,sans-serif;
 color: #000;
 }

#ufwus table tr.gold{
 background-color: #F0AF0C;
 font: bold 0.9em arial,verdana,helvetica,sans-serif;
 }

#ufwus table td{
 border-right: solid 1px #000;
 }

#ufwus table td.line{
 border-right: solid 1px #000;
 }

#ufwus table.noborder{
 border: none;
 border-collapse: collapse;
 }

/*============== end table ============*/

div#left{
 float:left;
 width:265px;
 margin-top: 2px;
 margin-left:-100%;
 background:#C2C4B6;
 border-right: solid 1px #000;
 }

#left p{
 text-align: center;
 font: bold 0.8em arial,helvetica,sans-serif;
 color: #000;
 }

#left img.imgbord{
 margin: 15px 30px;
 text-align: center;
 border: solid 1px #000;
 }

div#footer{
 background: #F8B400;
 border-top: solid 1px #000;
 border-bottom: solid 1px #000;
 }

div#footer p{
 margin:0;
 font: bold 0.70em arial,verdana,helvetica,sans-serif;
 text-align:right;
 padding:5px 10px;
 }

#footer a, #footer a:link { 
 color:  #000;   
 text-decoration: none;
 } 

#footer a:visited { 
 color:  #000;   
 text-decoration: none;
} 

#footer a:hover { 
 color: #787878;
 text-decoration: underline;
} 

div#space{/* to make sure the ufwus and left column don't cover footer*/
 height: 1px;
 width: 100%;
 clear: left;
 }

div#copyright{/*at bottom of page*/
 text-align: center;
 font: 0.8em verdana, arial, helvetica, sans-serif;
 color: #000;
 }

#copyright a, #copyright a:link { 
 color:  #000;   
 text-decoration: none;
 } 

#copyright a:visited { 
 color:  #000;   
 text-decoration: none;
 } 

#copyright a:hover { 
 color: #000;
 text-decoration: underline;
 } 

#ufwus p.message{/*red message*/
 font: bold 0.8em verdana, geneva, arial, sans-serif;
 color: #BE2000;
 }

