﻿/* General */

body
{
	margin: 0;
	background-color: #ccc;
	font-family: Verdana,Arial,Tahoma,Arial,sans-serif;
	font-size: 80%;
}

table
{
	border-collapse: collapse
}

h1
{
	font-family: Verdana, Arial, Tahoma, Arial, Sans-Serif;
	font-size: 1.2em
}

p
{
	padding: 0px 10px 0px 10px
}

a, a:Active, a:Visited
{
	color: #007300;
	cursor: hand;
	cursor: pointer
}

a:Hover
{
	color: #000000
}

img
{
	border-width: 0px
}

ul
{
	list-style-image: url(Images/Bullet.gif)
}

li
{
	list-style-type: none
}

.Clear
{
	clear: both
}

#divSite
{
	min-height: 725px;
	max-width: 1000px;
	margin: 0px auto 20px auto;
	padding-bottom: 20px;
	border: solid 1px #4ba1ff;
	background-color: #b2e5ff
}

#divTopBar
{
	height: 119px;
	background-image: url(Images/TopBar.gif);
	background-repeat: repeat-x;
	font-size: 2.0em;
	line-height: 0.8em
}

#divTopBar h1.Title
{
	float: left;
	margin-top: 35px;
	margin-left: 25px;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.2em;
	font-family: Verdana, Arial, Tahoma, Arial, Sans-Serif;
}

#divTopBar .Logo
{
	float: right;
	height: 119px;
	width: 137px;
	background-image: url(Images/LearningPlate.gif);
	background-repeat: no-repeat;
	background-position: left top	
}

#divMenu
{
	height: 32px;
	border-left: solid 1px #4ba1ff;
	border-right: solid 1px #4ba1ff;
	background-image: url(../Images/MenuBar.gif);
    background-repeat: repeat-x;
}

#divMenu ul, #divMenu li
{
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

#divMenu a, #divMenu a b, #divMenu a u
{
	height: 32px;
    line-height: 32px;
    display: block;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

#divMenu a
{
    float: left;
    background-image: url(../Images/MenuButtonCenter.gif)
}

#divMenu a b
{
	padding-left: 25px;
    background-image: url(../Images/MenuButtonLeft.gif);
	background-repeat: no-repeat
}

#divMenu a u
{
	padding-right: 25px;
    background-image: url(../Images/MenuButtonRight.gif);
    background-repeat: no-repeat;
    background-position: right top
}

#divMenu a:hover, #divMenu a.selected, #divMenu a:hover b, #divMenu a.selected b
{
	background-position: 0 -32px
}

#divMenu a:hover u, #divMenu a.selected u
{
	background-position: right -32px
}

#divMenu a.selected u
{
	cursor: default
}

#divContent
{
}

#divContent h1
{
	margin: 15px 15px 10px 10px
}

#divContent .Button
{
	display: inline-block;
	background-image: url(Images/Button.gif);
	height: 24px;
	width: 70px;
	padding-bottom: 2px;
	text-align: center;
	border: none
}

#divCarPhotos
{
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center
}

#divCarPhotos a
{
	font-size: 1.00em
}

#imgCarSmall
{
	border: solid 1px #000000;
	margin-bottom: 5px;
	cursor: hand;
	cursor: pointer
}

#imgCarLarge
{
	display: none;
	position: absolute;
	top: 200px;
	border: solid 2px #000000;
	cursor: hand;
	cursor: pointer
}

#divContent ul.Home
{
	float: left;
	margin-top: 10px;
	list-style-image: url(Images/Bullet.gif);
}

#divContent ul.Home li
{
	margin-top: 8px;
	margin-bottom: 6px
}

#divFooter
{
	vertical-align: middle
}

#divFooter img
{
	margin-top: 10px;
	margin-left: 20px
}

#divBookingForm
{
	width: 600px;
	margin: 30px auto 30px auto
}

#divBookingForm label
{
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-left: 10px
}

#divBookingForm input[type=button]
{
	margin: 10px
}

#divGuides
{
	padding: 0px 10px 0px 10px
}

#divGuides h1
{
	font-size: 1.75em
}

#divGuides h2
{
	font-size: 1.20em;
	margin-left: 10px
}

#divGuides h3
{
	font-size: 1.1em;
	margin-left: 10px
}

#divGuides ul.Links
{
	width: 75%;
	list-style-image: none;
	margin: 20px auto 20px auto
}

#divGuides ul.Links li
{
	float: left;
	margin-left: 10px;
	margin-right: 10px
}
