
html,body {margin:0;padding:0; /*background:#000000 url(../images/urbanbg_FPO.jpg) no-repeat fixed 0 0;*/}

* 
{
margin:0;padding:0
}

img {
border: 0;
}
#main{
font: normal 14px Arial, Helvetica, sans-serif;
color:#000000;

}

#mainContent{
width:576px; 
margin: 0 auto;
}

#colA {
	float: left;
	width:576px;
	padding-bottom: 20px;
	}

.colABox {
	}

.colABox p {
	font-size: 14px;
	line-height: 19px;
	padding: 0 20px 0 20px
	}

.colABox h3 {
	font-size: 2.1em;
	}


.colABoxLeft {
	float: left;
	width: 179px;
	font-size: 1.2em;
	background: url(../images/diag_pattern.png)
	}

.colABoxLeft ul {
	list-style: none;
	padding: 0 0 20px 0;
	}

.colABoxLeft li {
    padding: 2px 0;
	}
	
.colABoxLeft li span {
	display: block;
	font-size: 11px;
	}

.colABoxLeft li span a {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	}

.colABoxLeft h5 {
	padding-top: 5px;
	font-size: 100%;
	font-weight: normal;
	}

.colABoxLeft h5 a.magenta {
	font-weight: bold;
	}
.colABoxRight {
	float: left;
	width: 486px;
	padding: 0 10px 0 10px;
	*background-color: white;
	*padding-bottom: 20px;
	}
.colABoxRight h1
	{
	font: bold 22px Arial, Helvetica, sans-serif;
	color: #ff0000;
	padding: 10px 20px 5px 20px;
	line-height: 1em;
		}
.colABoxRight h2
	{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 10px 20px 5px 20px;
		}
.colABoxRight a
{
color: #009de8;
}						
#colB {
	float: right;
	width: 255px;
	min-height: 851px;
	padding: 0 0 0 0;
	margin-left: 20px;
	/*background: #ffffff url(../images/urbansite_about_09.gif) left top repeat-y;*/
	background: #ffffff;
	padding-bottom: 20px;
	_padding-bottom: 0px;
	}
.colBMod {
		padding:20px 0 0 12px;
	}
.flash_countdown
{
padding-left: 10px;
}	
.top_menu li
{
float: left;
list-style: none;
}		
.button
{
display: inline;
padding: 1px;
}
.sharebtns
{
padding: 10px 10px 0px 0;
text-align: right;
}
.menu_row
{
background-color: white !important;
}
.about
{
display: block;
width: 106px;
height: 29px;
background: white url(../images/about_down.png)
}

.about_active
{
display: block;
width: 106px;
height: 29px;
background: white url(../images/about_on.png)
}

.about:hover
{
background: white url(../images/about_on.png)
}

.register
{
display: block;
width: 106px;
height: 29px;
background: white url(../images/register_down.png)
}
.register:hover
{
background: white url(../images/register_on.png)
}
.overlay
{
left:-180px;
position:absolute;
top:-6px;
_top: -26px;
background: transparent url(../images/urban_03.png);
width: 360px;
height: 304px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/overlay_01.png', sizingMethod='scale');
}
.overlay2
{
left:180px;
position:absolute;
top:-4px;
_top: -27px;
background: transparent url(../images/urban_04.png);
width: 225px;
height: 133px;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/overlay_02.png', sizingMethod='scale');
}
.footer
{
font-size: 10px;
padding: 0 0 10px 0;
text-align: left;
color: #999999;
border-top: solid 10px #000000;
background-color: #000000;
	/*margin-left: 179px;*/
width: 576px;
margin: 0 auto;	
}
.footer a
{
color: #999999;
padding: 0 5px 0 5px;
}
.footer a.last
{
padding: 0 0 0 10px;
}

.header
{
height: 10px;
background-color: #000000;
}

.addthis
{
height: 20px;
padding: 10px 0 10px 0;
}

.addthis_toolbox
{
float:right;
}
.racemap
{ 
margin-left: 20px;
}
.btnregister
{
display: block;
width: 175px;
height: 24px;
background: transparent url(../images/register_.png) no-repeat;
position: absolute;
top: 219px;
left: 235px;
}
.btnregister:hover
{
background: transparent url(../images/register_over.png) no-repeat;
}
.urban_logo
{
position: absolute;
top: 0;
left: 0;
z-index: 0;
_top: 5px;
}
/* --- newsletter styles --- */

#newsletterContainer {
	position: relative;
	height: 100px;
}

.newsletterValidation {
	color:#ed1c24;
	padding-top:3px;
	font-weight:bold;
}

#newsletterMod {
	position: absolute;
	}

#newsletterMod p {
	font-size: 13px;
	padding: 0 0 5px 0;
	}

#newsletterModThank {
	display: none;
	position: absolute;
	padding: 3px;
	background: #ed008c;
	}

#newsletterModThank h2 {
	margin-top:10px;
	color: #effb01;
	padding: 0 0 5px 0;
}

#newsletterModThank div {
	height: 92px;
	color: #fff;
	font-size: 1.3em;
	padding: 0 4px;
	border: 1px solid #f481c6;
}
.colBBox {
	padding: 5px;
	background: #dcdde1;
	margin-right: 10px;
	width: 220px;
	height: 140px;
	}
#researchPanelEmail {
width:210px;
}
#researchPanelZip {
width:148px;
*width: 140px;
margin-top: 5px;
}
.inputSubmit
{
vertical-align:middle;
margin-top: 5px;
}
.clearText {
background:none repeat scroll 0 0 #EFFB01;
height:19px;
padding:2px;
vertical-align:middle;
}	
.formErrorDisplay
{
color: red;
font: normal 10px Arial, Helvetica, sans-serif;
}
#panelMessage
{
color: #000000 !important;
}	
