@charset "utf-8";
/* CSS Document */

/***************************************General page setup and main header***************************************/

.bigBox {
 	margin: 0 auto; 
	width: 800px;
	background-color:#CCCCCC;
}
.header {
	height: 120px;
	background-image: url(../assets/images/revHeaderNew2.png);
}

/***************************************Page label above header***************************************/

.rev {
	font-size: 32px;
	position: relative;
	top: 10px;
	left: 220px;
	color: #000D66;
	width: 150px;
}
.revTag {
	position: relative;
	top: -14px;
	left: 430px;
	color: #000D66;
	width: 200px;
}

/***************************************Text Formatting***************************************/

h1 {
	height: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	top: -10px;
}
h2 {  
	font-size: 20px; 
	color: rgb(128,0,0);
	font-weight: bold;
}
.headItem {
	font: Arial, Helvetica, sans-serif;
	position: relative;
	left: 60px;
	list-style: none;
	font-size: 18px; 
	color: rgb(128,0,0);
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}
/***************************************Navigation Buttons***************************************/
.navigation {
}
.navButton {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	top: -77px;
	right: 152px;
	float: right;
	list-style: none;
	padding: 0px 5px 0px 0px;
	color: #FFFFFF;
}
.navButton a{
	text-decoration: none;
	color: #FFFFFF;
}
.navButton:hover {
	font-size: 16px;
	font-weight: bold;
	float: right;
	position: relative;
	top: -77px;
	right: 152px;
	list-style: none;
	color: #000000;
	padding: 0px 5px 0px 0px;
}
#navLast {
	background-position: right top;
}
#navFirst {
	background-position: left top;
}
.navButton:hover a{
	text-decoration: none;
	color: #000000;
}
.navButtonSelected{
	font-size: 16px;
	font-weight: bold;
	float: right;
	position: relative;
	top: -77px;
	right: 152px;
	list-style: none;
	color: #FFCC00;
	padding: 0px 5px 0px 0px;
	background-image: url(../assets/images/buttonHover.png);
	background-position: center center;
}
.navButtonSelected a{
	text-decoration: none;
	color: #000000;
}
.navSpike {
 	font-size: 16px;
	font-weight: bold;
	position: relative;
	top: -77px;
	right: 152px;
	float: right;
	list-style: none;
	padding: 0px 5px 0px 0px;
	color: #FFFFFF;
}
a:link img,
a:active img,
a:visited img{
    border: 0;
}
.navTier2 {
	height: 21px;
	text-align: center;
	width: 170px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	position: relative;
	top: -46px;
	left: -33px;
	padding: 0px 10px 0px 10px;
	list-style: none;
	z-index: 1;
	display: inline;
}
.navTier2:hover{
	height: 21px;
	background-repeat: no-repeat;
	text-align: center;
	width: 170px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #FFCC00;
	position: relative;
	top: -46px;
	left: -33px;
	padding: 0px 10px 0px 10px;
	list-style: none;
	z-index: 1;
}
.navTier2 a {
	text-decoration: none;
	color: #FFFFFF;
}
.navTier2:hover a{
	text-decoration: none;
	color: #FFCC00;
}
.navTier2Selected{
	height: 21px;
	background-repeat: no-repeat;
	text-align: center;
	width: 170px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #FFCC00;
	position: relative;
	top: -46px;
	left: -33px;
	padding: 0px 10px 0px 10px;
	list-style: none;
	z-index: 1;
}
.navTier2Selected a{
	text-decoration: none;
	color: #FFCC00;
}

/***************************************Main banner and changes thereto***************************************/

.banner {
	background-color: #CCCCCC;
}
.bannerImage {
	float: left;
	position: relative;
	top: -37px;
	width: 25%;
}

.banTop {
	height: 35px;
	background-image:url(../assets/images/banTop.gif)
}
.banMid0 {
	background-image: url(../assets/images/banMidGrassRev2.png);
	height: 125px;
	width: 772px;
	margin: auto;
	border: solid;
	border-color: #000000;
}
.banMid {
	background-image: url(../assets/images/banMidGrassRev2.png);
	height: 125px;
	width: 772px;
	margin: auto;
	border: solid;
	border-color: #000000;
}
#banMid2 {
	height: 125px;
	width: 772px;
	margin: auto;
	border: solid;
	border-color: #000000;
}
.banMidAbout{
	background-image: url(../assets/images/banMidAbout.gif);
	height: 125px;
	width: 772px;
	margin: auto;
	border: solid;
	border-color: #000000;
}
.banMidContact {
	background-image: url(../assets/images/banMidContact.gif);
	height: 125px;
	width: 772px;
	margin: auto;
	border: solid;
	border-color: #000000;
}
.banMidPartners {
	background-image: url(../assets/images/banMidPartner.gif);
	height: 125px;
	width: 772px;
	margin: auto;
	border: solid;
	border-color: #000000;
}
.banMidSupport {
	background-image: url(../assets/images/banMidSupport.png);
	height: 125px;
	width: 772px;
	margin: auto;
	border: solid;
	border-color: #000000;
}
.banQuoteCaption {
	color: #FFFFFF;
	font-size: 10px;
	position: relative;
	top: 40px;
	left: 624px;
	width: 200px;
}
.banText {
	color: #000D66;
	font-size: 18px;
	position: relative;
	top: 48px;
	left: 320px;
	width: 310px;
}
#truckO {
	position: relative;
	top: -21px;
}
#mailBox{
	position: relative;
	top: -160px;
	left: 430px;
}
#table {
	position: relative;
	top: -45px;
	left: 300px;
}
.banBottom{
	height: 70px;
	background-image:url(../assets/images/banBottom.gif)
}
#banBottomMine{
	height: 300px;
	background-image: url(../assets/images/banBottomMine.gif);
}
#banBottomOTR{
	height: 300px;
	background-image: url(../assets/images/banBottomOTR.gif);
}
#banBottomCon{
	height: 300px;
	background-image: url(../assets/images/banBottomCon.gif);
}
#banBottomBus{
	height: 300px;
	background-image: url(../assets/images/banBottomBus.gif);
}
#banBottomBlank{
	height: 155px;
	background-image: url(../assets/images/banBottomBlank.gif);
}
#bbbSlider {
	height: 110px;
	width: 740px;
	overflow: auto;
	position: relative;
	right: 0px;
	top: 30px;
	margin: auto;
	white-space: nowrap;	
}
.sliderLogo {
	display: inline;
}
#banBottomService{
	height: 300px;
	background-image: url(../assets/images/banBottomService.gif);
}
/***************************************Background and main contents***************************************/

.floater {
	background-image:url(../assets/images/revFloater.gif);
	background-repeat: no-repeat;
	position: relative;
}
.content {
	background-color: #CCCCCC;
}
.contentLeft {
	float: left;
	width: 50%;
	background-color: #FFFFFF;
}
.contentRight {
	float: left;
	width: 50%;
	background-color: #FFFFFF;
}
.colLeftTop {
	height: 30px;
	background-image: url(../assets/images/colLeftTop.gif);
	border: solid;
	border-color: #000000;
}
.colLeftMid {
	width: 96%;
	margin: auto;
}
.colLeftMid img{
	padding: 0px 10px 0px 10px;
}
.colLeftBottom {
	height: 35px;
	background-image: url(../assets/images/colLeftBottom.gif)
}
.colRightTop {
	height: 30px;
	background-image: url(../assets/images/colRightTop.gif);
	border: solid;
	border-color: #000000;
	width: 230px;
	margin: auto;
	position: relative;
	right: 13px;
}
.colRightMid {
	width: 90%;
	margin: auto;
}
.colRightBottom {
	height: 35px;
	background-image: url(../assets/images/colRightBottom.gif);
}
.colMid {
	width: 70%;
	float: right;
	position: relative;
	left: 1px;
}
.wrapperMid{
	width: 99%;
	margin: auto;
	background-color: #FFFFFF;
	border: solid;
	border-color: #000000;
}

.colRight {
	width: 29%;
	float: right;
	border: solid;
	border-color: #000000;
}
.wrapperRight{
	width: 90%;
	margin: auto;
	background-color: #FFFFFF;
}
.conWrapper{
	width: 800px;
	background-color: #CCCCCC;
	position: relative;
	top: 15px;
	border: solid;
	border-color: #000000;
}
.conWrapperTop {
	height: 35px;
	background-image: url(../assets/images/banTop.gif);
	border: solid;
	border-color: #000000;
}
.conWrapperMid{
	background-color: #FFFFFF;
	width: 778px;
	margin: auto;
}
.conWrapLeft{
	float: left;
	width: 50%;
}
.conWrapLeft2 {
	float: left;
	width: 33.3%;
}
.conWrapRight{
	float: left;
	width: 50%;
}
.conWrapRight2{
	float: left;
	width: 33.3%;
}
.farRight {
	float: left;
	width: 33.3%;
}
.conWrapperBottom{
	background-image: url(../assets/images/conWrapperBottom.gif);
	height: 35px;
}
.columnDiv {
	width: 92%;
	margin: auto;
}
.pLogo {
	clear: both;
	float: left;
}
/***************************************Footer***************************************/

.footerNav {
	position: relative;
	left: 208px;
	top: -20px;
	background-color: #FFFFFF;
	width: 400px;
}
.footNav {
	font-size: 10px;
	color: #000000;
	float: left;
	list-style: none;
	padding: 0px 10px 0px 10px;
}
.footer {
	font-size: 10px;
	color: #FFFFFF;
	height: 40px;
	width: 100%;
	clear: both;
	background-image:url(../assets/images/revFooter.gif);
	height: 80px;
}
.footTxt {
	position: relative;
	top: 47px;
}
.foot2 {
	clear: left;
	font-size: 11px;
	position: relative;
	top: -13px;
}
body {
}

/***************************************Menu Coding************************************/

#menu {
width: 16em;
background: #eee;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
	font: bold 13px 'Trebuchet MS', Tahoma, Verdana, Arial, Helvetica, Sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #BCBCBC #888 #888 #bbb;
	margin: 0;
	padding: 2px 3px;
	color: #003399;
}

#menu h2 {
color: #fff;
background: #003399;
text-transform: uppercase;
}

#menu a {
color: #003399;
background: #cccccc;
text-decoration: none;
}

#menu a:hover {
color: #FFCC00;
background: #fff;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}