html {
 margin: 0;
 padding: 0;
 }

body{
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 100%;
 background: url(/images/gradfill.jpg) top left repeat-x #FDFCF9;
}

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

h1 {
 margin: 20px 150px 10px 10px;
 font: 2.0em verdana,arial,helvetica,sans-serif;
 color: #fff;
border-bottom: solid 1px #E6E6E6;
 } 


h2 {
 margin: 20px 150px 10px 10px;
 font: bold 0.75em verdana, arial, helvetica, sans-serif;
 line-height: 1.5em;
 }
 a:link { 
 color: #000;   
 text-decoration: underline;
 } 

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

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

/*============= main divs ==================*/
div#container{
width: 99%;
margin: 5px auto;
border: solid 1px #fff;
}


div#wrapper{
 float:left;
 width:100%;
 }


div#header{
font: 1.9em verdana,arial,helvetica,sans-serif;
color: #fff;
 height:50px;
 margin:0;
 padding:20px;
 background: #22696E;
 border: solid 1px #fff;
 }
 
 div#headersub{
font: 1.3em verdana,arial,helvetica,sans-serif;
color: #000;
 height:30px;
 margin:0;
 padding:20px;
 background: #E7A516;
 border: solid 1px #fff;
 }
 
 div#headerbanner{
 height:91px;
 margin:0;
 padding:0;
 background: url(/images/banner.jpg) top left no-repeat transparent;
 border: solid 1px #fff;
 }

div#ufwus{
 margin-left:230px !important;
 margin-left:230px;
padding: 1em;
 min-height:400px; 
 height: auto !important;
 height:400px;
 }

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


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

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

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

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

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

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

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



div#left{
 float:left;
 width:220px !important;
 width:220px;
 margin: 0;
 background: #E7A516;
 border: solid 1px #fff;
 }

#left p{
 text-align: center;
 padding-top: 2px;
 font: bold 0.90em arial,helvetica,sans-serif;
 line-height: 1.5em;
 color: #000;
 }

div#footer{
clear: both;
margin: 0;
padding: .5em;
background-color: #E7A516;
border: solid 1px #fff;
 }

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

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

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

#footer a:hover { 
 color: #fff;
 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;
 } 



.line{
border: solid 2px #fff;
background-color: #000;
}