body {
background-image:url(images/bk_stripe3.png);
background-repeat:repeat-x;
background-position:top left;
font-family: Verdana, Arial, sans-serif;
background-color:#001826;
font-size:12px;
color:#333333;
margin-top: 0px;
margin-bottom:0px;
}


#wrapper {
margin: 0 auto;
width: 950px;
height:auto;
background-color:#FFFFFF;
/*border-left: 3px solid #333333;
border-right: 3px solid #333333;*/
border: 2px solid #333333;
}

#banner {
width: 950px;
height:200px;
/*background-image: url(images/banner_side_window.jpg);*/background-image:url(images/belt_up_school_of_motoring_driving_instructor.jpg);
background-position: center;
background-repeat:no-repeat;
}

#container /*Will contain navigation and content area*/ {
width: 950px;
height:auto;
background-color:#FFFFFF;
}

#vnav{
width: 200px;
height:auto;
background-color: #FFFFFF;
margin:0px;
margin-left: 3px;
float:left;
margin-right: 5px;
/*position:fixed;*/
}

#vnav li {
list-style-type: none;
display: block;
padding:0px;
}

#vnav ul {
list-style-type: none;
padding-top: 5px;
padding-bottom: 5px;
}

#vnav li a, a:visited {
background-image: url(images/nav_dark_blue.png);
background-repeat:no-repeat;
background-position: left;
margin-left: -30px;
padding: 12px 7px 10px 50px ;
/*padding-top:10px;
padding-left: 50px;*/
margin-top: 3px;
margin-bottom: 3px;
height: 15px;
background-color: /*#00339b*//*3C94C8*//*289CC8*/;
color:#FFFFFF;
display: block;
border-right:5px solid #000066;
text-align: left;
font-size:12px;
text-decoration:none;
}

#vnav li a:hover, a:active {
background-image: url(images/ellhov.jpg);
background-repeat:no-repeat;
background-position:left;
margin-left: -30px;
padding: 11px 6px 9px 49px ;
/*padding-top:10px;
padding-left: 50px;*/
margin-top: 3px;
margin-bottom: 3px;
height: 15px;
background-color: #FFFFFF;
color:/*#289CC8*/ #CB2121;
display: block;
border-right:1px solid #FFFFFF;
border: 1px dashed #000000;
text-align: left;
font-size:12px;
}

#vnav ul .currentpage a {
background-image: url(images/ellhov.jpg);
background-repeat:no-repeat;
background-position:left;
margin-left: -30px;
padding: 12px 7px 10px 50px ;
/*padding-top:10px;
padding-left: 50px;*/
margin-top: 3px;
margin-bottom: 3px;
height: 15px;
background-color: #FFFFFF;
color:/*#289CC8*/ #CB2121;
display: block;
border-right:1px solid #FFFFFF;
border: 1px dashed #000000;
text-align: left;
font-size:12px;
}

.content {
width: 500px;
float: left;
height:auto;
margin-left: 5px;
background-color: #FFFFFF;
background-image: url(images/fadedL1.jpg);
background-repeat:no-repeat;
background-position:top right;
}



.centerContent {
clear:both;
}

.content p {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
padding: 5px;
line-height: 17px;
color:#333333;
}

.content p a{
font-size:12px;
padding: 1px;
color: #0066CC;
background-color: transparent;
}

.content p a:hover {
text-decoration:none;
}

.content h1 {
font-family: trebuchet ms, Arial, Verdana;
font-size:22px;
color: #C60000;
padding: 5px;
}

.content h2 {
font-family: Arial, Verdana, sans-serif;
font-size:18px;
color:#C60000;
padding: 5px;
}

.topPara {
border-bottom: 1px dashed #CCCCCC; 
width:488px;
}

.leftContent {
float:left;
padding: 5px;
width: 230px;
border-right: 1px dashed #CCCCCC;
background-color :#F2F2F2;
}

.rightContent {
float:right;
padding: 5px;
width: 230px;
}

.content li {
line-height: 25px;
color:  #000000;
padding: 3px;
font-size: 12px;
list-style-type: square;
}

.content li a, a:visited {
font-size:12px;
padding: 1px;
color: #0066CC;
background-color: transparent;
}

.content li a:hover {
font-size:12px;
padding: 1px;
color: #0066CC;
text-decoration:none;
}

.content li:hover {
background-color: #CCCCCC;
/*border:1px solid #CCCCCC;*/
background-image:url(image/tick.jpg);
background-position: left;
background-repeat: no-repeat;
}
/*.contlinks a, a:visited {
color: #0066cc;
text-decoration: underline;
font-size: 12px;
color: #0066CC;
}

.contlinks a:hover, a:active {
text-decoration:none;
font-size: 12px;
color: #0066CC;
}*/

.comment {
width: 480px;
margin: 0 auto;
/*height: 277px;*/
margin-bottom: 10px;
padding: 0px 0px 10px 0px;

/*background-image:url(images/bubble.gif);
background-repeat:no-repeat;
background-position: center;*/
border: 1px dashed #999999;
/*filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;*/
}

.comment p {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
padding: 5px/* 40px 10px 40px*/;
}

.comment img, .commentmed img {
width: 50px;
height: 50px;
border: 1px solid #333333;
/*padding: 5px;*/
float:right;
margin-left: 0px;
}


.commentmed {
width: 80%;
height: 277px;
padding: 0px;
margin: 0px;
background-image:url(images/bubblemed.gif);
background-repeat:no-repeat;
background-position: center;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}

.commentmed p {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFFFFF;
padding: 40px 40px 10px 40px;
}


.footer {
clear:both;
width: 900px;
margin:0 auto;
border-top: 5px solid #CCCCCC;
padding-bottom:0px;
margin-bottom:0px;
font-size: 10px;
}

.footer p {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.footer a, a:active,{
color: #0066CC;
text-decoration:underline;
font-size: 10px;
}

.footer a:hover, a:visited {
text-decoration: none;
color:#0066CC;
}

.footer .span a{font-size:10px; color:#0066CC;}

.links {
margin: 0 auto;
text-align: center;
padding: 6px;
padding-bottom: 0px;
background-color: #FFFFFF;
}

.links a, a:active, a:visited{
text-align: center;
color: #A50E12;
text-decoration: underline;
display:inline;
padding:4px;
margin: 0 auto;
font-size: 10px;
padding-left: 0px;
background-image: none;
font-size: 12px;
border: 0px;}

.links a:hover {
color:#0066CC;
text-decoration: none;
background-color: #FFFFFF;
background-image: inherit;
}

.lessonSaving {
color: #C60000;
font-weight: 600;
font-size: 14px;
}

#rightNav {
width: 216px;
float:left;
border-left: 1px dashed #CCCCCC;
margin-top:0px;
padding:3px;
}


#rightNav li{
list-style-position: outside;
list-style-type: square;
margin-left: -10px; 
padding-bottom: 5px;
}

h2 {
font-family: Arial, Verdana, sans-serif;
font-size:18px;
color:#C60000;
padding: 5px;
}

object {
margin-left: 10px;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */ 

#christmasOffers {
width: 500px;
height: 400px;
background-color:#FFFFFF;
margin: 0 auto;
padding: 0;
background-image: url(images/christmasOffers.jpg);
}

#christmasOffers p {

padding-left: 230px;
padding-top: 65px;
font-weight: 800;
width: 240px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
}

#christmasOffers p .price {
color:#B92629;
font-size: 14px;
text-decoration:underline;
}

#christmasOffersSide {
width: 210px;
height: 400px;
background-color:#FFFFFF;
margin: 0 auto;
margin-left: 10px;
margin-bottom: 10px;
background-image: url(images/christmasOffersSide.jpg);
}

#christmasOffersSide p {

padding-left: 15px;
padding-top: 40px;
font-weight: 600;
width: 180px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
}

#christmasOffersSide p .price {
color:#B92629;
font-size: 14px;
text-decoration:underline;
}

#lessonsOffer {
width: 500px;
height: 345px;
background-color:#FFFFFF;
margin: 0 auto;
padding: 0;
background-repeat: no-repeat;
background-image: url(images/beltupadvertCheapLessons.jpg);
}

#lessonsOffer p {

padding-left: 10px;
padding-top: 95px;
font-weight: 800;
width: 240px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #000000;
}


#lessonsOffer p  a{
font-weight: 800;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#027eac;
}

#lessonsOffer p .price {
color:#B92629;
font-size: 14px;
text-decoration:underline;
}
}

.navImages a:link{
background-image:none;
}