/* FAQ INTERACTIVE CSS */
body {
	margin: auto;
	text-align: center;
	font-size: 12px;
	font-family: verdana, sans-seriff;
}
img {
	border: 0;
}
#RedBarContainer {
display: block;
width: 1003px;
margin: auto;
}
#Contact {
font-size: 12px;
color: #ffffff;
margin: 3px 0px 0px 0px;
padding: 0px;
float: right;
}
#siteContainer {
	display: block;
	margin: auto;
	width: 1003px;
}
#siteContents {
	position: relative;
	width: 100%;
	display: block;
	float: left;
}
#redBar {
	background-image: url(../images/redbarTop.jpg);
	background-repeat: repeat-x;
	display: block;
	float: left;
	height: 33px;
	width: 100%;
}
#aboveBanner {
	display: block;
	float: left;
	height: 205px;
	width: 100%;
}
#menuOptionsContainer {
	float: left;
	display: block;
	width: 100%;
}
#menuRedStrip {
	background-image: url(../images/trafficLawRedMenuBar.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	width: 100%;
	font-size: 11px;
}
#menuRedStrip ul {
	display: block;
	float: right;
	margin: 8px 0 0;
	padding: 0;
	width: 620px;
}
#menuRedStrip li {
	float: left;
	list-style: none;
}
#menuRedStrip a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0 0px 3px;
}
#menuRedStrip a:hover {
	background-color: #FFFFFF;
	color: #CC0033;
	padding: 5px 0 6px 3px;
}
#breadCrumbs {
	width: 100%;
	float: left;
	display: block;
}
#breadCrumbsContent {
	color: #676767;
	display: block;
	float: left;
	font-size: 11px;
	height: 30px;
	margin: 0px 0px 0px 285px;
	padding: 0;
	text-align: left;
	width: 71%;
}

#breadCrumbsContent a{
	color: #676767;
        text-decoration: none;
}
#breadCrumbsContent a:hover{
	color: #676767;
        text-decoration: underline;
}

#breadcrumb-start {
	display: block;
	float: left;
}

#breadcrumb-1 {
	display: block;
	float: left;
}

#breadcrumb-2 {
	display: block;
	float: left;
}

#breadcrumb-3 {
	display: block;
	float: left;
}

#breadcrumb-4 {
	display: block;
	float: left;
}

.breadcrumb-item {
	display: block;
	float: left;
}

.breadcrumb-seperator {
	display: block;
	float: left;
}

.breadcrumb-end {
	display: block;
	float: left;
}


.callToAction {
	display: block;
	float: right;
	height: 50px;
	margin-top: 1px;
	width: 109px;
}
#buttons {
	float: right;
	margin-right: 45px;
	margin-top: 0;
	width: 100px;
  position: absolute;
  top: 0px;
  left:900px;
}
#bookBtn {
	background-image: url(../images/bookAnAppointmentBtn.jpg);
}
#forwardBtn {
	background-image: url(../images/forwardToBtn.jpg);
}
#contactBtn {
	background-image: url(../images/contactUsBtn.jpg);
}
#requestBtn {
	background-image: url(../images/requestAQuote.jpg);
}
#rightSide {
	display: block;
	float: left;
	height: 203px;
	width: 100%;
}
#leftSide {
	display: block;
	float: left;
	width: 25%;
}
#greyArea {
	background-color: #E6E6E6;
	display: block;
	float: left;
	margin-top: 0;
	width: 100%;
}
#greyAreaContent {
	display: block;
	float: left;
	margin: 0px 0px 0px 25px;
	text-align: left;
	width: 76%;
}
#greyAreaContent h1 {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#greyAreaContent ul {
	display: block;
	margin: 0;
	padding: 0;
	width: 250px;
}
#greyAreaContent li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:254px;
}
#greyAreaContent a {
	color: #777777;
	font-size: 9px;
	text-decoration: none;
}

#mainBody {
	background-image: url(../images/greyBoxes.jpg);
	background-position: 0 93px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin: 40px 0px 0px 0px;
	width: 100%;
	position: relative;
}
#redInfoBox {
 background-color:#FFFFFF;
 border:1px solid #B3091C;
 height:369px;
 left:117px;
 overflow:auto;
 position:absolute;
  top:40px;
 width:434px;
}
#redInfoBoxContent {
 display:block;
 float:left;
 font-size:11px;
 margin-left:7px;
 overflow:auto;
 text-align:left;
 width:95%;
}
#redInfoBoxContent h1 {
	color: #B3091C;
	font-size: 12px;
	padding: 0px;
	font-weight: bold;
	margin: 2px 0px 0px 0px;
}
#redInfoBoxContent h2 {
	font-size: 12px;
	font-weight: normal;
	color: #676767;
	padding: 0px;
	margin: 0px;
}
#profileimage{
float: right;
margin: 0px 195px 0px 0px;
}

#searchBox {
display:block;
float:right;
font-size:10px;
margin: 0px 50px 0px 0px;
text-align:left;
width:200px;
height: 170px;
}
#searchBox h1 {
	font-size: 11px;
	color: #FF0000;
}
#footer {
  border-top: 1px solid #B2091C;
  border-bottom: 1px solid #B2091C;
	display: block;
	float: left;
	height: 36px;
	width: 100%;
}
#footerContentLeft {
	color: #777777;
	display: block;
	float: left;
	font-size: 8px;
	padding: 5px 0 0 5px;
	text-align: left;
	width: 50%;
}
#footerContentRight {
display: block;
float: right;
width: 27%;
color: #777777;
font-size: 9px;
}
#footerContentRight p {
float: left;
margin: 0px;
padding: 12px 0px 0px 0px;
}
#footerContentRight a {
   color: #777777;
   text-decoration: none;
}
.FAQMiniLogoStyle {
float: right;
margin: 0px;
padding: 4px 0px 0px 0px;
_margin: 4px 0px 0px 0px;
}
#belowTheFoldContainer {
	width: 100%;
	display: none;
	height: 200px;
	margin-top: 20px;
	color: #777777;
	position: absolute;
	top: 101%;
	left: 0px;
}
.belowTheFold {
	width: 100%;
	float: left;
	display: none;
}
.belowTheFold {
	width: 150px;
	float: left;
	display: none;
	height: 200px;
	margin-top: 20px;
}
.belowTheFold ul li {
	text-decoration: none;
	list-style: none;
}
.belowTheFold a, .belowTheFold a:link, .belowTheFold a:visited {
	color: #777777;
	text-decoration: none;
}
.belowTheFold a:hover {
	text-decoration: underline;
}

#ProfBackButton {
display: block;
float: left;
margin: 0px 0px 0px 118px;
font-size: 10px;
color:#777777;
text-transform: none;
}

#ProfBackButton a {
color:#777777;
text-decoration: none;
}

#ProfBackButton a:hover {
text-decoration: underline;
}

#greybelowTheFoldContainer {
  background-color: #E6E6E6;
	display: block;
	width: 100%;
	position: absolute;
	top: 100%;
	_top: 100%;
	*top: 100.1%;
	left: 0;
	border-bottom:1px solid #B2091C;
}

#BTFgreyAreaContent {
	display: block;
	float: left;
	margin: 0px 0px 0px 45px;
	_margin: 0px 0px 0px 25px;
	text-align: left;
	width: 95%;
}
#BTFgreyAreaContent h1 {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#BTFgreyAreaContent ul {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 300px;
}

#BTFgreyAreaContent table {
margin: 10px 0px 0px 0px;
padding: 0px;

float: left;
}

#BTFgreyAreaContent td {
float: left;
vertical-align: top;
}

#BTFgreyAreaContent li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#BTFgreyAreaContent a {
	color: #777777;
	font-size: 9px;
	text-decoration: none;
}