/* Driver CPC CSS Style Sheet
Copyright 2008 by SJ Information Systems Ltd
Code by Stuart Jones
January 28th 2009

Reset code by Eric Meyer
*/ 
  
div, span, applet, object, iframe,   
h1, h2, h3, h4, h5, h6, p, blockquote, pre,   
a, abbr, acronym, address, big, cite, code,   
del, dfn, em, font, img, ins, kbd, q, s, samp,   
small, strike, strong, sub, sup, tt, var,   
b, u, i, center,   
dl, dt, dd,    
fieldset, form, label, legend,   
table, caption, tbody, tfoot, thead, tr, th, td {   
    margin: 0;   
    padding: 0;   
    border: 0;   
    outline: 0;   
    font-size: 100%;   
    vertical-align: baseline;   
    background: transparent;   
}   
  
  
blockquote, q {   
    quotes: none;   
}   
blockquote:before, blockquote:after,   
q:before, q:after {   
    content: '';   
    content: none;   
}   
  
/* remember to define focus styles! */  
:focus {   
    outline: 0;   
}   
  
/* remember to highlight inserts somehow! */  
ins {   
    text-decoration: none;   
}   
del {   
    text-decoration: line-through;   
}   
  
/* tables still need 'cellspacing="0"' in the markup */  
table {   
    border-collapse: collapse;   
    border-spacing: 0;   
}  

html,body {
height:100%;
}

body {
/*
background-image:url(../img/bg_sjb.png);
background-repeat:repeat-x;
*/
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
color:#640299;
font-size:14px;
text-align: left;
line-height: 1.5em; 

}



#header {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:480px;
background-image:url(../img/banner_sjb.png);
}


#content {
position:relative;
left:416px;
top:348px;
width :527px;
}

#content ul {
list-style-type:disc;
}

#content ol {
list-style-type:decimal;

}

#content a {
font-weight:bold;
text-decoration:none;
color:#FE00FF;
}

#menu {
position:absolute;
width:323px;
height:156px;
left: 30px;
top: 478px;

}

#boc {
position:absolute;
width:166px;
height:61px;
left: 60px;
top: 190px;

}

#menu li {
list-style-type:none;
/*list-style-image:url(/img/menu_highlight.png);
list-style-position:outside;
*/
}

#menu li a {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
color:#640299;
display:block;
height:25px;
letter-spacing:3px;
font-weight:bold;
padding-top:3px;
padding-left:25px;
}

#menu li a:hover {
background:transparent url(../img/menu_highlight.gif) no-repeat;

}

#container
{
margin-left: auto;
margin-right: auto;
width: 830px;
height:608px;
text-align: left;
padding: 10px;
margin-top:39px;
margin-bottom:50px;
overflow:hidden;
}


#righthand{
margin:30px 55px 0px 0px;
border:0;
padding:0;
width:473px;
height:600px;
float:right;
line-height:1.5em;
overflow:hidden;
}










#nav{
margin:30px 0px 0px 20px;
border:0;
padding:0;
width:244px;
left:50px;

}

#nav ul{
margin:0;
border:0;
padding:0;
}

#nav li{
border:0;
padding:0;
width:244px;
height:46px;

line-height:32px;
text-align:center;
list-style-type:none;
}

#nav li a{
color:#3d4c30;
text-decoration:none;
display:block;
width:244px;
height:33px;
background:url(../img/grade_button_up_drivcpc.png) no-repeat top left;
}

#nav li a:hover{
background:url(../img/grade_button_over_drivcpc.png) no-repeat top left;
}




label {
display:block;
}

legend {
font-weight:bold;
}

.title {
font-size:14px;
font-weight:bold;
}


.wrapper { 
background-color:#ff0000;
margin-bottom:4em;
height:100%;
} 


#footer {
margin-top:400px;
height: 4em; 
	color:#640299;
	font-size:12px;
	text-align:center;
	width:900px; 
	line-height:1.5em;
}

#footer a {
text-decoration:none;
color:#640299;
}

#footer img {
border-style:none;
}
em;
height:100%;
} 


#footer {
margin-top:400px;
height: 4em; 
	color:#640299;
	font-size:12px;
	text-align:center;
	width:900px; 
	line-height:1.5em;
}

#footer a {
text-decoration:none;
color:#640299;
}

#footer img {
border-style:none;
}