@charset "utf-8";
body {font-family:Arial, Helvetica, sans-serif; color:#333; background-color: #CEBCA4; background-image: url(../images/drivingschool_bg_01.jpg); background-repeat: no-repeat; background-position: top;}

h1 { font-size:24px; line-height:28px; letter-spacing:-1px;}
h2 { color: #930; font-size: 16px; letter-spacing: 0px; line-height: 20px;}
h3 { font-size:15px; line-height:19px; color: #333;}
p { font-size: 12px; line-height:17px;}
ul li { font-size:12px; line-height:17px;}
html, body, form, fieldset, label, legend, table, td, th{ margin:0; padding:0;}
hr { margin:5px 0px;}
form {font-size:13px; }

#container { width: 840px; margin: 15px auto 0px auto;}
#header { width: 770px; height: 200px; margin-left: 40px; background-image: url(../images/mini2011.png); background-repeat: no-repeat; background-position: right bottom; text-align: left;}
	
.logo { background-image: url(../images/BSOMlogo.png); height: 170px; background-repeat: no-repeat; width: 530px; background-position: left top; float: left; }
.phone { padding: 75px 0px 0px 200px; background-image: url(../images/bayway_06.png); background-position: right 10px; background-repeat: no-repeat; width: 250px; height: auto;}
.phone img { margin: 25px 0 0 20px;}
.titlehead { font-style: italic; font-size:12px; color: #FF0; font-weight: 100; text-align: right; padding-right: 65px; letter-spacing: 0px;}

#topnav { text-align: center; list-style-type: none; margin-left: 28px;}
#topnav a { width: 98px; height: 30px; background-color: #FFF; float:left; margin-left: 2px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; padding: 0 5px; 
	-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -o-border-radius-topleft: 5px; border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -o-border-radius-topright: 5px; border-top-right-radius: 5px; }

#topnav a, #topnav a:visited  {text-decoration: none; color: #333;}
#topnav a:hover, #topnav a:active {text-decoration: none; color: #ff6600; font-weight: bold; background-color: #FFFF22; -moz-box-shadow:inset 0 0 5px #ff6600; -webkit-box-shadow:inset 0 0 5px #ff6600; box-shadow:inset 0 0 5px #ff6600;}
#topnav a:first-child {margin-left:1px;}
#topnav a:last-child {background-color: #FFFF00; color: #ff2200; margin-right:0px;}
#topnav a:last-child:hover {color: #333;}
#topnav ul {display: inline; border: none; } 
#topnav ul li {list-style: none; display: inline; border-top-style: none; font-size: 12px; font-weight: bold; line-height: 30px;}

#offerbanner { margin-left: 27px; margin-top: 10px;}

#subnav {
	text-align: left;
	list-style-type: none;
	font-size: 90%;
	padding-top: 8px;
	padding-bottom: 12px;
	margin-left: 29px;
	clear: left;
	height: auto;
	padding-left: 60px;
	background-color: #ff6600;
	width: 720px;
	border: 1px solid #ee5500;
	-webkit-border-bottom-left-radius: 5px; 
	-moz-border-radius-bottomleft: 5px; 
	-o-border-radius-bottomleft: 5px; 
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px; 
	-moz-border-radius-bottomright: 5px; 
	-o-border-radius-bottomright: 5px; 
	border-bottom-right-radius: 5px;
	-moz-box-shadow:inset 0 0 10px #ffff00;
   -webkit-box-shadow:inset 0 0 10px #ffff00;
   box-shadow:inset 0 0 10px #ffff00;
   background-image: linear-gradient(bottom, rgb(252,161,5) 32%, rgb(230,98,37) 66%);
	background-image: -o-linear-gradient(bottom, rgb(252,161,5) 32%, rgb(230,98,37) 66%);
	background-image: -moz-linear-gradient(bottom, rgb(252,161,5) 32%, rgb(230,98,37) 66%);
	background-image: -webkit-linear-gradient(bottom, rgb(252,161,5) 32%, rgb(230,98,37) 66%);
	background-image: -ms-linear-gradient(bottom, rgb(252,161,5) 32%, rgb(230,98,37) 66%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E66225', endColorstr='#FCA105');
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.32, rgb(252,161,5)),
		color-stop(0.66, rgb(230,98,37))
	);
}
#subnav a:link , #subnav a:visited{
	text-decoration: none;
	color: #FF0;
	padding-right: 15px;
	font-weight: bold;
}
#subnav a:hover, #subnav a:active {
	text-decoration: none;
	color: #000;
	padding-right: 15px;
	font-weight: bold;
}
#subnav ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 
#subnav ul li {
	margin-left: 0;
	list-style: none;
	display: inline;
	border-top-style: none;
	font-size: 11px;
	line-height: 14px;
}
#topbox {
	background-image: url(../images/containertop.png);
	background-repeat: no-repeat;
	width: 786px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	height: 37px;
}

a img{border:none;}
#body_content p a:link.love2shop, #body_content p a:visited.love2shop{color:#000; font-size:100%; line-height:100%;}
#body_content p a:hover.love2shop{text-decoration:underline;}

#wrapper {
width: 784px;
margin: 0px auto;
margin-top:15px;
background-repeat: no-repeat;
background-position: top;
background-color: #FFF;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #cccccc;
border-left-color: #cccccc;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
-o-border-radius: 5px; 
border-radius: 5px;
padding: 30px 0px; }

#body_content a.contactlink  strong{font-size:16px; font-weight:bold; color:#000;}
#body_content a.contactlink  strong:hover{text-decoration:underline;}
#body_content a {
	text-decoration: none;
}


#body_content {
	width: 450px;
	text-align: justify;
	padding: 30px;
	display: inline;
	float: left;
}
#body_content h1 { margin-top:-30px; padding-top: 0px; color: #F60;}
#body_content h3 .learn { font-style: italic; color: #F60;}
#body_content h3 a { text-decoration: none; color: #900;}
#body_content #offerpic { margin-top: 0px; margin-bottom: 10px;}

ul li strong a {text-decoration: none; color: #F30;}
.source a{ text-decoration: none; font-weight: bold; font-style: italic; color: #999;}
#body_content a strong { text-decoration: none; color: #F00;}

.source { font-size: 9px; font-style: italic; color: #999;}
.parahead { color: #930; font-size: 17px;}
.areatable { border: 0px; margin: 0px auto; font-weight: bold; width: 425px; font-size: 90%;}
.tbhead { color: #F60; font-size: 150%;}
.col { margin: 0px; padding: 0px;}
.telep { color: #F00; font-weight: bold; font-size: 110%; line-height: 95%;}



form { width: 400px; padding: 25px; background-color: #CEBCA4; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
	
.field { font-weight: bold; font-size: 12px; font-style: italic; text-align: left; padding-top: 5px 15px 10px 10px; border: none; position: relative;}
	
.textfield { width: 304px; margin: 7px 0 10px 30px; padding: 10px; font-style: normal; color: #666; border: 1px solid #666; font-size: 11px; line-height: 15px; height: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;  }
		
.textarea {	width: 368px; padding: 15px; height: 150px; margin: 15px 0; font-style: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.submit { height: 35px; width: 110px; margin: 5px 20px 0 5px; }



#blog { text-align: center; border: 1px solid #ee5500 !Important; margin-bottom:20px; padding: 10px 15px;
	background-color: #FCA105;
	background-image: linear-gradient(top, rgb(230,98,37) 66%), rgb(252,161,5) 32%;
	background-image: -o-linear-gradient(top, rgb(230,98,37) 66%), rgb(252,161,5) 32%;
	background-image: -moz-linear-gradient(top, rgb(230,98,37) 66%), rgb(252,161,5) 32%;
	background-image: -webkit-linear-gradient(top, rgb(230,98,37) 66%), rgb(252,161,5) 32%;
	background-image: -ms-linear-gradient(top, rgb(230,98,37) 66%), rgb(252,161,5) 32%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCA105', endColorstr='#E66225');
	background-image: -webkit-gradient( linear, left top,left bottom, color-stop(0.66, rgb(230,98,37)),color-stop(0.32, rgb(252,161,5)));
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

#blog a { font-size: 20px; line-height: 25px; font-weight: bold; text-decoration: none; color: #FFF;}

#sub_content, #blog { width: 220px; margin-left: 500px; border: 1px solid #CCC;}
#sub_content { padding: 20px 15px;}
#sub_content p { font-size:11px; line-height:15px; text-align:left;}
#sub_content h3 { margin-top: 0px; line-height: 17px; font-size: 15px;}
#sub_content h3 a{ color: #F60; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin-top: 0px;}
#sub_content a:visited { text-decoration: none; color: #900; font-weight: bold; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
#sub_content a:hover, #sub_content a:active {
	text-decoration: underline;
	color: #666;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#sub_content a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.sub {
	padding-top: 15px;
	color: #F60;
	font-size: 15px;
	line-height: 17px;
}

#body_content p a:link, #body_content p a:visited {
	text-decoration: none;
	font-size: 80%;
	color: #CCC;
	font-style: italic;
	font-weight: bold;
	line-height: 500%;
}
#body_content p a:hover, #body_content p a:active {
	text-decoration: none;
	font-size: 80%;
	color: #666;
	font-style: italic;
	font-weight: bold;
	line-height: 500%;
}
.clearing {
	font-size: 1px;
	line-height: 0px;
	margin: 0px;
	clear: both;
	height: 0px;
}
#breadcrumb {
	width: 750px;
	text-align: left;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-top: 10px;
	font-size: 9px;
	color: #333;
	}
#breadcrumb a:link , #breadcrumb a:visited{
	text-decoration: none;
	color: #666;
}
#breadcrumb a:hover, #breadcrumb a:active {
	text-decoration: none;
	color: #F30;
}
#breadcrumb .first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 
#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	font-size: 9px;
	}
#botbox {
	background-image: url(../images/containerbot.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 37px;
	width: 786px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#footer {
	width: 800px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 25px;
	margin-top: 15px;
}
#navbot {
	list-style-type: none;
	font-size: 75%;
	text-align:center;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 7px;
	clear: left;
	height: auto;
	background-color: #ff6600;
	width: 753px;
	border: 1px solid #ee5500;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	-o-border-radius: 5px; 
	border-radius: 5px;
	-moz-box-shadow:inset 0 0 10px #ffff00;
   -webkit-box-shadow:inset 0 0 10px #ffff00;
   box-shadow:inset 0 0 10px #ffff00;
   background-image: linear-gradient(bottom, rgb(252,161,5) 32%, rgb(230,98,37) 66%);
	background-image: -o-linear-gradient(bottom, rgb(252,161,5) 32%, rgb(230,98,37) 66%);
	background-image: -moz-linear-gradient(bottom, rgb(252,161,5) 32%, rgb(230,98,37) 66%);
	background-image: -webkit-linear-gradient(bottom, rgb(252,161,5) 32%, rgb(230,98,37) 66%);
	background-image: -ms-linear-gradient(bottom, rgb(252,161,5) 32%, rgb(230,98,37) 66%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E66225', endColorstr='#FCA105');
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.32, rgb(252,161,5)),
		color-stop(0.66, rgb(230,98,37))
	);
}

#navbot a{padding:0px; margin:0px;}
#navbot h4 a:link , #navbot h4 a:visited{
	text-decoration: none;
	color: #FF0;
}
#navbot h4 a:hover, #navbot h4 a:active {
	text-decoration: none;
	color: #000;
}
#footer h5 {
	font-size: 10px;
	text-decoration: none;
}
#footer h5 a:link, #footer h5 a:visited{
	text-decoration: none;
	color: #333;
}
#footer h5 a:hover, #footer h5 a:active {
	text-decoration: none;
	color: #F00;
}
.baylogos {
	padding-top: 20px;
}
.copy {
	font-size: 9px;
	color: #666;
}
.disclaim {
	font-size: 9px;
	font-style: italic;
	color: #666;
}
.copy a:link, .copy a:visited{
	text-decoration: none;
	color: #C36;
	font-weight: bold;
}
.copy a:hover, .copy a:active {
	text-decoration: none;
	color: #63F;
	font-weight: bold;
}
.driving_sitemap #container #wrapper #body_content p a:link , .driving_sitemap #container #wrapper #body_content p a:visited{
	font-size: 12px;
	font-style: normal;
	color: #333;
	text-decoration: none;
	line-height: normal;
}
.driving_sitemap #container #wrapper #body_content p a:hover, .driving_sitemap #container #wrapper #body_content p a:active {
	font-size: 12px;
	font-style: normal;
	color: #F60;
	text-decoration: none;
	line-height: normal;
}