body, html{
padding: 0;
margin: 0;
background: #333;
font-family: Verdana, Arial, sans-serif;
height: 100%}

#wrapper{
height: 100%;}

#left{
margin: -10px 0 0 0;
float: left;
}

/* HEADER */

#left h1{
background: url(art/rm_header.gif) no-repeat;
margin: 0 0 0 10px;
padding: 0;
height: 150px;
width: 101px;
text-indent: -5000px;}

/* MENU */

#left ul{
list-style-type: none;
margin: 5px 0 0 10px;
padding: 0;}

#left ul li{}

#left ul li a,
#left ul li a:link,
#left ul li a:visited,
#left ul li a:active{
color: #999;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-size: 8pt;
display: block;
padding: 2px;
margin: 0 0 5px 0;
width: 97px;}

#left ul li a:hover{
background: url(art/greenstripes.gif) repeat;
color: #fff;}

/* BODY */

#main{
margin: 10px 0 0 120px;
width: 381px;
height: 100%;
background: url(art/redtop.gif) repeat-x #ee6338;
color: #333;}

#main a.textlink,
#main a.textlink:link,
#main a.textlink:active,
#main a.textlink:visited{
color: #333;
text-decoration:none;
border-bottom: 1px dotted #333;}

#main a.textlink:hover{
border-bottom: 1px solid #333;}

#main a img,
#main a:visited img,
#main a:link img,
#main a:active img{
margin: 10px;
padding: 5px;
background: #EE6644;
border: 1px solid #cc1100;}

#main a:hover img{
border: 1px solid #333;}

#main h3{
padding: 0;
margin: 0 10px 0 10px;
font-size: 10pt;
}

#main p{
padding: 0;
margin: 5px 10px 0 10px;
font-size: 8pt;}

#main ul{
list-style-type: none;
margin: 0 0 10px 0;
padding: 0 10px 0 10px;
font-size: 8pt;}

#main ul li{
margin: 5px 0 5px 0;}

#main ul li ul{
font-size: 7pt;}

/* RIGHT NAV */

#right{
position: absolute;
left: 511px;}

#right ul{
list-style-type: none;
padding: 0;
margin: 0;}

#right ul li{
margin: 0 0 5px 0;}

#right ul li a,
#right ul li a:link,
#right ul li a:visited,
#right ul li a:active{
color: #ee6644;
font-size: 7pt;
text-decoration: none;
border-bottom: 1px dotted #ee6644;}

#right ul li a:hover{
border-bottom: 1px solid #ee6644;}