/* CSS Document */
body
{        margin:0;
        padding:0;
        background:url(../images/bg.gif) center top repeat-y #eeeeee;
        font-family:tahoma, arial, verdana;
        color:#000; font-size:13px;
}
h1, h2, h3, h4, h5, h6, ul
{
        margin:0;
        padding:0;
}
h1{font-size:19px;}
h2{font-size:19px;}
h3{font-size:18px;}
h4{font-size:17px; font-weight:bold;}
h5{font-size:16px;}
h6{font-size:11px;}
.hidden
{
        display:none;
}
.clear
{
        clear:both;
}
.red
{
        color:#e13933;
}
.textLink
{
        font-weight:bold;
        color:#000;
        text-decoration:none;
}
.textLink:hover
{
        color:#3265d0;
}
.oldPrice
{
        background:url(../images/old-price.gif) left top no-repeat;
}
.oldPrice2{text-decoration:line-through;}
.hrLine
{
        border-top:1px solid #85AEFB;
        height:20px;
        width:100%;
}
.green
{
        color:#009900;
}
.blue
{
        color:#3265d0;
}
.center
{
        text-align:center;
}
.bigText
{
        font-size:20px;
}
.yellow{ color:#fbfb30;}
.green{ color:#009900;}
.maroon{color:#72001A;}
.darkRed{color:#c60033;}
a{ text-decoration:underline;}
a:hover{ text-decoration:none;}
#mainWrapper
{
        width:900px;
        margin:0 auto;
}
.smallText
{
         font-size:11px;
}
.normal
{
        font-weight:bold;
}
.bold
{
        font-weight:bold;
}
/*-------------------------------------*/
/*---- Top Wrapper Style Starts here --*/
/*-------------------------------------*/
#topWrapper
{
        width:900px;
        height:110px;
        position:relative;
}
div.logo
{
        width:189px;
        height:116px;
        float:left;
}
h1#logo
{
        background:url(../images/florida_permit_test_logo.gif) left top no-repeat;
        width:189px;
        height:116px;

}
h1#logo a
{
        width:189px;
        height:116px;
        display:block;
}
.heading
{
        float:left;
        padding:45px 0 0 15px;
}
.heading h2
{
        color:#366fda;
        font-size:18px;
        
}

.heading h5
{
        font-size:13px;
        font-weight:normal;line-height:30px;
}
.toplinks
{
        position:absolute;
        right:12px;
        top:12px;
        font-weight:bold;
        direction:rtl;
        line-height:22px;
}
.toplinks a
{
        color:#3265d0;
        
}

/*-------------------------------------*/
/*----            Ends               --*/
/*-------------------------------------*/

/*-------------------------------------*/
/*-- Top Navigation Style Starts here --*/
/*-------------------------------------*/
#navigation
{
        height:33px;
        width:900px;
        font-size:18px;
        font-weight:bold;
        margin-top:20px;
}

#navigation a
{
color: #356fdb;
background: #e7e7e7 url(../images/nav_left_crv.gif) left top no-repeat;
text-decoration: none;
padding-left: 15px;
}

#navigation a span
{
background: url(../images/nav_right_crv.gif) right top no-repeat;
padding-right: 15px
}

#navigation a, #navigation a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */

#navigation a:hover, #navigation a.active
{
color: #fff;
background:  url(../images/nav_left_over.gif) left top no-repeat;
padding-left: 15px
}

#navigation a:hover span, #navigation a.active span
{
background: url(../images/nav_right_over.gif) right top no-repeat;
padding-right: 15px
}

#navigation ul
{
list-style: none;
padding: 0;
margin:0 0 0 20px;
}

#navigation li
{
float: left;
margin: 0;
margin:0 2px 0 2px;
line-height:33px;
}

/*-------------------------------------*/
/*----            Ends               --*/
/*-------------------------------------*/

/*-------------------------------------*/
/*-- Header Style Starts here --*/
/*-------------------------------------*/
#header
{
	width:900px;
	height:331px;
	position:relative;
	background:url(../images/header_img.jpg) left top no-repeat;
}
.headerList
{
	position:absolute;
	top:40px;
	left:298px;
	width:390px;
}
.headerList .head
{
	background:url(../images/header_list.gif) left top no-repeat;
	height:45px;
}

.headerList ul
{
	margin-top:5px;
	
}
*html .headerList ul
{
	margin-top:-5px;
}
.headerList ul li
{
	padding:7px 0;
	height:17px;
}
.headerList ul li A
{
	display:block;
	height:17px;
}
.headerList ul li.point1
{
	background:url(../images/header_list.gif) left -50px no-repeat;
}

.headerList ul li.point2
{
	background:url(../images/header_list.gif) left -80px no-repeat;
}
.headerList ul li.point3
{
	background:url(../images/header_list.gif) left -110px no-repeat;
}
.headerList ul li.point4
{
	background:url(../images/header_list.gif) left -140px no-repeat;
}
.headerText
{
font-size:17px;
color:#fbfb30;
}
.headerRight
{
	position:absolute;
	width:200px;
	top:9px;right:10px;
	text-align:center;
}
/*-------------------------------------*/
/*----            Ends               --*/
/*-------------------------------------*/

/*--------------------------------------*/
/*-- Content wrapper Style Starts here --*/
/*--------------------------------------*/

#contentWrapper
{
        width:820px;
        margin:0 auto;
		
       
}
#innerContent
{
        width:820px;
        padding:40px 40px 0 40px;
        position:relative;
        background:url(../images/inner_conbg_2.jpg) left top no-repeat #fff;
}
#innerContent p
{
        padding:0 0 20px 0;
}
.listContent
{
        margin:20px 0;
}
.listContent li
{
        background:url(../images/greenstar.jpg) no-repeat 0px 5px; padding:4px 0 4px 30px;
list-style:none;
}
.listContent li a
{
        text-decoration:none;
        color:#4e7ccf;
        font-weight:bold;
}
ul.listContent2
{
        margin:10px 5px;
}
ul.listContent2 li
{
        list-style:none;
        padding:4px 0;
}
ul.listContent2 li a
{
        background:url(../images/greenstar.jpg) no-repeat 0px 5px; padding:4px 0 4px 30px;
        text-decoration:none;
        color:#4e7ccf;
        font-weight:bold;
}

.subList
{
        padding:10px 0 20px 20px;
}
.subList li
{
        background:url(../images/greenarrow.jpg) no-repeat 0px 5px; padding:4px 0 4px 25px;
list-style:none;
}
.pageRight
{
        width:150px;
	height:107px;
        float:right;
        background:url(../images/florida_logo.gif) no-repeat 90% 0%;
        text-align:center;
        margin-left:15px;
        
}

.pageRight2
{
        width:255px;
        float:right;
        text-align:center;
        margin-bottom:50px;
        margin-left:15px;
        border-left:solid 1px #dbe7fc;
        padding-left:15px;
        
}
.innerLeft
{
        background:url(../images/state_approved-small.gif) left top no-repeat;
        padding-left:75px;
}
.box1
{
	background:url(../images/box_bg.gif) left bottom no-repeat;
	width:820px;
}
.box1 h2, .box1 h3
{
font-size:17px;
}
.box2
{
	background:url(../images/box2_bg.gif) #e4e9e3 left bottom no-repeat;
	width:772px;
	border-top:solid 1px #acb1ab;
	padding:20px 24px;
	margin:0 auto;
}
.box2Left
{
	width:45%;
	float:left;
}
.box2Right
{
	width:48%;
	float:right;
}
.tellafriend
{
	background:url(../images/share_bar.jpg) left top repeat-x;
	border:solid 1px #a6a6a6;
	padding:5px 15px;
	width:350px;
	margin:0 auto;
}
.box1 div
{
        
        background:url(../images/box_top.gif) left top no-repeat;
        padding:20px;
        
}

#contentWrapper p
{
        margin:0;
        padding:0 0 20px 0;
}
DL {margin:0px; padding:15px 0px;}
DT {background:url(../images/greenstar.jpg) no-repeat 0px 0px; padding-left:30px;
margin:0px; font-weight:bold; line-height:21px;}
DD {margin-left:30px;}

#contentWrapper .right
{
        text-align:center;
        width:280px;
        float:right;
        padding-right:20px;
}

.courseRow
{        
        width:85%;
        
}
.courseName
{
        width:75%;
        float:left;
}
.contactForm
{
        padding:20px 0;
        font-weight:bold;
        line-height:20px;
}
.contactForm p
{
        margin:0;
        padding:4px 0;
}
.contactForm p
{
        width:520px;
        padding-left: 155px; 
        
}
.contactForm label
{
        float: left;
        width: 280px; /*width of labels. Should be smaller than left column (155px) to
create some right margin*/

}
.contactForm input
{
        width: 150px;
}
.contactForm textarea
{
        width:220px;
}
.input1 {padding:4px; background:#DEE2E6; border:1px solid #879DB4;}
.input1:Hover {padding:4px; background:#E5F2FF;}

/*--- FAQS ----*/
.answer_panel {margin:10px 0 0 5px; padding:0px 0 5px 45px;
background:url(../images/ans_icon.gif) no-repeat;}
.answer_panel ol {margin:10px 0 0 52px; padding:0px;}
.answer_panel p{margin:0; padding:0;}
.answer_panel ol li{margin:0px; padding:0 0 0 0; color:#000;}
.question_text{color:#e13933; font-weight:bold;background:url(../images/q_icon.gif)
no-repeat 0px 4px; line-height:23px; padding:5px 0px 5px 30px; }
.faq_panel{}
/*--------------*/

#footer
{
        text-align:center;
}
#footer a
{
        color:#3265d0;
        text-decoration:underline;
        padding: 2px;
}
#footer a.copyRight
{
        font-weight:bold;
        color:#000000;
        text-decoration:underline;
}
#footer a.copyRight:hover
{
        text-decoration:none;
}
.main_box a:hover{color:#4665B6; text-decoration:none; font-weight:normal; font-size:16px;}
.bold{ font-weight:bold;}
.error{color:#C93C44; font-weight:normal; font-size:20px; padding:4px 0 8px 0; solid #C93C44;}
.summerOffer{background:url(../images/summer-offer-1.gif) left top no-repeat; width:161px; height:45px; margin-left:0px; margin-top:-22px}
.summerOffer span{display:none}