body {
  margin: 0px;
  font-family: Tahoma, Verdana;
  font-size: 10pt; 
  background-image: url(images/main_bg.jpg);
  background-repeat: repeat-x;
  background-color: #ffffff;
 }
 #wrapper { 
   width: 95%;  
   margin-top: 10px;
 }
 #content {
   padding-top: 20px;
   padding-left: 20px;
   float: left;
   width: 70%;
 }
 
 #left_bar {
   padding-top: 20px;
   float: left;
   width: 26%;
 }

#footer {
   font-size: 8pt;
}



#top_nav {
   padding: 8px 4px 4px 4px;
   width: 100%;
   background: #c3995d;
}

#top_nav ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-align: center;
}

#top_nav ul li { display: inline; }

#top_nav ul li a {
   text-decoration: none;
   padding: .4em 1em;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   background-color: #996600;
}

#top_nav ul li a:hover {
   color: #fff;
   background-color: #033C74;
}



  #side_nav {
    width: 90%;
  }
  
  #side_nav .top_bit {
    height: 40px;
    background: blue;
  }
 
.box { 
  background: #C2995B; 
}
.boxtop { 
  background: url(images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(images/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(images/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
  background: white;
}

  .box h2 {
     color: grey;
     font-size: 12pt;
     padding-top: 0px;
     padding-bottom: 0px;
  }



.urbangreymenu{
  width: 100%; /*width of menu*/
}

.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 .active a{
  text-align: center;
  font: normal 12px Arial;
  color: black;
  background: #ffffff;
  display: block;
  padding: 5px 0;
  line-height: 17px;
  padding-left: 8px; /*link text is indented 8px*/
  text-decoration: none;
}

.urbangreymenu ul li a{
  text-align: center;
  font: normal 12px Arial;
  color: black;
  background: #ffffff;
  display: block;
  padding: 5px 0;
  line-height: 17px;
  padding-left: 8px; /*link text is indented 8px*/
  text-decoration: none;
}


.active a{
  background: red;
}

.urbangreymenu ul li a:visited{
  color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
  color: #ffffff;
  background: #c3995d;
}

#content h2 {
  color: #c3995d;
}

#content a:link, #content a:visited, #content a:active {
  color: #808000;
  text-decoration: none;
}

#content a:hover {
  color: #2D2D00;
  text-decoration: none;
}

img {
 border: 0px;
}