﻿html, body {
    height: 100%;
}

body { font: Perpetua Arial;
	color:Gray; background: #1d1d1d url(gradient.jpg) 75% 0% repeat-x;
}

* {
	margin: 0;
}

#container {
min-height: 100%;
background-color: white;
width: 100%;
margin: 0 auto;
}
* html #container {
height: 100%;
}

#footer {
width: 800px;
background-color: white;
color: white;
text-align: center;
height: 40px;
padding-top: 10px;
margin: -75px auto 0 auto;
}

#clearfooter {
height: 100px;
}

img {vertical-align:middle;border:solid 2px #CCCCCC;}
img.type2 {height:150px; border:solid 2px #EBF5FC;
text-align:center;
color:#FFF;
width:auto;

padding: 6px;}

div.box{width: 50%;padding: 10px 0px 10px 5%; margin:20px 6% 0px 0px;
    background:#ffa92d url(bottomside.png) no-repeat right; 
	color:#000; float:left; border:solid 1px #ECECEC;}
    
    div.box4{width: 85%;padding: 10px 0px 10px 5%; margin:2px 2% 2px 0px;background:#FFFFFF; 
  color:#000; float:left; }
      div.box5{width: 55%; padding: 10px 0px 10px 0; margin:20px 6% 0px 0px; background:#FFFFFF;
  color:#000; float:left; border:solid 1px #ECECEC;  background:#ffa92d;}
    
    div.box3{width: 100%;padding: 10px 0px 10px 0px; margin:10px 0px 1% 0px;  background:#ffa92d url(bottomside.png) no-repeat right;
    color:#000; float:left;}
    
div.subbox{ width: 50%;padding: 10px 0px 10px 5%;margin:1% 6% 10px 0px;
    background:#fffab2; color:#000;text-align: left;  float:left; border:solid 1px #D7D7D7;
    }
    
div.box2{width: 20%; border:solid 2px #ACACAC; margin: 10px 0px 0px 12%;
    background:#1d1d1d;color:#000; float:left; height:100%; overflow:hidden;}

h1,p{margin:0;padding:10px 20px; color:Grey;}

#spacer{width: 55%;padding: 10px;margin:160px 0px 1% 0px;
    background:White; color:#000;text-align:center;}

a 
{ 
    text-decoration:none;
    color:#663300;
    background:transparent;
    font-family:Verdana, Geneva, sans-serif; 
}

a:hover 
{
	color:#666666;
	text-decoration:underline overline;
	background:transparent;
	font-family: Verdana, Geneva, sans-serif;
}

h1
{
	color:White;
	background:transparent;
	font-family: Perpetua, Arial, Arial Black;
	font-size: 22px;
	margin-left:5%;
	margin-right:5%;
	margin-top:10px;
	padding:20px;
}

p
{
	color:Gray;
	background:transparent;
	font-family: "Perpetua Arial";
}

p.right
{
	text-indent:50px;
}

h2
{
	color:Black;
	background:transparent;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	
}



.urbangreymenu2{
width: 240px; /*width of menu*/
}

.urbangreymenu2 .header{
	font: bold 16px Verdana, Geneva, sans-serif;
	color: black;
	text-shadow:#FFFF00;
	background: url(arrowstop.gif) no-repeat 8px 8px; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	padding: 5px 0 2px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu2 .header a{
font: bold 18px Verdana, Geneva, sans-serif;
	text-decoration: none;
	text-shadow:#000000;
	color: #87411F;
	display: block;
}

.urbangreymenu2 .header a:hover{
	text-decoration: none;
	color: white;
	display: block;
}
	
