/* ~~~~~ Style Info ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Site Title:  A+ The Driving School
		Site Url:    http://www.thedrivingschool.co.uk
		Version:     1.1.38
		Comments:    Default Stylesheet for A+ The Driving School
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Ian Naish ~~~~~ */

/* ********************************************************* START Template Layout Style */

/* defaults */
* {
 	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 100%;
}
#menuLeft ul, #menuRight ul { min-height: 1%; }

#sitewrap:after, #bodywrap:after, #menuLeft ul:after, #menuRight ul:after , .menu:after, .pulldown:after, .frmItem:after { /* proper browsers */
	content: 'CSS Pulldown';
	display: block;
	visibility: hidden;
	height: 0;
	float: none;
	clear: both;
}

#sitewrap, #bodywrap, #menuLeft ul, #menuRight ul, .menu, .pulldown, .frmItem,  { min-height: 1%;} /* ie7+ */
* html #sitewrap, * html #bodywrap, * html #menuLeft ul, * html #menuRight ul, * html .menu, * html .pulldown, * html .frmItem  { height: 1%; } /* ie 6 */

/* tags */
body {
	font-size: 75%; 
	background: #CC0000 url('/images/gradient-red.png') repeat-x fixed; 
	/* xmas background */
	/* background: #CC0000 url('/images/gradient-red2.png') repeat-x fixed; */

}

h1, h2, ul, ol { padding-bottom: .5em; }

p { padding-bottom: 1em; }

h1 { font-size: 200%; }

h2 { font-size: 150%; }

h3, h4 {
	background-color: #C00;
	text-align: center;
	font-size: 125%;
	color: #FFF;
	font-weight: bold ;
	margin: 0 -1em 0.5em -1em;
}
h4 { margin: 0; }
ul, ol { padding-left: 20px; }
ul { list-style: outside disc; }
ol { margin-left: 20px;  }
hr {
	width: 100%;
	color: #C00;
	background-color: #C00;
	height: 18px;
}
a img { border: none; }


/* layout */
#sitewrap {
	width: 950px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
/*xmas css*/
	background: #fff;
	padding-left: 1em;
	padding-right: 1em;
}
#bodywrap {
	float: left;
	display: block;
	width: 800px;
	min-height: 100%;
}
#sidewrap {
	float: right;
	display: block;
	width: 150px;
	min-height: 100%;
}
#header {
	margin-top: 0px;
	margin-bottom: 10px;
	width: 799px;
	height: 166px;
}
#mainContent {
	float: left;
	width: 620px; /* 660px? */
	margin: 0 10px 0 30px;

/*	margin-left: 160px;
	margin-right: 10px;
	margin-top: 0px;
 	padding: 0px; 
*/
}

/* ********************************************************* START Menu Style */
/* Main Menu */
#menuLeft { float: left; }
#menuRight { float: right; }
#menuLeft, #menuRight { width: 140px; }

#menuLeft *, #menuRight * {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menuLeft li, #menuRight li {
	position: relative;
	float: left;
	width: 100%;
}
#menuLeft ul ul, #menuRight ul ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	width: 145px;
	background: #C00;
	border: 2px solid #000;
	border-left: none;
}

/* Sub Menu */
#menuLeft li:hover ul, #menuLeft li.ieHover ul, #menuRight li:hover ul, #menuRight li.ieHover ul { display: block; }
#menuLeft a:link, #menuLeft a:visited, #menuRight a:link, #menuRight a:visited {
	display: block;
	color: #FFF;
	text-decoration: none;
	width: 136px; /*136px; */
/* 	padding: 2px 0; */
}
#menuMain a:link, #menuMain a:visited { margin: 0 -10px 0 10px; }
/* Hover Over */
#menuLeft a:hover, #menuRight a:hover { color: #222; }

/* Menu Styling */
.menu {
	background: #C00;
	border: 2px solid #000;
}

.menumulti { background: url(../menu_bg.GIF) no-repeat 80% 0; }

.menu h3 {
	background: #000;
	padding: 10px 0;
	margin: 0;
}

.mainmenu h3 { color: #000; }
.submenu { text-align: center; }
.sideimage { text-align: center; }

/* ********************************************************* START Body Style */
.center { text-align: center; }
.title { font-weight: bold; }
.image { width: 30%;
	float: right;
	margin-left: 10px;
}

.image2 {
	width: 30%;
	float: left;
	margin-right: 10px;
}

.big { font-size: 250%; }
.text { padding: 0 10px 10px; }
.holder textarea {
	border: 2px solid #C00;
	height: 200px;
	width: 600px;
	background-color: #FFE5E6;
	padding: 13px;
}
.spaced li { margin: 20px 0; }

/* ********************************************************* START List Style */
.droplist ul { list-style: none; }
.droplist li { margin: 0 0 10px -20px; }

/* ********************************************************* START Form Style */
fieldset, label {
	margin: 0;
	padding: 0;
}

/* Default Style */
.frmStyle {
	color: #000;
	margin: 20px auto;
	width: 570px;
}

.frmStyle fieldset {
	border: 2px solid #000;
	background: #EEE;
	padding: 20px;
}

.frmStyle label {
	width: 15em;
	float: left;
	text-align: right;
	margin-right: 1em;
	display: block;
}

/* Success */
.frmSuccess { color: #262; }
.frmSuccess p {
	margin: 5px 0;
	padding: 0;
}
.frmSuccess fieldset {
	padding: 10px 20px;
	border: 2px solid #6F6;
	background: #CEC
}

/* Error */
.frmError { color: #622; }
.frmError p {
	margin: 5px 0;
	padding: 0;
}

.frmError fieldset {
	padding: 10px 20px;
	border: 2px solid #F66;
	background: #ECC
}

/* Radio Buttons */
.radio label {
	display: inline;
	width: 20em;
	text-align: right;
	float: left;
}
.radiobutton label {
	display: inline;
	width: 2em;
	float: none;
}