﻿/* CSS Document - Created by DLR Media */


body {
	margin: 0;
	padding: 0;
	background-color: #333333;
}
p.statelftpadding3 {
	margin: 0;
	padding: 0 0 4px 3px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.25em;
}
.maincontainer {
    margin: 0 auto 0 auto;
    width: 60em;
    height: 100%;
    background-color: #FFF;
}
/* search bar */
.seachbar_wrap {
    width: 952px;
    height: 20px;
    margin: 0;
    padding: 7px 8px 7px 0;
    background-color: #999999;
    text-align: right;
}
td.searchbarleft {
    height: 20px;
    width: 468px;
    margin: 0;
    padding: 0 0 0 222px;
    vertical-align: middle;
    text-align: left;
}
td.searchbarcenter {
    height: 20px;
    width: auto;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-align:right;
}
td.searchbarright {
    width: 55px;
    height: 20px;
    margin: 0;
    padding: 0 0 0 0;
    vertical-align: middle;
    text-align:right;
}
.button {
    height: 20px;
    background-color: #BBC423;
    border: solid 1px #000000;
    padding: 0 3px 3px 3px;
    vertical-align: middle;
    font: normal .75em Arial, Helvetica, sans-serif;
}
/* end search bar */

/* header */
.head_container {
    position:relative;
    width: 100%;
    height: 128px;
    margin: 0;
    background-image: url(../images/bgheader.gif);
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    float: left;
}
.head_logo {
    width: 190px;
    height: 85px;
    margin: 10px 0 8px 10px;
    padding: 0 .69em 0 0;
    float: left;
}
.head_lb {
    width: 728px;
    height: 90px;
    margin: .5em .44em 0 0;
    float: right;
    display: block;
}
.head_navwrap {
    width: 960px;
    height: 22px;
    margin: 0;
    float: left;
}
.head_navleftwrap {
    width: 215px;
    height: 16px;
    margin: 9px 0 0 0;
    float: left;
}
p.leftnav {
	margin: 0;
	padding: 0 0 0 13px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
}
p.leftnav a:link {
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	text-decoration: none;
}
p.leftnav a:hover {
	color: #990000;
}
                 
.head_navrightwrap {
    width: 745px;
    height: 20px;
    padding: 0;
    margin: 0;
    float: right; 
}
/* end header */

/* map area */
.state_mapwrap {
    margin: 0;
    width: 60em;
    height: 20.19em;
    background-color: #000000;
    border-bottom: solid .25em #F28301;
    float: left;
}
.statemapcornerleft {
    height: 20.19em;
    margin: 0;
    padding: 0;
    background-image: url(../images/mapcornerleft.gif);
    background-repeat: no-repeat;
}
.statemain_cornerBox { position: relative; background: #BBC423; width: 138px; height: 289px; margin: 17px 23px 17px 13px; float: left; }
.statemain_corner { position: absolute; width: 12px; height: 12px; background: url('../images/corner26x26.gif') no-repeat; font-size: 0%; }
.statemain_cornerBoxInner { padding: 8px 0; width: 132px; height: 267px; border: solid 3px #999999; }
.statemain_TL { top: 0; left: 0; background-position: 0 0; }
.statemain_TR { top: 0; right: 0; background-position: -13px 0; }
.statemain_BL { bottom: 0; left: 0; background-position: 0 -13px; }
.statemain_BR { bottom: 0; right: 0; background-position: -13px -13px; }

.state_citieswrap {
    width: 132px;
    height: 245px;
    background-image: url(../images/light-rail-cities-bg.gif);
    background-repeat: repeat;
}
.statemain_mapcontainer {
    position: relative;
    width: 784px;
    height: 288px;
    margin: 17px 0 17px 0;
    float: right;
}
.statemain_map {
    width: 506px;
    height: 283px;
    margin: 0;
    background-color: #FFF;
    border: solid 3px #999999;
    float: left;
}
.statemain_mapsidecontainer {
    width: 232px;
    height: 290px;
    margin: 0 18px 0 0;
    float: right;
}
.statemain_eventsmall {
    width: 226px;
    height: 140px;
    border: solid 3px #999999;
    background-color: #FFF;
    float: left;
}
.statemain_referalwrap {
    width: 232px;
    height: 125px;
    margin-top: 17px;
    float: left;
}
.statemain_microswrap {
    width: 88px;
    height: 125px;
    margin: 0;
    float: left;
}
.statemain_micros1 {
    width: 88px;
    height: 31px;
    margin-bottom: 16px;
    float: left;
}
.statemain_micros2 {
    width: 88px;
    height: 31px;
    margin: 0;
    float: left;
}
.statemain_button {
    width: 125px;
    height: 125px;
    margin: 0;
    float: right;
}
/* end map area */

/* footer */
.footer, .clsFooter {
    width: 60em;
    clear: both;
    height: 30px;
    margin: 0 auto;
    padding: 10px 0;
    background-color: #DEDEDE;
    float:left;
}
p.foot {
    font: normal .70em Arial, Helvetica, sans-serif;
    line-height: 14px;
    text-align: center;
    color: #000000;
    text-align: center;
}
p.foot  a:link {
	color: #99002E;
}
p.foot  a:visited {
	color: #99002E;
}
p.foot  a:active {
	color: #99002E;
}
p.foot  a:hover {
	color: #000085;
}
/* end footer */