/* CSS Document */
/* note:
remember that 100%w tables in divs stretch to the outer div in ie 5.5

*/
/* center aligned, 95% browser window height */
html, body, ol, ul, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img{
	margin:0; padding: 0; border:0; 
	}

body {font-family:Arial, Helvetica, sans-serif ;
font-weight:normal;height:95%;
}
html {background-image:url(../assets/background.gif); background-repeat:repeat;}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

h1 {
border-bottom:4px solid  #333; 
background-color: #fff; 
color:#333; 
font-size:18px; 
padding:5px 5px 2px 0px;
font-weight:bold;
margin:10px 0px 8px 0px;
}
h2 {
color: #000000;
font-size:100%;
}
h3 {
color:#0099FF;
font-size:100%;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper { margin: 0 auto; width:950px; 
border-left:3px solid #999999; 
border-right:3px solid #999999; 
background:#FFFFFF;
}
#hnav {background-color:#fff; 
border:2px solid #FFFFFF;
font-size:95%;
padding:2px 0 2px 5px;
clear:both;
}

#topdate a{color:#333333;text-decoration: none;}
#fixedwidth {width:780px;height:1px;}
.topline {background-color:#333;font-size:75%; color:#CCCCCC;}
#bannerContainer {
	padding:0px;
	background-image:url(../assets/bannerbg.jpg);
	background-repeat:repeat-x;
	height:150px;
}
#banner{
	/*padding:2px;*/
	background-image:url(../assets/bannerr.jpg);
	background-position:right;
	background-repeat:no-repeat;
	/*background-color:#000000;*/
	height:150px;
	}
#content-right {
width:150px;
background-color:#333333;
color:#CCCCCC;
font-size:80%;
min-height:500px;
padding:5px;
border-right:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
float:right;
}

#boxes {background-color:#FFFFFF; width:100%; }

/* main content area */
#content-main {
float: left; margin-left:-205px; width: 940px; font-size:90%;
line-height:150%;
}
/*
#content-main.rightNavFix {margin-left:-190px}
#content-main-blockFix {margin-left:205px;
}
#content-main-blockFix.rightNavFix {margin-left:190px}
#content-main-widthFix {width:100%;}
*/

#content-main.rightNavFix {margin-left:-213px;margin-left:0px;}
#content-main-blockFix {margin-left:205px;margin-left:0px;}
#content-main-blockFix.rightNavFix {margin-left:213px;margin-left:0px;}
#content-main-widthFix {width:100%;}

/*#content-main.rightNavFix {margin-left:-220px;}  NOV 19 IE FIX? */
/*#content-main-blockFix.rightNavFix {margin-left:220px}  NOV 19 IE FIX? */



/*#content-main.rightNavFix{margin-left:-100px; } /* temporary need for dreamweaver!!!!! */

/* for left nav pages */
#content-main.leftNavFix{margin-left:-190px;
margin-left:0 /* test */ } 
#navcol {width:205px; float:left;}
#navcol.rightNavFix {width:190px;}
#navcol-content {margin:20px 0px 0px 15px; background-color:#CCCCCC; min-height:400px; }
#content-area {float:left; width:210px; clear:left;}
#dgr07 {font-size:100%; margin:0px 10px 0px 15px; position:relative; z-index:10; }


#c04_float {float:left; margin-left:0px; width:100%}
#c04_blockFix {margin-left:0px}
#innerblock {margin-left:210px;border-left:1px solid #CCCCCC; padding-left:10px; min-height:450px;}
#innerblock.noLeftNav{margin-left:0px}
/*#rightcol {width:205px; float:right; }
#rightcol.rightNavFix {width:190px}
#rightcol-content {margin:10px 5px 10px 10px; background-color:#E4F4FA; min-height:400px; border:1px solid #0099ff; padding:5px;
background-color:#F4FDFF;}*/
/* #innerblock {margin-left:230px;border-left:1px solid #CCCCCC; padding-left:0px; min-height:450px;} NOV 19 IE FIX? */

#rightcol {width:225px; float:right; }
#rightcol.rightNavFix {width:210px}
#rightcol-content {margin:5px 5px 10px 10px; /*background-color:#E4F4FA;*/ min-height:400px; /*border:1px solid #0099ff;*/ padding:0px;
}
#col2sect div.box1 {width:50%; float:left; padding:0px 0px 10px 0px; line-height:1.3em; clear:left}
#col2sect div.box2 {width:50%; float:left; padding:0px 0px 10px 0px; line-height:1.3em; margin-right:-2px}
#col2sect div.boxfull {width:100%; float:left; padding:0px 0px 10px 0px; line-height:1.3em; margin-right:-2px}
#col2sect div.boxpad {padding:0px 10px 0px 15px}
#col2sect div.generalContainer {width:70%; float:left; padding-bottom:5px}
#col2sect div.generalContainer h2 {color:#fff; background:#000}
#col2sect div.generalContainerIn {padding-right:15px; width:100%; }
#col2sect div.problemsContainer {float:left; width:30%; margin:0px -2px 0px 0px; padding-bottom:15px}
#col2sect div.problemsContainer h2 {background:#333; color:#fff}
#col2sect div.problemsContainerIn {margin-left:20px;line-height:150%; }
#col2sect div.topicblock {padding-left:15px;}
#col2sect div h2 {margin:0px 0px 10px 0px; padding:4px 0px 5px 15px; font-size:120%}
#col2sect div h3 {margin:0px 0px 10px 0px; padding:4px 0px 5px 15px; font-size:100%; color:#FF6600;}

#footer {clear:both; font-size:80%; border-top:1px solid #666666;}
#footer-logos {background-color:#000000; padding:5px;}
#topright {width:400px; background-color:#555555;
border-left:2px solid #999999;
border-bottom:2px solid #999999;
padding:5px 0 5px 10px;
font-size:80%;
position:absolute; z-index:10; right:0px; top:0px;
color:#ddd; }
#banner-top {background-color:#333; font-size:75%; 
width:100%;color:#CCCCCC;}
#predictortable {font-size:100%;}

#certs {margin:0 auto;}

#innerblockLinks {margin-left:210px;border-left:1px solid #CCCCCC; padding-left:10px;}
/*#innerblockLinks {margin-left:230px;border-left:1px solid #CCCCCC; padding-left:10px;} nov 19 */

/* ===================================== */
/* =   link styling overrides          = */
/* ===================================== */
#content-main a,
#footer a {
color:#333;
text-decoration:underline;
}

#content-main a:visited,
#footer a:visited {
color:#333;
text-decoration:underline;
}

#content-main a:hover, #content-main a:focus,
#footer a:hover, #footer a:focus {
color:#CC0000;
text-decoration:underline;
}
/* ------------------------ */
#content-main h3 a  {
color:#FF6600;
text-decoration:none;
}

#content-main h3 a:visited {
color: #FF6600;
text-decoration:none;
}

#content-main h3 a:hover,
#content-main h3 a:focus {
color:#FF6600;
text-decoration:underline;
}
/* ------------------------ */
#boxes h1 a  {
color:#FF6600;
text-decoration:none;
}
#boxes p a  {
color:#ffffff;
text-decoration:none;
}

#boxes h1 a:visited {
color: #FF6600;
text-decoration:none;
}
#boxes h1 a:hover,
#boxes h1 a:focus,
#boxes p a:hover,
#boxes p a:focus
{
text-decoration:underline;
}
/* ------------------------ */

#innerblock .contentlink  a  {
color:#333333;
text-decoration:underline;
}

#innerblock .contentlink  a:visited {
color: #666666;
text-decoration:underline;
}

#innerblock .contentlink  a:hover,
#innerblock .contentlink  a:focus {
color:#FF6600;
text-decoration:underline;
}

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

#rightcol-content ul a { 
	font-size:85%;
	font-weight:normal;
	line-height:120%;
	color:#333333;
	padding:3px 0 3px 13px;  
	display:block; 
	text-decoration:none;
	background-image:url(../assets/arrowright.gif);
	background-position:left;
	background-repeat:no-repeat;
	list-style:none;
}
#rightcol-content ul a:visited { 
	text-decoration:none;
	display:block; 
	color:#666666;
	background-image:url(../assets/arrowright.gif);
 }

#rightcol-content ul a:hover,
#rightcol-content ul a:focus {
	text-decoration:underline;
	padding:3px 0 3px 13px;  
	display:block; 
 }
/* ------------------------ */
.feed a {text-decoration:none; color:#333333;}
.feed a:visited {text-decoration:none; color:#666666;}
.feed a:hover,
.feed a:focus
 {text-decoration:underline; color:#333333;}
/* ------------------------ */
#topright a {
color:#fff;
text-decoration:none;
padding:0 5px 0 5px ;
}

#topright a:visited {
color:#fff;
text-decoration:none;
}

#topright a:hover, #topright a:focus {
color:#fff;
text-decoration:underline;
}
/* ------------------------ */


/* ===================================== */
/* =   ID styling overrides            = */
/* ===================================== */
#innerblock ul{ list-style:outside;
padding-left:25px;
}
#innerblock li {margin-top:10px;}
#innerblock li.override {margin-top:0px;}


#rightcol-content li {list-style:none;}

#rightcol-content .verysmall {font-size:70%;}

/* ===================================== */
/* =   general class styles            = */
/* ===================================== */
.form_error {color:#CC0000; padding:5px; margin:0px; text-align:left; font-size:100%; line-height:100%;}
.warning {font-size:95%; color:#FF6600;}
.error {font-size:95%; color:#CC0000;}
.errorTitle {font-size:125%; color:#ffffff; font-weight:bold; background-color:#CC0000;padding:0 5px 0 5px;}
.warningTitle {font-size:125%; color:#ffffff; font-weight:bold; background-color:#FF6600;padding:0 5px 0 5px;}
.err {border:2px solid  #FF0000;}
.pad10left {padding-left:10px;}
.bannerleft{float:left;}
.padleft{margin-left:20px}
.subcontent {float:left; width:100%; margin-top:5px; padding-top:5px; border-top:1px solid #FFCC00;} /* used where we have a image content block in the content area */
.innerblockheader { 
border-bottom:4px solid  #333; 
background-color: #fff; 
color:#333; 
font-size:120%; 
padding:5px 5px 2px 5px;
font-weight:bold;
margin:10px 0px 8px 0px;
}
.titlecase {text-transform:capitalize; }
.dropcap {
float:left;
font-size:190%;
padding-top:0em;
margin-top:0px;
line-height:100%;
}
.smaller {font-size:85%;}
.bigger {font-size:150%;line-height:100%; font-weight:bold;}
.bold {font-weight:bold;}
.imgleft {float:left;border:1px solid #FFCC33; margin:0 5px 5px 0;}
.imgright {float:right;border:1px solid #333333; padding:1px; margin:2px;}
.imgrightNoBorder {float:right; margin:3px;}
.border1 {border:1px solid #333333;}

.linkgraphic {background-image:url(../assets/arrowright.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
}

.box {
width:32%;
border-left:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
float:left;
padding:3px;
height :60px;
font-size:80%;
}
.box h1, .box p {color:#FFFFFF;}
.boximage {float:left; background-color:#fff;
width:50px;
height:50px;
margin:3px;
border:2px solid #fff;
}
.brownbg {background-color:#663300;}
.greenbg {background-color:#336600;}
.bluebg {background-color:#33CCFF;}
.redbg {background-color:#FF0000;}
.orangebg {background-color:#FF9900;}
.greybg {background-color:#666666;}
.blackbg {background-color:#000000;}
.white { color:#FFFFFF;}
.yellow {color:#FFFFCC;}

.intlinks {border-top:1px solid #0099FF;}
.feed {font-size:70%; padding:5px 0 5px 0; border-bottom:1px dashed #999999;}
.feedsource {font-size:70%; color:#009999;}
.currency {text-align:right; width:30px;}
.good {color:#009900; font-size:100%; font-weight:bold;}
.bad {color: #CC0000; font-size:100%; font-weight:bold;}
.textsize0 {font-size:85%}
.textsize1 {font-size:100%}
.textsize2 {font-size:125%}
.textsize3 {font-size:150%}

hr {border-bottom:2px solid #666666;}
.priceTableDot {border-bottom:1px dotted #333333;}
.priceTableHeading {background-color:#333333; color:#FFFFFF;}
.priceTableLine {border-bottom:1px solid #333333; height:1px; line-height:1px;}
.clearOLD {clear:both;}
.extLinks { border:1px solid #333333; background-color:#E1E7FF; margin-top:10px; padding:3px;}
.extLinksSpecial { border:1px solid #333333; background-color: #DCBF89; margin-top:10px; padding:3px;}
.extLinksSpecial h3 { color:#69501F;font-size:100%;
}

.fm td {font-size:100%; line-height:85%;}
.fm td label { color:#333333; padding:3px;}
.fm td {background-color:#ffffff; }
.fm td input {border:1px solid #666666}
.fm td textarea {border:1px solid #666666; overflow:auto}

.testimonial {margin:2px; background-color:#ffffff; border:1px solid #CCCCCC;padding:0px;}
.testimonial div, .franTest div {margin:10px; background-color:#FAEDCF; border:1px dashed #CCCCCC;padding:5px;}
.testimonial div p, .franTest div p { font-style:italic; font-size:100%; line-height:150%}

.imgBorder {padding:1px; border:1px solid #333333;}

.instructor {margin:2px; background-color:#ffffff; border:1px solid #CCCCCC;padding:0px;}
.instructorInfo{margin-left:160px; margin-right:5px;}
.instructorImage {width:155px; margin-right:2px; float:left;}
.instructorInfo p { font-style:italic; font-size:90%; line-height:150%}
.instructor h2 {background-color:#333333; color:#FFFFFF; font-size:125%; padding:3px;}
/* ================================================================= */
/*  google map                                                       */
/* ================================================================= */
#map {border:1px solid #333333;}

.passedholder {position:relative; height:120px; width:180px; border:1px solid #000000;margin:2px; display:block; float:left; z-index:1; }
.passedTitle{
	font-size:80%;
	text-align:center;
	position: absolute;
	z-index:1;
	top:6px;
	left: 68px;
}
.passedName{
	width:175px;
	height:38px;	
	position: absolute;
	bottom:2px;
	background-color:#000000;
	right: 0px;padding:2px; 
	filter:alpha(opacity=45);
	opacity: 0.45;
	-moz-opacity:0.45;
}
.passedNameInner{ color:#ffffff; font-size:10px; position:absolute;font-size:12px;
	right: 0px;padding:2px; 
	bottom:2px;
	width:175px;
	font-weight: normal;
	text-align: center;  }
.passedNameInnerNudge {bottom:10px;}

.passedfull {width:180px;}

.passedholderNameOnly {position:relative; text-align:center; height:35px; width:180px; border:1px solid #555;margin:2px; padding:5px; display:block; float:left; z-index:1; }


/* ============================== */
/* =        tooltip CSS         = */
/* ============================== */
a.info{
    position:relative; /*this is the key*/
    z-index:40;
    color:#000000;
    text-decoration:none;
	 }

a.info:hover{z-index:40; background-color:#ffffff;	
 }

a.info span{display: none; }

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1px; left:-6px; width:30px;
	padding-left:5px;
    background-color:#CCFFFF; color:#333333;
    text-align: left; }
	
a.info div{display: none; }

a.info:hover div{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-15px; left:33px; width:260px;
	padding:5px;
    border:1px solid #333333;
    background-color:#CCFFFF; color:#333333;
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
    text-align: left; }

#content a.info {
 	border:none;
}

.findInstructor { padding:10px; border:1px dashed #999999;}
.coi-nav { position:relative; background:url(../assets/choose-own-instructor.jpg) no-repeat top left; width:205px; height:223px;}
.coi-nav-input{
	position:absolute;
	top:178px;
	left:38px;
	width: 99px;
	z-index:100;
}
.coi-nav-input input {background:none; border:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; text-transform:uppercase}
.coi-nav-submit {position:absolute;top:177px; left:147px; color:#000000}
	


.choose-own-instructor { position:relative; background:url(../assets/driving-lessons-homepage.jpg) no-repeat top left; width:720px; height:550px;}
.coi-input{
	position:absolute;
	top:276px;
	left:175px;
	width: 99px;
	z-index:100;
}
.coi-input input {background:none; border:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold; text-transform:uppercase}
.coi-submit {position:absolute;top:275px;
	left:281px; color:#000000}
/*.coi-submit-button {color:#ffffff; background-color: #FFCC00; font-size:10px; }*/

.coi-available {background-color:#E1F5CB; padding:0 2px; font-size:11px; color: #006600; margin-right:5px;}
.coi-notavailable { background-color:#FCE7DA;padding:0 2px; font-size:11px; color: #CC0000; margin-right:5px;}
.coi-image {position:relative; top:4px;}

.fbgroup { position:relative; margin-left:842px;}

.callback { background-color:#666666; background:url(../assets/callback.jpg) no-repeat left top; width:205px; height:85px; position:relative; color:#FFFFFF; z-index:1;}
.callbackInner {position:absolute; top:58px; left:9px;}