/*-----------------------------------------------------------------------

	Exceed Driver Training: Style Sheet
	by Dan Richardson
	www.gearsdesign.co.uk
	
	Do you like this Style Sheet?
	Thinking of nicking it?
	Head over to Themeforest.net to see some of my other designs
	Username: MrDan
	
------------------------------------------------------------------------*/

body
{
	background: url(../images/main-bg.png) repeat-y;
	background-position: 50% 0;
	font-family: Arial, Verdana, sans-serif;
}

table
{
	width: 600px;
}
th
{
	font-size: 24px;
	padding: 10px 0 10px 0;
}
td
{
	width: 300px;
	background: #66ddff;
	border: 1px solid #0066cc;
	padding: 20px;
	vertical-align: middle;
	color: #0066cc;
	font-size: 14px;
	font-weight: bolder;
}
td.td-bottom
{
	color: #990000;
	font-size: 18px;
}
em
{
	color: #000;
	font-weight: bolder;
}

#top-background {background: url(../images/top-bg.png) repeat-x;}
#top-background-subpage {background: url(../images/top-bg-2.png) repeat-x;}


#container
{
	width: 960px;
	margin: 0 auto;
}

#page-header
{
	width: 960px;
	height: 100px;
	background: url(../images/page-header.png) no-repeat;
}

#navigation
{
	width: 960px;
	height: 40px;
	background: url(../images/nav.png) no-repeat;
	font-family: Calibri, Arial, Verdana, sans-serif;
	overflow: hidden;
}
#navigation ul
{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 11px 0 0 0;
}
#navigation li {display: inline;}
#navigation a {color: #000;	margin: 0 20px 0 20px;}
#navigation a:hover {color: #fff;}

#subnav
{
	width: 960px;
	height: 40px;
	background: url(../images/subnav.png) no-repeat;
}
#subnav ul
{
	font-size: 14px;
	padding: 11px 0 0 0;
}
#subnav li {display: inline; margin: 0 20px 0 20px;}
#subnav a {color: #fff;}
#subnav a:hover {text-decoration: underline;}

#slideshow
{
	width: 960px;
	height: 340px;
	background: url(../images/slider.png) no-repeat;
	overflow: hidden;
}
#slideshow a {color: #00ffff;}
#slideshow a:hover {color: #fff; text-decoration: underline;}


#main
{
	width: 600px;
	padding: 20px;
	float: left;
}
#main h1
{
	font-size: 30px; 
	background: url(../images/long-divider.png) no-repeat 0 100%;
	padding: 0 0 18px 0;
}
#main h2 {font-size: 20px; padding: 20px 0 0 0;}
#main h3 {font-size: 24px;}
#main p {font-size: 14px; color: #656565; line-height: 1.8em; padding: 10px 0 20px 0;}
#main a {color: #0066cc;}
#main a:hover {text-decoration: underline;}
#main ul {font-size: 14px; color: #656565; line-height: 2em; padding: 10px 0 10px 10px;}
#main li {background: url(../images/bullet-01.png) no-repeat 0 9px; padding: 0 0 0 32px;}
img.leftimg, img.rightimg
{
	background: #f5f5f5;
	padding: 5px;
	border: 1px solid #e5e5e5;
}
img.leftimg {float: left; margin: 15px 20px 0 0;}
img.rightimg {float: right; margin: 15px 0 0 20px;}

div.spiffy-box
{
	width: 558px;
	padding: 20px;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
	margin: 30px 0 30px 0;
}

#main ol
{
	padding: 30px 0 30px 0;
	font-size: 18px;
	color: #fff;
}

#main ol li
{
	display: block;
	width: 580px;
	height: 40px;
	background: url(../images/pass.png) no-repeat;
	padding: 4px 0 0 20px;
	letter-spacing: 2px;
}

#sidebar
{
	width: 280px;
	padding: 20px;
	float: left;
}
#sidebar-top {width: 280px; height: 20px; background: url(../images/sidebar-top.png) no-repeat;}
#sidebar-bg
{
	width: 240px;
	padding: 0 20px 0 20px;
	background: url(../images/sidebar-bg.png) repeat-y;
}
#sidebar-bottom {width: 280px; height: 20px; background: url(../images/sidebar-bottom.png) no-repeat;}
#sidebar h1 {font-size: 24px;}
#sidebar h2 {font-size: 18px; color: #656565; padding: 0 0 20px 0;}
#sidebar p {font-size: 11px; color: #656565; line-height: 1.6em; padding: 0 0 10px 0;}
span.date {font-size: 10px; color: #656565;}
span.blue {color: #0066cc;}

div.news-item
{
	padding: 20px 0 20px 0;
	background: url(../images/sidebar-divider-01.png) no-repeat 0 0;
}
div.sidebar-divider {width: 240px; height: 40px; background: url(../images/sidebar-divider-02.png) no-repeat;}
div.credit-cards {width: 240px; height: 136px; background: url(../images/credit-cards.png) no-repeat;}

#facebook
{
	width: 240px;
	padding: 10px 0 20px 0;
}

#contact-info
{
	width: 280px;
	height: 464px;
	padding: 0 0 10px 0;
}

#footer
{
	width: 920px;
	height: 200px;
	padding: 20px;
	clear: both;
	background: url(../images/footer.png) no-repeat;
	text-align: center;
	overflow: hidden;
}
#footer h1 {font-size: 18px; color: #fff; background: url(../images/footer-divider.png) no-repeat 0 100%; padding: 0 0 14px 0;}
#footer ul {font-size: 12px; text-align: left; line-height: 1.8em; list-style-type: circle; color: #656565; padding: 20px 0 0 20px;}
#footer a {color: #fff;}
#footer a:hover {color: #66ccff;}

#footer-col1
{
	width: 266px;
	padding: 0 20px 0 20px;
	float: left;
}
#footer-col2
{
	width: 266px;
	padding: 0 20px 0 20px;
	float: left;
}
#footer-col3
{
	width: 266px;
	padding: 0 20px 0 20px;
	float: left;
}

#footer-bottom
{
	width: 920px;
	height: 40px;
	padding: 20px 20px 0 20px;
	position: relative;
	bottom: 40px;
}
#footer-bottom img {float: left;}
#footer-bottom p {font-size: 12px; color: #959595; float: right;}
#footer-bottom a {color: #0066cc;}
#footer-bottom a:hover {text-decoration: underline;}