/* Layout and styling for basic three column (content, additional, news) page with branding and footer */
/* Coded by Mechele Kitching 15 August 2008*/
/* www.mechelekitching.co.uk */
/* version: 1 */
/* website: www.aandmschoolofmotoring.com */

/* General layout */
html,body{
background-image:url(images/body_bg.gif);
padding-top:10px;
padding-bottom:10px;
}

#container{
text-align:left;
width:1000px;
/* to add a background image try background:#fff url(images/mainbg.jpg) repeat-y center; within the container */
background:white;
/* the next two margin tags combined with the text-align:center in the body make the page sit in the centre of the browser */
margin-left:auto;
margin-right:auto;
padding:0px;
}

/* Type
-----------------------------------------------*/

p{
font-family:Lucida, Verdana, Arial, sans-serif;
font-size:0.75em;
font-weight:400;
color:#58595b;
line-height:150%;
margin-top:0;
}

a {
outline:none; /* Gets rid of Firefox's dashed borders */
font-family:Lucida, Verdana, Arial, sans-serif;
}

a:link {
color:#58595b;
text-decoration:none;
}

a:hover {
color:#9cccec;
text-decoration:underline;
}

a:visited {
color:#58595b;
text-decoration:none;
}

h2 {
font-family:Lucida, Verdana, Arial, sans-serif;
font-size:1.375em;
font-weight:700;
line-height:150%;
color:#769db1;
margin:0;
padding:0;
}

h3 {
font-family:Lucida, Verdana, Arial, sans-serif;
font-size:0.875em;
font-weight:700;
line-height:150%;
color:#58595b;
margin:0;
padding:0;
}

h4{
font-family:Lucida, Verdana, Arial, sans-serif;
font-size:0.5625em;
font-weight:400;
color:#999999;
margin:0;
padding:0;
}

h4 a:link, h4 a:visited {
color:#666666;
text-decoration:none;
}

h4 a:hover {color:#9cccec}

td{
font-family:Lucida, Verdana, Arial, sans-serif;
font-size:0.75em;
font-weight:400;
color:#58595b;
line-height:150%;
margin-top:0;
}

/* Classes
-----------------------------------------------*/

p.call{
text-align:left;
color:black;
font-size:1.05em;
font-weight:700;
line-height:130%;
}

p.time{
text-align:left;
color:#769db1;
font-size:0.875em;
font-weight:700;
line-height:130%;
}

p.footer{
font-family:Lucida, Verdana, Arial, sans-serif;
font-size:0.5em;
font-weight:400;
color:#58595b;
line-height:150%;
margin-top:0;
}

#content li{
font-family:Lucida, Verdana, Arial, sans-serif;
font-size:0.75em;
font-weight:400;
color:#58595b;
line-height:150%;
margin-top:0;
}

.tableheader{
background-color:#769db1;
font-family:Lucida, Verdana, Arial, sans-serif;
font-size:0.75em;
font-weight:700;
line-height:150%;
color:white;
}

.tableborder{
border:1px solid #769db1;
}

/* Navigation
-----------------------------------------------*/	

#topnav ul{
/* margin dictates postion of the menu bar within the division */	
margin:5px 0px 0px 0px;
padding:0px;
}

#topnav li{
list-style-type:none;
float:left;
}

#topnav li a{
color:white;
float:left;
padding:0px 0px 0px 50px;
display:inline;
text-decoration:none;
font:bold 11pt "arial";
}

#topnav li a:hover, #topnav li a:active{
text-decoration:none;
color:#769db1;
}

#topnav li .current{
color:#769db1;
}

#leftnav ul{
padding:0px 0px 0px 0px;
margin:0;
list-style-type:none;
}

#leftnav li{
background:#ececec;
padding:10px 10px 10px 10px;
margin-bottom:10px;
border:solid 1px #959595;
}

#leftnav a{
font:bold 11pt "arial";
color:#959595;
text-decoration:none;
}

#leftnav li a:hover, #leftnav li a:active{
font:bold 11pt "arial";
color:#769db1;
text-decoration:none;
}

/* Divs
-----------------------------------------------*/

#branding{
float:left;
width:1000px;
height:125px;
background-image:url(images/branding.jpg);
padding-top:0px;
margin:0px;
}

#car{
width:325px;
height:235px;
position:relative;
top:-10px;
left:690px;
background-image:url(images/car.png);
z-index:2;
}

#topnav{
float:left;
width:1000px;
height:25px;
background-image:url(images/nav.jpg);
padding:0px;
margin:0px;
list-style-type:none;	
}

#banner{
float:left;
width:1000px;
height:100px;
background-image:url(images/banner.jpg);
padding:0px;
margin:0px;
}

#leftnav{
float:left;
width:160px;
background:white;
padding:20px;
}

#content{
float:left;
width:490px;
background:white;
padding-left:20px;
padding-right:40px;
padding-top:20px;
margin:0px;
}

#rightcol{
float:left;
width:250px;
background:white;
padding-top:20px;
margin:0px;
}

#footer {
clear:both;
width:1000px;
margin-left:25px;
margin-top:5px;
height:20px;
}

#footNav {
width:350px;
float:right;
text-align:right;
margin-right:50px;
}

#clearingDiv {
width:1000px;
float:left;
height:25px;
}

#panel1{
float:left;
background-color:#FFFFFF;
height:225px;
width:225px;
margin-top:0px;
margin-right:0px;
border:1px solid #769db1;
}

#panel2{
float:left;
background-color:#FFFFFF;
height:115px;
width:225px;
margin-top:0px;
margin-right:0px;
border:1px solid #769db1;
margin-top:25px;
}

#panel3{
float:left;
background-color:#FFFFFF;
height:200px;
width:490px;
margin-top:0px;
margin-right:0px;
border:1px solid #769db1;
margin-top:25px;
}

#header1{
color:#FFFFFF;
background-image:url(images/newsbg.jpg);
width:220px;
height:20px;
font:bold 10pt "arial";
padding-left:5px;
}

#header2{
color:#FFFFFF;
background-image:url(images/newsbg.jpg);
width:220px;
height:20px;
font:bold 10pt "arial";
padding-left:5px;
}

#news{
font-family:Lucida, Verdana, Arial, sans-serif;
font-size:0.6875em;
font-weight:400;
color:#58595b;
line-height:150%;
padding:5px;
overflow:scroll;
height:195px;
}

#grads{
padding:5px;
overflow:scroll;
height:200px;
}

#downloads{
padding:5px;
height:90px;
}

#content img{
margin-right:15px;
}


/* Contact Form Styling
-----------------------------------------------*/	

#personal{
background:#769db1;
border:outset #d5e1e7;
}

fieldset{
background:#C361D2;
border:none;
margin-bottom:15px;
width:450px;
padding-top:15px;
padding-bottom:15px;
}

#text{
background:#769db1;
border:outset #d5e1e7;
}

#personal label{
position:absolute;
font:bold 10pt "arial";
color:white;
padding-top:2px;
left:375px;
}

#personal input{
margin-left:120px;
line-height:100%;
margin-bottom:5px;
}

textarea{
font:10pt arial;
width:385px;
padding:5px;
margin-left:20px;
}

input[type="submit"]{
background:#769db1;
font:bold 10pt "arial";
color:white
}

#buttons{
text-align:center
}