/*	
Bendi Driver Training
Site-wide CSS
Version 1-09/04/2007
*/

body
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	background: url(images/gradbkg.jpg) repeat-x top left;
	background-color: #FFF;
	padding: 0;
	margin: 0;
	text-align: center;
}

h1
{
	font-size: 2em;
	color: #C0132A;
}

h2
{
	font-size: 1.3em;
	color: #35315D;
}

h3
{
	font-size: 1.1em;
	color: #000;
}

ul h3 li
{
	list-style-type: none;
}

strong
{
	font-weight: bold;
}

#wrappertop
{
	padding: 0;
	width: 800px;
	margin: 30px auto 0 auto;
	text-align: left;
	z-index: 1;
}

#wrapper
{
	position: relative;
	top: -105px;
	padding: 0;
	width: 800px;
	margin: 0 auto -100px auto;
	border: solid 2px #CCC;
	text-align: left;
	overflow: hidden;
	z-index: 1;
}		

#bdtlogo
{
	position: relative;
	top: -20px;
	left: -20px;
	z-index: 4;
}

#topimg
{
	float: left;
	padding: 0;
	margin: 0;
}

#nav
{
	position: relative;
	top: -2px;
	padding: 0;
	margin: 0;
	height: 35px;
	width: 100%;
	float: left;
	background: url(images/redgrad.jpg) repeat-x;
}

#nav ul
{
	padding: 10px 0 10px 0;
	margin: 0;
	list-style-type: none;
}

#nav ul li
{
	display: inline;
}

#nav a
{
	font-size: 1.1em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
}

#nav a.current
{
	background: url(images/greengrad.jpg) repeat-x;
}

#nav a:hover
{
	background: url(images/greengrad.jpg) repeat-x;
}

#navbarleft
{
	padding: 0;
	margin: 0;
	height: 35px;
	width: 80%;
	text-align: left;
	float: left;
}

#navbarright
{
	background: url(images/bluegrad.jpg) repeat-x;
	padding: 0;
	margin: 0;
	height: 35px;
	width: 14%;
	text-align: right;
	float: right;
}

#content
{
	margin: 0;
	padding: 10px;
	width: 72%;
	float: left;
	overflow: hidden;
}

.imgcontleft
{
	margin: 5px;
	padding: 0;
	float: left;
	overflow: visible;
	clear: both;
}

.imgcontright
{
	margin: 5px;
	padding: 0;
	float: right;
	overflow: visible;
	clear: both;
}

table
{
	border: 0;
	border-collapse: collapse;
	width: 100%;
}

td, th
{
	border: 2px solid #FFF;
	border-collapse: collapse;
	padding: 5px 5px 5px 10px;
}

thead th
{
	background: #99CF66;
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

tbody th
{
	background: #99CF66;
	text-align: center;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}


#sidebarbottom
{
	position: relative;
	top: 20px;
	float: right;
	width: 180px;
	font-weight: bold;
	font-size: 1.9em;
	color: #FFF;
	text-align: right;
}

#sidebarbottom h3
{
	font-size: 0.8em;
	color: #FFF;
	text-align: left;
}

#sidebarbottom ul
{
	font-size: 0.6em;
	padding-left: 15px;
	color: #FFF;
	text-align: left;
	font-weight: normal;
}

.redbox 
{
   background: #c0132a;
   padding: 0px;
}

.redboxtop div 
{
   background: url(images/tl.jpg) no-repeat top left;
}

.redboxbottom div 
{
   background: url(images/bl.jpg) no-repeat bottom left;
}

.redboxtop div, .redboxtop, .redboxbottom div, .redboxbottom 
{
   height: 16px;
   font-size: 1px;
   margin: 0;
   padding: 0;
}

.boxcontent 
{ 
	margin: 0 16px; 
}		

#footer
{
	clear: left;
	margin: 0 75px;
	width: 620px;
	padding: 15px;
	color: #FFF;
	background: url(images/footertop.jpg) #35315D no-repeat;
}

#footer a
{
	color: #FFF;
}

#footer a:hover
{
	color: #99CF66;
	font-weight: bold;
}