@charset "UTF-8";
/* Colors 
nav light  brown: #d9d69e
dark brown: #7d7874
visited link brown: #a59e98

*/

html{margin:0; padding:0;}
body{margin:0; padding:0; background:url(../images/page_bg.png);}
p{font-family: "Times New Roman", Times, serif;font-size: 12px;color: #666; line-height:1.5em;}
a, a:link, a:active;{font-family: "Times New Roman", Times, serif;font-size: 12px;color: #666; line-height:1.5em; font-weight:bold; position:relative; z-index:3;}
a:hover{text-decoration:underline;}
.clr{clear:both;}


h3 {font-family:"Times New Roman", Times, serif;font-size:14px;}
h4 {font-family:"Times New Roman", Times, serif;font-size:11px;}

#top_shadow{width:100%; height:11px; background:url(../images/top_shadow.png) repeat-x top left;position:absolute; left:0px; top:0px; z-index:2;}
#left_shadow{position:absolute; left:0px; top:0px; height:100%; background:url(../images/left_shadow.png) repeat-y top left; width:11px;} 
#right_shadow{position:absolute; right:0px; top:0px; height:100%; background:url(../images/right_shadow.png) repeat-y top right; width:11px;} 

#inner{width:822px;  margin:0 auto; background:url(../images/inner_bg.png) repeat-y top left; position:relative; z-index:1; height:auto;}
#footer{width:822px;  margin:10px auto; position:relative; z-index:1; height:auto; font-family:"Times New Roman", Times, serif; font-size:10px; text-align:center; color:#fff; line-height:1.5em;}
#footer a{color:#efefef; text-decoration:none;}
#footer a:hover{color:#fff; text-decoration:none;}
#footer a:visited{color:#ccc; text-decoration:none;}

#inner_foot{width:822px;  margin:0 auto; background:url(../images/inner_foot.png) no-repeat top left; position:relative; z-index:1; height:19px;}

#content_main{width:800px; margin:0 auto;background:url(../images/content_bg.png) no-repeat bottom right;}

#nav{width:790px; height:10px; padding:5px; background:url(../images/nav_bg.png) no-repeat top left #d9d69e; font-size:10px; text-align:right; position:relative;}

#nav ul{list-style-type:none; position:relative; top:0px;  text-align:right; margin:0px; padding-right:30px; font-weight:bold; }
#nav ul li{float:right; padding:0 6px; border-right:1px solid #7d7874;}
#nav ul li a{color:#7d7874; text-decoration:none;}
#nav ul li a:visited{ color:#a59e98;}

#left{float:left; margin-right:10px; width:200px;}

/*left menu*/
.urbangreymenu{
width: 200px; /*width of menu*/
}
.urbangreymenu .headerbar {
font: bold 12px "Times New Roman", Times, serif;
color: white;
background: url(../images/col2_bg.png) repeat-x bottom left; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 3; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 15px; /*31px is left indentation of header text*/
}
.urbangreymenu .headerbar a{
text-decoration: none;
color: #645d5f;
display: block;
}
.urbangreymenu .headerbar a:hover{
text-decoration: none;
color:#333;
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: 1px; /*bottom spacing between menu items*/
}
.urbangreymenu ul li a{
font: normal 11px Arial;
color: #645d5f;
background:url(../images/col2_bg.png) repeat-x middle left;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 25px; /*link text is indented 8px*/
text-decoration: none;}

.urbangreymenu ul li a:visited{
color: #ccc;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #000;
background: url(../images/col2_bg.png) repeat-x center center;
}


.left_btn{
font: bold 12px "Times New Roman", Times, serif;
color: #645d5f;
background:  url(../images/col2_bg.png) repeat-x bottom left;
margin-bottom: 3; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 15px; /*31px is left indentation of header text*/
}
.left_btn a{
text-decoration: none;
color: #645d5f;
display: block;
}

#right {float:left; width:560px;}
#content_top{ width:540px; height:21px; padding:0 10px; background:url(../images/content_top.png) no-repeat bottom left; }
#content_middle{width:530px; height:auto; min-height:500px; margin:0; padding:1px 10px 1px 30px; background:url(../images/content_middle.png) repeat-y bottom left; font-family: "Times New Roman", Times, serif;font-size: 12px;color: #666;}
#content_foot{width:540px; height:21px; padding:0 10px; background:url(../images/content_foot.png) no-repeat top left;}

.leftbox {
 float: left;
 margin-right: 1em;
 margin-bottom: 0em;
 }

.rightbox {
 float: right;
 margin-left: 10px;
 margin-bottom: 0em;
 margin-right:0px;
 }