body{
margin:0;
padding:0;
background-color: #CCC;
font: 12px Arial;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 960px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border-left: 12px solid #FFFFFF;
border-right: 12px solid #FFFFFF;
background: #FFFFFF;
}

#topsection{
background: #FFFFFF;
height: 125px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#logo {
	float: left;
}

#slogan {
	float: right;
	padding:15px 10px 15px 10px;
}

#horizbar{
background: #E9E9E9;
background-image: url(images/collage.jpg);
height:250px;
border-top: 6px solid #000099;
border-bottom: 6px solid #000099;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
font: 12px Arial;
text-align: center;
background-color: #fff;
margin: 0 180px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumnl{
font: 12px Arial;
text-align: left;
background-color: #fff;
margin: 0 180px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}


#contentcolumn h1 {
font: bold 18px Arial;
margin-bottom: 5px;
}

#contentcolumn h2 {
font: bold 15px Arial;
margin-top:10px;
margin-bottom: 20px;
text-align:center;
}


#contentcolumn h3 {
font: bold 18px Arial;
margin-bottom: 5px;
text-align:left;
}


#contentcolumn img {
float: left;
border: 1px solid black;
}

#contentcolumn1 img {
float: left;
border: 1px solid black;
border-right:10px;
}


#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/
background: #E9E9E9;
}

#rightcolumn{
float: left;
width: 180px; /*Width of right column*/
text-align: center;
margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/
background: #FFFFFF;
}

#bottombar{
clear: left;
width: 100%;
height: 6px;
background: #000099;
}

#footer{
clear: left;
width: 100%;
text-align: center;
background: #FFFFFF;
}

#footer a{
color: #000099;
}

#footer h1{
    font: bold 18px Arial;
    margin:0px 0px -10px 0px;
}


#feature{
    text-align: left;
	margin-bottom:70px;
}

#features{
    float:left;
    width:48%;
    text-align:left;
	margin-bottom:20px;
	margin-right:10px;
}

#feature h1{
	font: bold 14px Arial;
	margin:0px 0px -10px 0px;
}

#features h1{
	background:#000099;
	font: bold 14px Arial;
	color: white;
	padding:6px;
	border:1px solid black;
	margin:0px 0px 0px 0px;
}

#feature img{
         border:1px solid #000000;
         padding:0px;
         margin-right:8px;
         float:left;
}

#features img{
         border:1px solid #000000;
         padding:0px;
         margin:0px 10px 0px 0px;         
         float:left;
}

#features .contactbar{
    background:#000099;
	font: bold 12px Arial;
	text-align:center;
	color: white;
	padding:5px;
	height:auto;
	border:1px solid black;
	margin:0px;	
}

#features .contactbar a{
    color:#FFF;
}

.center {
	text-align: center;
}

.mainpage{
	font-size:80%;	
}

ul{
 list-style-type: none;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}

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

.urbangreymenu .headerbar{
font: bold 13px Arial;
color: white;
background: #000099 url(images/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*/
margin-top: 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: bold 13px Arial;
color: black;
background: #CCCCCC;
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: black;
}

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