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 #656565;
}

p {
 margin: 0 10px;
 font: 0.70em 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;
 } 

body#home h1 {
 margin: 20px 150px 10px 40px !important;
 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;
 }

body#home h2 {
 margin: 20px 150px 10px 40px !important;
 margin: 20px 150px 10px 10px;
 font: bold 0.75em verdana, arial, helvetica, sans-serif;
 line-height: 1.5em;
 }

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

div#dagger {
position: absolute;
top: 65px;
right: 15px;
width: 146px;
height: 341px;
background: url(/images/dagger.gif) right top no-repeat;
z-index: 30;
}

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


div#header{
 height:163px;
 margin:0;
 padding-left:10px;
 background: transparent;
 }

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

body#home div#ufwus{/*homepage and marked as home in body tag*/
 margin-left:300px;
padding: 1em;
 min-height:400px; 
 height: auto !important;
 height:400px;
 }


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

body#home #ufwus p{
 margin: 1em 150px 1em 40px !important;
 margin: 1em 150px 1em 10px;
 line-height:1.5;
 color: #E6E6E6;
 }

body#home #ufwus p.message{/*yellow message*/
 font: bold 0.8em verdana, geneva, arial, sans-serif;
 color: #FDDD00;
 }

#ufwus ul li {
 font: 0.70em verdana, arial, helvetica, sans-serif;
 list-style: square;
 color: #E6E6E6;
 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: #E6E6E6;   
 text-decoration: underline;
 } 

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

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

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

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

#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 ============*/

body#home div#left{
float:left;
 width:300px;
margin: 0 0 0 10px;
background:transparent;
 border-left: solid 1px #000;
 min-height:400px; 
 height: auto !important;
 height:400px;
 }

div#left{
 float:left;
 width:220px !important;
 width:220px;
 margin: 0 0 0 10px;
 background: transparent;
 border-left: solid 1px #000;
 }

#left p{
 text-align: left;
 font: bold 0.65em arial,helvetica,sans-serif;
 color: #E6E6E6;
 }

#left img.artist{
 margin: 105px 30px 10px 30px;
 text-align: center;
 border: solid 1px #fff;
 }

div#footer{
 clear: both;
margin: 0;
padding: .5em;
background-color: transparent;
 }

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;
}