/************ New Driver Licensing System stylesheet ***********/

body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: normal;
line-height: 140%;
color: #000;
}

/*********** index page ********/

#index_container
{
width: 750px;
height: 490px;
position: relative;
padding: 10px 0 0 0;
background-image: url(../images/DriverLicensing/indexbackground.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#index_title
{
width: 336px;
height: 86px;
background-image: url(../images/DriverLicensing/indextitle.gif);
background-repeat: no-repeat;
background-position: top left;
position: absolute;
left: 40px;
top: 126px;
}


#index_title_1
{
width: 336px;
height: 86px;
background-image: url(../images/DriverLicensing/indextitle_1.gif);
background-repeat: no-repeat;
background-position: top left;
position: absolute;
left: 40px;
top: 126px;
}


#index_content
{
width: 290px;
position: absolute;
top: 225px;
left: 40px;
}

#index_content_1
{
width: 290px;
position: absolute;
top: 227px;
left: 40px;
}




#index_circles
{
width: 210px;
height: 284px;
position: absolute;
top: 192px;
left: 331px;
}

#index_copyright
{
position: absolute;
top: 480px;
left: 40px;
font-size: 0.9em;
font-style: italic;
color: #666666;
}

/********** sub page **********/

#subpage_container
{
width: 750px;
position: absolute;
padding:  0px 0 0 0;
background-image: url(../../Images/Careers/background.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#fr_subpage_container
{
width: 750px;
position: absolute;
padding:  0px 0 0 0;
background-image: url(../../Images/Careers/fr_background.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#subpage_content
{
width: 520px;
margin:  115px 0 0 200px;
_padding-top:115px;/*hack to push div down in IE */

}

#subpage_flashcontent
{
width: 520px;
margin:  115px 0 0 200px;
_padding-top:95px;/*hack to push div down in IE */

}


#subpage_content ul
{
list-style: none;
margin-left: 0px;
padding: 0;
}

#subpage_content ul li
{
padding: 0 0 0 20px; /* to move text to the right from arrow */
background-image: url(../images/DriverLicensing/arrow.gif);
background-repeat: no-repeat;
background-position: 0 0.4em;
margin: 0.8em 0 0.8em 0; /* paragraph after space */
}

#subpage_nav
{
width: 158px;
height: 400px; /* includes height for three circles image */
position: absolute;
top: 140;
left: 22px;
}

.subpage_navimages /* image properties */
{
width: 158px;
height: 19px;
margin-top: 4px;
border: 0;
}

#subpage_nav ul
{
list-style: none;
margin: 0em;
padding: 0;
}

#subpage_nav ul li
{
padding: 0 0 0 7px; /* to move text to the right from arrow */
background-image: url(../images/DriverLicensing/bullet.gif);
background-repeat: no-repeat;
background-position:  0 0.6em;
margin:  0.3em 0 0.3em 0; /* paragraph after space */
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-decoration: none;
}

#subpage_nav ul li a:link, a:visited
{
color: #06c; 
text-decoration: none;
}

#subpage_nav ul li a:hover
{
color: #06c;
text-decoration: underline;
}

#subpage_nav ul li a:active
{
color: #000;
/*text-decoration: underline;*/
text-decoration: none;

}

#current
{
font-weight: bold;
}

#three_circles
{
width: 153px;
height: 221px;
margin-top: 30px;
background-image: url(../images/DriverLicensing/three_circles.gif);
background-repeat: no-repeat;
}

/************* text styles ************/

h1
{
color: #d36816;
font-weight: bold;
font-size: 1.7em;
font-family: Arial, Helvetica, sans-serif;
}

h2
{
color: #007683;
font-weight: bold;
font-size: 1.3em;
/*padding-top: 10px;*/

font-family: Arial, Helvetica, sans-serif;
}

h3
{
color: #007683;
font-weight: bold;
font-size: 1.4em;
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 4px;
}




.subhead /* big numbers 1. 2. 3. */
{
color: #007683;
font-weight: bold;
font-size: 1.3em;
font-family: Arial, Helvetica, sans-serif;
}

.charttext
{
color: #007683;
font-weight: bold;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
}

a:link, a:visited
{
color: #06c;
text-decoration: underline;
}

a:hover
{
color: #d36816;
text-decoration: underline;
}

a:active
{
color: #000;
text-decoration: underline;
}


/************* misc styles **************/

#disclaimer
{
margin-top: 30px;
font-size: 0.9em;
font-style: italic;
color: #666;
}

#copyright
{
margin-top: 30px;
font-size: 0.9em;
font-style: italic;
color: #666;
}



img
{
border: 0;
}

/************* form tables ************/
.chart
{
width: 500px;
font-size: 1em; /* size needed for IE 5.0 + 5.5 */
border: 0;
}

.chart td
{
border-bottom: 1px solid #1e82bd;
padding: 2px 0 2px 0;
}

.photolinks
{
font-size: 1em; /* size needed for IE 5.0 + 5.5 */
border: 0;
}


.form /* for table */
{
border: 0;
font-size: 1em; /* size needed for IE 5.0 + 5.5 */
}

.form td
{
padding: 2px 0 2px 0; /* space in between rows */
}