@charset "utf-8";
body {
	font: 100% "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	background:url(images/city.jpg) #fff no-repeat top;
	background-attachment:fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;

}

p {	line-height:1.7em;
}

h1 a { text-decoration:none;
color:#FFFFFF;}

.floatleft{
float:left;
margin-right:5px;
padding:0;
}
.floatright{
float:right;
margin-left:5px;
padding:0;
}

.clearfloat {
clear:both;
}


.oneColFixCtrHdr #container {
	width: 880px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */
	background:url(images/transparent-white.png);

}


.oneColFixCtrHdr #header {
	width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:500px;
	background:url(images/teendriving.png) no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
}




.oneColFixCtrHdr #headersmall {
	width: 750px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:236px;
	background:url(images/teendrivingsmall.png) no-repeat;
	padding:0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */
}


.oneColFixCtrHdr #nav {
float:right;
width:700px;
height:50px;
padding:0 25px;
margin:40px 0 0 0;
font-size:14px;
}
.oneColFixCtrHdr #nav ul{
list-style:none;
float:right;
}

.oneColFixCtrHdr #nav ul li{
display:inline;
padding: 0 14px;

}

.oneColFixCtrHdr #nav ul li a {
text-decoration:none;
color:#333333;
}

.oneColFixCtrHdr #nav ul li a:hover {
text-decoration:none;
color:#666666;
}



.oneColFixCtrHdr #navsmall {
float:right;
width:700px;
height:50px;
padding:0 25px;
margin:27px 0 0 0;
font-size:14px;
}
.oneColFixCtrHdr #navsmall ul{
list-style:none;
float:right;
}

.oneColFixCtrHdr #navsmall ul li{
display:inline;
padding: 0 14px;

}

.oneColFixCtrHdr #navsmall ul li a {
text-decoration:none;
color:#333333;
}

.oneColFixCtrHdr #navsmall ul li a:hover {
text-decoration:none;
color:#666666;
}



.oneColFixCtrHdr #intro {
float:right;
width:205px;
height:260px;
margin-right:50px;
padding: 20px 20px;

}

.oneColFixCtrHdr #intro p {
line-height:normal;
}

.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	float:left;
	width:550px;
	border-right: solid 1px #333333;
}

.oneColFixCtrHdr #sidecontent {
	padding: 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	float:right;
	width:220px;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.bqstart {
     float: left;
     height: 45px;
     margin-top: -25px;
     padding-top: 45px;
     margin-bottom: -50px;
     font-size: 700%;
     color: #ffffff;
 }

 .bqend {
     float: right;
     height: 25px;
     margin-top: 0px;
     padding-top: 25px;
     font-size: 700%;
     color: #ffffff;
 }