body
{
background: url(images/bgimg.jpg) repeat-x; 
background-color:#FFF;
}

a:link,a:active,a:visited
{
color:#9CC1D1;
text-decoration:none
}

a:hover
{
color:#9CC1D1;
text-decoration:underline
}

font,body,p
{
color:#000;
font-family: georgia;
font-size:8pt
}

strong,b 
{
color:#7DC2CD;
font-family: georgia;
font-size:8pt
}

div img
{
visibility:visible
}

#container
{
position: absolute;
z-index:2;
top: 200px;
left: 0px;
width: 800px;
background-color: transparent;
line-height: 130%;
}

h2 
{  
color: #9CC1D1; 
font-family: hannibal lecter,verdana;
font-weight: bold;
letter-spacing: 2px; 
font-size: 14pt;
}

h2:first-letter 
{
color: #469ab4; 
font-family: georgia;
font-weight: bold;
letter-spacing: 2px; 
font-size: 30pt;
text-transform : uppercase;
}


#rightnav
{
float: right;
width: 250px;
margin-top: 40px;
margin-left: 50px;
background-color: transparent;
}

#content
{
margin-right: 250px;
padding: 3em;
max-width: 50em;
background-color: transparent;
}

#footer
{
clear: both;
background-color: transparent;
height: 100%;
}

.urbangreymenu{
width: 190px; /*width of menu*/
padding-top: 50px;
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: #c6e2cc;
background: #706e6e;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px;
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 10px verdana;
color: #706e6e;
background: #a2dbe2;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: #706e6e;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #97d7e3;
background: #acabab;
}