/*style sheet for JEM Driving School*/

body {font-family:arial,sans-serif; font-size:16px; text-align: left; margin: 0px; padding: 0; color:#000000; background-color:#FFFFFF; background-image: url(rightstripe.gif); background-position: top right; background-repeat: repeat-y;}




a:link {color:#BA0000}
a:visited {color:#BA0000}
a:active {color:#AA00AA}
a:hover {color:#FF0000}


em {font-style:italic}
strong {font-weight:bold;}
h1 {font-family:arial,sans-serif;font-size:60px; margin: 0px; padding: 0px; font-weight:bold; display:block;}


div#masthead {margin: 0px; padding: 15px 22px; background-color: #FFEB64; background-image: url(border.gif); background-position: bottom left; background-repeat: repeat-x; z-index:10;}
#masthead h1 {margin: 0px; padding: 0px; float: left;}

div#arealist {margin: 5px 45px 6px 385px; padding: 0px;}
div#arealist ul {margin: 0px auto 0px auto; padding: 0px 0px 0px 20px; width: 102px;}
div#arealist ul li {font-weight: bold; font-size:16px; line-height: 18px;}

#learner {position: absolute; top: 12px; right: 13px; z-index:100;}

div#navbar {position: relative; left: 0px; top: -5px; width: 180px; clear: both; float: left; margin: 0px; padding: 0px 0px 64px 0px; background-image: url(basecorner.gif); background-position: bottom right; background-repeat: no-repeat; z-index:20;}
div#symbols {width: 180px; margin: 0px; padding: 10px 0px 0px 0px; text-align: left; background-color: #FFEB64; background-image: url(border.gif); background-position: bottom right; background-repeat: repeat-y;}
img#dia {margin: 0px 10px 0px 21px; padding: 0px; border-width: 0px;}
img#dsa {margin: 0px; padding: 0px; border-width: 0px;}
p#copyright {position: relative; left: 0px; top: 10px; width: 110px; margin: 0px; padding: 0px 0px 0px 20px; font-weight:bold; font-size:14px; line-height: 16px; text-align: center;}


div#menu {margin: 0px; padding: 5px 0px 5px 0px; background-color: #FFEB64; background-image: url(border.gif); background-position: bottom right; background-repeat: repeat-y;}
#menu ul {list-style-type: none;margin: 0px 0px 0px 22px; padding: 0px;}
#menu li {font-family:tahoma,arial,sans-serif; font-weight:bold; font-size:28px; line-height: 28px; margin-bottom:5px}
#menu li ul li {font-family:arial,sans-serif; font-weight:bold; font-size:16px; line-height: 18px; margin-top:5px}
#here {list-style-image: url(youarehere.gif)}


div#content {position: relative; left: 0px; top: -5px; margin: 0px 0px 30px 175px; padding: 0px; text-align: left; background-image: url(topright.gif); background-position: top right; background-repeat: no-repeat; z-index:30;}
#content h1{ font-size:60px; line-height: 60px; position: relative; left: -5px; top: 0px; margin: 0px 5px 0px 5px; padding: 44px 65px 5px 50px; text-align: center; background-image: url(topcorner.gif); background-position: top left; background-repeat: no-repeat;}
#content h2{color:#505050; position: relative; left: 0px; top: -5px; font-family:arial,sans-serif;font-size:30px; font-weight:bold; display:block; margin: 0px; padding: 0px 70px 25px 50px; text-align: center;}
#content h3{text-align: left; font-weight:bold; font-size:16px; line-height:21px; margin: 0px; padding: 0px 60px 0px 40px;}



#content h1.subfirst{font-size:27px; line-height: 27px; color:#505050; position: relative; left: -5px; top: 0px; margin: 0px 5px 0px 5px; padding: 53px 55px 40px 40px; text-align: center; background-image: url(topcorner.gif); background-position: top left; background-repeat: no-repeat;}
#content h1.subfirst strong { font-size:36px; line-height: 50px; color:#000000;}

#content p{text-align: left; line-height:21px; margin: 0px; padding: 0px 60px 20px 40px;}

#content p.pullquote {font-family: arial,sans-serif; font-weight:bold; font-size:20px;line-height: 20px; text-align: left; width:200px; padding: 2px 20px 2px 0px; color: #505050; margin: 0px auto 20px auto; background-image: url(unquote.gif); background-repeat: no-repeat; background-position: bottom right;}
#content p.pullquote strong{  background-image: url(quote.gif); background-repeat: no-repeat; background-position: top left; padding: 2px 0px 2px 38px; display:block;}

#content p.noafter{padding-bottom:5px;}
#content ul {margin: 0px 0px 0px 20px; padding: 0px 60px 20px 40px;}


img.rightmain {margin: 0px; padding: 0px 60px 20px 30px; float: right;}
img.leftmain {margin: 0px; padding: 0px 30px 20px 30px; float: left;}

span.abbr {border-bottom: 1px dashed black; cursor: help;}


div#pass_plus {text-align:center; margin:0px 40px;}
div#pass_plus ul{float: left; text-align:left; font-weight:bold;}
p#after_pass_plus{clear:both;}

#content table{text-align: center; line-height:21px;  padding:0px; margin: 0px 60px 20px 40px;}
#content table tr td, #content table tr th{padding: 0px 15px 0px 0px;}
/*eof*/