body, html, div {
margin:0;
padding:0;
}
body {
background:transparent url(../images/back.jpg) repeat scroll 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #abbdc9;
margin: 0 0 0 10px;
padding: 10px 0 10px 0;
font-style: italic;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: normal;
color: #FF9900;
margin-left:10px;
padding-top: 5px;
}
p, #main span, #main ol li {
font-size: 8pt;
margin-left: 10px;
margin-right: 10px;
text-align: left;
}
a {
text-decoration: none;
color: #baa8a4;
font-weight: bold;
}
a:hover {
text-decoration: underline;
color: #baa5ba;
font-weight: bolder;
}
table {
margin: 0 auto;
font-size: 8pt;
border-collapse: collapse;
}
th,td {
border: 1px solid #ccc;
padding: 10px;
}
.more-links {
float: right;
margin-right: 5px;
font-size: 7pt;
}
#background {
background:transparent url(../images/background.jpg) no-repeat scroll center top;
margin-left:auto;
margin-right:auto;
min-height:900px;
width:650px;
}
#toplinks {
height: 18px;
margin-left: 40px;
position: relative;
top: 55px;
width: 570px;
}
#toplinks img {
height:17px;
border: none;
}
#home > img {
margin-right:6px;
width:55px;
}
#about > img {
margin-right:8px;
width:62px;
}
#theory > img {
margin-right:8px;
width:67px;
}
#practical > img {
margin-right:18px;
width:82px;
}
#services > img {
margin-right:17px;
width:74px;
}
#faq > img {
margin-right:45px;
width:15px;
}
#contact > img {
width:71px;
}

#flashbanner {
position: relative;
top: 71px;
left: 8px;
width: 628px;
height: 175px;
background: #000;
}

#bottomlinks {
height:18px;
margin-left:24px;
position:relative;
top:83px;
width:620px;
}
#bottomlinks img {
height:15px;
border: none;
}
#routes > img {
margin-right:45px;
width:65px;
}
#assessment > img {
margin-right:12px;
width:150px;
}
#tips > img {
margin-right:18px;
width:35px;
}
#testimonials > img {
margin-right:24px;
width:101px;
}
#forum > img {
margin-right:15px;
width:55px;
}
#links > img {
width:55px;
}
#content {
background: url(../images/contentback.jpg) repeat-y left top;
position: relative;
top: 85px;
left: 6px;
width: 632px;
padding: 5px 0 20px 0;
border-bottom: 1px solid #ccc;
}
#main {
background: #fff;
margin: 0 0 0 10px;
width: 436px;
min-height: 280px;
border: 1px solid #eee;
}
#main .imagewrapper {
text-align: center;
}
#main .imagewrapper img {
border: 3px solid #333;
}
.centered {
margin: 0 auto;
width: 400px;
}
.centered p, .centered h2{
text-align: center;
}
.centered h2 {
font-weight: bold;
}
#main form{
margin-left: 10px;
}
.maintextfield {
height: 15px;
font-size: 8pt;
vertical-align: bottom;
width: 240px;
}
.fielddesc {
font-size: 6pt;
display: block;
color: #bbb;
}
sup {
color: #FF0000;
}
.mainsubmit {
display: block;
font-size: 8pt;
margin: 10px 0;
}
#main ul {
font-size: 8pt;
}
#main > a {
margin-left: 10px;
font-size: 8pt;
}
#login {
position: absolute;
background: #fff;
right: 10px;
top: 5px;
width: 160px;
height: 280px;
border: 1px solid #eee;
}
#login > div {
background: #eee;
width: 140px;
height: 260px;
margin: 10px 0 0 10px;
}
#login ul {
font-size: 8pt;
}
#signin {
font-size: 7pt;
margin-left: 5px;
}
label {
font-family: "Lucida Console", Verdana, Arial, sans-serif;
margin-left: 5px;
font-size: 10pt;
}
#username, #password {
width: 120px;
height: 14px;
font-size: 8pt;
margin-bottom: 5px;
}
#remember {
font-size: 8pt;
position: relative;
top: -3px;
}
.error {
color: #FF0000;
display: block;
}
#join {
position: relative;
top: 0px;
left: 5px;
}
#join > img {
border: none;
}
#submit {
background: url(../images/login.gif) no-repeat top left;
border: none;
width: 86px;
height: 14px;
margin: 5px 0 0 5px;
cursor: pointer;
}
#signuplinks {
margin-left: 5px;
margin-top: 30px;
}
#signuplinks img{
height: 6px;
margin-bottom: 5px;
display: block;
border: none;
}
#bottomcontent {
position: relative;
top: 10px;
left: 10px;
height: 200px;
width: 610px;
}
#bottomcontent > div{
background-color: #fff;
border: 1px solid #eee;
}
#testimonial {
height: 200px;
width: 210px;
position: absolute;
}
#testimonial p {
margin: 25px 18px 0 20px;
}
.quote {
font-style: italic;
font-weight: bold;
font-size: 7pt;
}
#tipsover {
position: absolute;
right: 0;
height: 200px;
width: 392px;
}
#tipsover a img {
background: url(../images/tipsover.jpg) no-repeat top left;
height: 200px;
width: 392px;
border: none;
}
#tipsover a img:hover {
background-position: 0 -214px;
}
#footer {
position: relative;
top: 80px;
}
#footer p {
color: #999999;
font-size: 6pt;
text-align: center;
}
#testtop {
border-top: 2px solid #999;
border-bottom: 3px solid #ccc;
background-color: #006600;
color: #fff;
height: 240px;
}
#testtop h3 {
font-size: 10pt;
margin-left: 10px;
}
#testqn {
background-color: #999;
color: #fff;
height: 70px;
border-top: 2px solid #888;
border-bottom: 2px solid #888;
}
#testqn p{
font-size: 9pt;
}
#testans {
background-color: #006600;
color: #fff;
min-height: 450px;
border-top: 3px solid #ccc;
border-bottom: 2px solid #888;
}
#start {
width: 200px;
height: 48px;
text-align: center;
margin: 100px auto;
}
#start form input {
background-color: #888;
padding: 6px 44px;
color: #fff;
font-size: 14pt;
font-weight: bold;
}
#start form input:hover{
cursor: pointer;
background-color: #ccc;
}
.ans {
width: 606px;
height: 100px;
border: 2px solid #ccc;
}
.ans p {
font-size: 12pt;
color: #fff;
width: 466px;
}
.ansbox {
width: 0;
height: 308px;
position: absolute;
left: 496px;
border: 1px solid #ccc;
}
.ans:hover {
background-color: #00CC00;
}
#endtest {
position: relative;
top: 20px;
left: 500px;
width: 76px;
}
#endtest form input{
font-size: 12pt;
color: #fff;
background: none;
}
#endtest form input:hover {
cursor: pointer;
}
#remarks {
position: absolute;
width: 500px;
}
#remarks p, #remarks a{
font-size: 11pt;
}
#remarks a{
margin-left: 10px;
font-weight: bold;
}
.buttons img {
width: 180px;
height: 45px;
margin: 0;
border: none;
}