



body{
font-family: Helvetica, sans-serif;
margin : 0 auto;
background-image : url(img/gray.jpg);background-repeat: repeat-x;
}

#wrapper {margin : 0 auto;
width: 960px;
height: 650px;
margin-top: 20px;
padding: 3px;
}

#page-wrap {
	width: 400px;
	background: transparent;
	margin: 5px auto;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#top {margin : 0 auto;
width: 960px;
height: 50px;
margin-top: 20px;
background-color: transparent;
}

h1 {font-family:Helvetica, sans-serif;
font-size: 40px;
font-weight: 100;
width: 426px;
background-image : url(img/dark1.jpg);background-repeat: repeat-x;-moz-border-radius: 5px; -webkit-border-radius: 5px; 
padding: 5px;
border-style: solid; border-color: #cccc99;border-width: 3px;
color: #fff;
}

h2 {font-family:Helvetica, sans-serif;
font-size: 20px;
font-weight: 100;
background-color: transparent;
color:#336699;
}

#content-right img{-moz-border-radius: 5px; -webkit-border-radius: 5px; 
}

#content-left {float: left; width: 670px; margin-top:14px; font-size: 14px; color: #202020; font-weight: 100;;background-image : url(img/light.jpg);background-repeat: repeat-x;-moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px;
background-repeat : repeat-x; border-style: solid; border-color: #b8b8b8;border-width: 1px;}

#content-left p {float: left; width: 340px; margin-top:12px; font-size: 14px; color: #330033; }

#content-left img {float: right; margin-top:12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
background-repeat : repeat-x; border-style: solid; border-color: #b8b8b8;border-width: 1px;}

#content-right {float: right; width: 226px;}

.urbangreymenu{
width: 224px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: 14px Helvetica, sans-serif;
font-weight: 100;
color: #fff;
background: #996666 url(arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 2px 0 2px 5px; /*31px is left indentation of header text*/
-moz-border-radius: 5px; -webkit-border-radius: 5px; 
}


.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 12px Helvetica, sans-serif;
color: black;
background: #f8f8f8;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
-moz-border-radius: 5px; -webkit-border-radius: 5px; 
}

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

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

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:20px; 
float: right;
background-color: transparent;

}

#nav a{
display:block;
padding: 30px 4px 5px 4px;
color:#660066;
text-decoration:none;
background-color: #fff;
font-size:16px;
margin:1px 0 6px 2px;
-moz-border-radius: 5px; -webkit-border-radius: 5px; 
border-style: solid; border-color: #cccc99;border-width: 3px;

}

#nav a:hover{
background-color: orange;
color:#fff;
-moz-border-radius: 5px; -webkit-border-radius: 5px; 
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:150px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

#footer {width: 680px; margin-top:1px; float: left; font-size: 12px; color: #cc0033; font-weight:100; background-image : url(img/light.jpg);background-repeat: repeat-x;-moz-border-radius: 5px; -webkit-border-radius: 5px; padding-left: 10px;background-repeat : repeat-x; border-style: solid; border-color: #b8b8b8;border-width: 1px;
}

#footermenu a {
width:960px;
color : #808080;
font-size : 10px;
font-family : Helvetica;
list-style-type : none;
position : relative;
float : left;
display : inline;
text-decoration : none;
background-color : transparent;
margin-top:30px;
margin-left:842px;
}
#footermenu a:hover {
color : #990099;
background-color : transparent;
}
#footermenu li {
float : left;
display : inline;
}







