/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */

*
{
	margin: 0em;
	padding: 0em;
}

body
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #202020;
	background-color: #fff;
}

a
{
	color: #990000;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

/* Outer */

#outer
{
	padding: 0em;
	margin: 0em;
	width: 100%;
}

/* Header */

#header
{
	position: relative;
	background: #ffffff;
	height: 10em;
	padding-left: 2em;
}

#header h1
{
	position: absolute;
	top: 1.8em;
	font-size: 2.2em;
	letter-spacing: 0.04em;
    font-style: italic;
    color: #990000;
}

#header h1 a
{
	color: #990000;
	text-decoration: none;
}

#header h2
{
	position: absolute;
	font-size: 0.8em;
	top: 8em;
	color: #990000;
}

/* Menu */

#menu
{
	position: absolute;
	top: 5em;
	right: 3em;
}

#menu ul
{
	list-style: none;
}

#menu li
{
	display: inline;
	padding-left: 1.1em;
	margin-left: 1em;
	border-left: dotted 0px #E0E8EF;
}

#menu li.first
{
	border: 0em;
	margin-left: 0em;
	padding-left: 0em;
}

#menu li a
{
	color: #990000;
	padding: 0.1em;
	text-decoration: none;
}

#menu li a:hover
{
	text-decoration: underline;
}

/* Content */

#content
{
	line-height: 1.5em;
}


#content p
{
	margin-bottom: 1.5em;
}

#content h2,h3,h4,h5
{
	color: #545454;
	margin-bottom: 1em;
	border-bottom: solid 1px #cbcbcb;
	padding-bottom: 0.3em;
}

#content h2
{
	font-size: 1.5em;
}

#content h3
{
	font-size: 1.1em;
}

#content h6
{
	font-size: .7em;
    color: #8E8E8E;
    font-style: italic;
    
}


#content ul
{
	margin-bottom: 1.5em;
	padding-left: 1em;
	list-style: square;
}


/* Primary Content */

#primaryContentContainer
{
	background-color: #fff;
	float: right;
	margin: 0em -19em 0em 0em;
	width: 100%;
}

#primaryContent
{
	margin: 1.5em 19em 0em 0em;
	padding: 1.5em 3em 1.5em 3em;
}

/* Secondary Content */

#secondaryContent
{
	position: relative;
	float: left;
	width: 14em;
	padding: 1em 2em 1.5em 2em;
	background: #fff url('images/a1.gif') top right repeat-y;
    
}

/* Footer */

#footer
{
	position: relative;
	z-index: 1;
	border-top: solid 1px #990000;
	padding: 1em 0em 2em 0em;
	margin: 1em 2em 0em 2em;
	text-align: center;
}

.clear
{
	clear: both;
}

#tabs {
	float:right;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
    margin-bottom:1em; /*margin between menu and rest of page*/
    overflow:hidden;
    }

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
    list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
    padding:0;
	}

#tabs a {
	float:right;
	background:url("media/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
    text-decoration:none;
	}

#tabs a span {
	float:right;
	display:block;
	background:url("media/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}
    
.urbangreymenu{
width: 220px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/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*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.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 Arial;
color: black;
background: #E9E9E9;
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: green;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
    
/*ADDED STUFF*/
.urbangreymenu2{
float: right;
width: 180px; /*width of menu*/
}

.urbangreymenu2 .headerbar{
font: 7px Verdana;
color: #000000;
background: #D5D5D5 url(media/arrowstop.gif) no-repeat 28px 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: 7px 0 7px 11px; /*31px is left indentation of header text*/
}

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

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

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

.urbangreymenu2 ul li a:visited{
color: green;
}

.urbangreymenu2 ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}