/*  cda.css						  						*/
/*	This CSS document provides the framework layout 	*/
/*	and general design for georgia.gov Classic Portal	*/
/*	websites. It is intended to be supplemented with 	*/
/*	agency-specific CSS to control the look and feel.	*/

/*	Developed by GTA Portal Team, April 2008			*/
/*	Copyright 2000-2008 georgia.gov						*/



/* General tag definitions 								*/

BODY {
margin: 10px; 
text-align:center;
}

p {
font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif; 
margin-right: 5px;
}

img {
border:0px;
}

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
}

h1 {  font-size: 18px; }
h2 {  font-size: 16px; line-height: 20px;}
h3 {  font-size: 14px; }
h4 {  font-size: 12px; }
h5 {  font-size: 10px; }
h6 {  font-size: 10px; }

ul {
margin:10px 3px;
padding:0 13px;
}

li {
font: 12px/17px;
}

.imagecaption {
font-size:10px;
line-height:1.1em;
}

#container {
font: 12px/1.3em Verdana, Arial, Helvetica, sans-serif;
margin:0 auto; 
padding:0; 
text-align:left;
}


/* Accessibility */
.skip {font-size: 0pt; text-decoration:none; top: -100px; position: absolute; color: White;}
a.skip:active, a.skip:visited, a.skip:link, a.skip:hover {color:#FFFFFF; top: -100px; position: absolute;}


/* portalheader styles */

.portalheader {
margin: 0px auto;
padding:0;
text-align: left;
height: 27px;
float: none;
width: 100%;
}

.portallogo {
margin:0;
float:left;
text-align:left;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#alert {
margin:0;
padding:0 10px 0 0;
float:none;
text-align:right; 
}



/* subportalheader styles */

.subportalheader {
margin: 0px auto;
text-align: left;
width: 100%;
height: 77px;
float: none;	
}

.subportallogo, .subportallogo_right {
float:left;
margin:0;
padding:0;
}

/* globalnav styles */

.globalnav {	
margin: 0px auto;
padding: 0px;
height: 18px;
width: 100%;
float: none;
}

.globalnav a {
text-decoration: none;
}

#container p.headerlinks {
float: none; 
margin: 0px auto; 
padding: 2px 0 2px 15px; 
text-align: center; 
vertical-align: middle; 
font: 10px Verdana, Arial, Helvetica, sans-serif; 
width:344px
}

.headerlinks img {
height:13px;
margin-right:2px;
}

/* Main Content Container - holds Graphic, Left, and Large columns */

div#content {
float:none;
width: 100%;
margin: 0;
padding: 0p;
}

.articleImage {
float:left;
margin:0 8px 0 0;
}

/* graphic column */
div.graphic_col {
float:right;
clear:none;
}

/* Left Column Styles */

div.left_col {
width: 228px;
float: left;
margin: 0;
clear:left;
position:relative;
z-index:999;
}

/* global footer styles */

p.anchor, #footer1 {
width:100%;
clear:both;
text-align:center;
margin:10px 0 0 0;
}

p.footer, #main_content_translate p.footer{
width:100%;
clear:both;
margin: 6px auto;
text-align:center;
padding:5px 0 20px 0;
}

p.footer a {
font-size:10px;
text-decoration:none;
}


/*----- for the end of the page -----*/				
.clearboth { clear: both; }		
.spacer { float: left; }



/* Search area */
.subportalheader #search {  /* position for header search bar */
margin: 42px 0 0 0;
padding-right:0px;
text-align: right;
float: right;
height: 35px;
width: 300px;
}

.left_col #search {	/* position for left-column search bar */
height: 35px;
width: 200px;
text-align: left;
}

#right #search {	/* position for right-column search bar */
height: 35px;
width: 200px;
text-align: right;
}

#search input, #search select {
width:140px;
height:15px;
font-size:11px;
margin-top:2px;
font-weight: bold;
}

#search img {
border:0px;
vertical-align:middle;
text-align: left;
margin-right: 5px;
margin-top: 1px;
}

#search table, #search form, #search select {
margin-top:4px;
text-align: right;
float: right;
padding:0px;
margin-right:0px;
}

.left_col #search table, .left_col #search form,  .large_col #search table, .large_col #search form {
text-align: left;
float: none;

}

.advancedSearch {
text-align:right;	
}

#search label {
position: absolute;
height:0;
width:0;
overflow:hidden;
}




/*---------------------------------------------------------------------------------------------*/
/*---- NAVIGATION ELEMENTS --------------------------------------------------------------------*/
/* each site will use one of the below navigation elements */



/* Left Navigation - Classic ----------------------------*/
UL.leftnavClassic {
float: left;
clear: left;
display: block;
text-align:left;
margin:1px 0 0 0;
LIST-STYLE-TYPE: none;
padding:0;
width: 228px;
}
UL.leftnavClassic LI A {
padding: 6px; 
display: block; 
font: 11px Verdana;
vertical-align: middle;
margin: -1px 0 0 0;
text-decoration: none;
}

UL.leftnavClassic UL {
padding-left: 5px; 
margin: -1px 0 0 0; 	
list-style-type: none; 
}
UL.leftnavClassic UL LI A {
border-width: 0px; 
margin-top:1px;
padding: 3px 0 4px 20px; 
width: 190px; 
font-weight:normal;
}

UL.leftnavClassic UL LI A.selected {
font-weight: bold; 
}

UL.leftnavClassic UL LI A:hover {
text-decoration: underline !important;
}

UL.leftnavClassic UL UL {
padding: 5px 0 5px 15px; 
width: 160px; 
list-style-type: none;
}





/* Left Navigation - FLYOUT -----------------------*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.leftnavFlyout {
/* z-index:1000; */
/* float:left; */
}

/* remove all the bullets, borders and padding from the default list styling */
.leftnavFlyout ul {
padding: 0;
margin:0;
width: 215px;
list-style-type: none;
}

/* position relative so that you can position the sub levels */
.leftnavFlyout li {
position:relative;
/* z-index:999; */
}

/* get rid of the table */
.leftnavFlyout table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; }

/* style the links */
.leftnavFlyout a, .leftnavFlyout a:visited {
padding: 6px 11px 6px 8px; 
font-size: 11px; 
line-height:13px;
margin: 0; 
text-decoration: none;	
display:block; 
text-decoration:none;
}

.leftnavFlyout ul a, .leftnavFlyout ul a:visited{
width:196px;	
}

.leftnavFlyout ul ul, .leftnavFlyout ul ul ul, .leftnavFlyout ul ul ul ul {
z-index:1000;
width:179px;
}

.leftnavFlyout ul ul a, .leftnavFlyout ul ul a:visited, .leftnavFlyout ul ul ul a, .leftnavFlyout ul ul ul a:visited, .leftnavFlyout ul ul ul ul a, .leftnavFlyout ul ul ul ul a:visited {
width:160px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.leftnavFlyout ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:215px; 
}

.leftnavFlyout .selected ul {
top:0px;
}

.leftnavFlyout ul ul ul, .leftnavFlyout ul ul ul ul {
left:179px;
}

/* make the second level visible when hover on first level list OR link */
.leftnavFlyout ul li:hover ul, .leftnavFlyout ul a:hover ul { visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.leftnavFlyout ul :hover ul ul{ visibility:hidden; }

/* keep the fourth level hidden when you hover on second level list OR link */
.leftnavFlyout ul :hover ul :hover ul ul{ visibility:hidden; }

/* make the third level visible when you hover over second level list OR link */
.leftnavFlyout ul :hover ul :hover ul{  visibility:visible; }

/* make the fourth level visible when you hover over third level list OR link */
.leftnavFlyout ul :hover ul :hover ul :hover ul { visibility:visible; }


/* Selected Menu Layout */

.leftnavFlyout ul .selected ul {
width:205px;
left:10px;
margin-left:-10px;
padding-left:10px;
top:0;
}

.leftnavFlyout ul .selected ul ul {
left:0;
padding-left:20px;
width:195px;
}

.leftnavFlyout ul .selected ul ul ul {
left:0;
padding-left:20px;
width:185px;
}


/* Selected Menu Visibility */

/* show second level */
.leftnavFlyout ul .selected ul { visibility:visible !important; position:relative; }

/* keep the third level hidden when on second level*/
.leftnavFlyout ul .selected ul ul{ visibility:hidden !important; position:absolute; }

/* show third level when selected */
.leftnavFlyout ul .selected ul .selected ul { visibility:visible !important; position:relative; }

/* keep the fourth level hidden when on third level*/
.leftnavFlyout ul .selected ul .selected ul ul{ visibility:hidden !important; position:absolute; }

/* show the fourth level when third level is selected*/
.leftnavFlyout ul .selected ul .selected ul .selected ul{ visibility:visible !important; position:relative; }






/* TOP NAVIGATION - dropdown menu -----------------------------------------*/

.topnav {
margin-top: 0 auto;
font:11px Verdana, Arial sans-serif;
}

.dropmenu {
margin:0 10px;
padding:0; 
list-style-type: none;
position:relative;
z-index:1002;
}
.dropmenu ul {
margin:0; 
padding:0; 
list-style-type: none;
}

/* Set up the link size */
.dropmenu a, .dropmenu a:visited {
display:block;
font-weight:bold; 
text-decoration:none; 
padding:0 10px;
font-size:12px;
}

li.top {
line-height:27px;
}

.dropmenu ul a, .dropmenu ul a:visited {
line-height:14px;
width:155px; 
text-align:left;
padding:5px 10px 5px 5px;
}

/* Set up the list items */
.dropmenu li {
float:left; 
}

/* For Non-IE browsers and IE7 */
.dropmenu li:hover {position:relative;}

/* Set up the sublevel lists with a position absolute for flyoutouts and overrun padding. The transparent gif is for IE to work */
.dropmenu li ul {display:none;}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
.dropmenu li:hover > ul {
display:block; 
position:absolute; 
top:0; 
left:170px; 
background:transparent url(/gta/images/webpage/transparent.gif); 
width:150px;
}

/* Position the first sub level beneath the top level liinks */
.dropmenu > li:hover > ul {
left:0px; 
top:26px;
}

/* get rid of the table */
.dropmenu table {
position:absolute; 
border-collapse:collapse; 
top:0; 
left:0; 
z-index:100; 
font-size:1em;
}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html .dropmenu li a:hover {
position:relative; 
}


/* Needed for IE5.5 and IE6 to make the sublevels appear ------*/

/* change the drop down levels from display:none; to visibility:hidden; */
* html .dropmenu li ul {visibility:hidden; display:block; position:absolute; top:0; left:170px; background:transparent url(/gta/images/webpage/transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
.dropmenu li a:hover ul ul{ visibility:hidden; }

/* make the second level visible when hover on first level link and position it */

.dropmenu li a:hover ul { visibility:visible; left:0px; top:6px; lef\t:-31px; to\p:15px; }

/* make the third level visible when you hover over second level link and position it and all further levels */
.dropmenu li a:hover ul a:hover ul{ visibility:visible; top:0; left:170px; }




/* SECOND LEVEL Left Nav MENUS -- Supplements TOPNAV----------------*/

.leftnavSecondary {
padding: 0 0 10px 0;
margin: 0;
LIST-STYLE-TYPE: none;
}
.leftnavSecondary UL{
margin: 3px 0 3px 20px;
padding: 0;
LIST-STYLE-TYPE: none;
}

UL.leftnavSecondary LI A {
DISPLAY: block; 
PADDING: 8px; 
margin: 0px;
LIST-STYLE-TYPE: none;
}
.leftnavSecondary A {
FONT-WEIGHT: bold; 
DISPLAY: block; 
margin: 0px 0px 0px 5px; 
padding: 0px;
TEXT-DECORATION: none;
}
.leftnavSecondary A:hover {
MARGIN-TOP: 0px;
}

UL.leftnavSecondary UL LI A, UL.leftnavSecondary UL UL LI A, UL.leftnavSecondary UL UL UL LI A  {
DISPLAY: block; 
FONT-SIZE: 11px; 
PADDING: 3px;

font-weight:normal;
}

UL.leftnavSecondary UL UL LI A:hover, UL.leftnavSecondary UL UL UL LI A:hover {
text-decoration: none;
}

UL.leftnavSecondary UL UL LI A.selected {
TEXT-DECORATION: none;
}

UL.leftnavSecondary UL UL{
visibility:hidden;
position:absolute;
}

UL.leftnavSecondary UL li.selected UL{
visibility:visible;
position:relative;
}

UL.leftnavSecondary UL li.selected UL UL{
visibility:hidden;
position:absolute;
}

UL.leftnavSecondary UL UL li.selected UL{
visibility:visible;
position:relative;
}


/*------------------ END NAVIGATION OPTIONS -----------------------------*/





/* General content pieces */

p.more {
text-align:right;
font-size:11px;
clear:both;
}

input {
font-size:10px;
}

#fileIcon {
vertical-align:middle;
}




/*-----------------------------------------------------------------*/
/* --- SECOND LEVEL TEMPLATES ---- */




/* Left Column styles, aside from navigation */
#level2 .left_col {
width:228px;
margin:0;
padding:0;
float:left;
clear:left;
}

 {
margin-left:10px;	
}

.left_col .callout, .left_col .left_portlets {
clear:left;
float:left;
margin:0px 0 5px 10px;
}


/* Optional Right Column Styles */

#right {
float:right;
clear:left;
width:205px;
margin:-1px 0 0 9px;
/* these are to fix in-context editing issues with vignette tags */
position:relative;
z-index:1001;
}

#right div {
margin: 15px 5px;
}

#right div div {
margin:0;
}
#right a.more {
text-align: right;
line-height: 30px;
margin-right:10px;
}

#main_content #right p, .left_col .callout p  {
padding-right:0;
margin-top:3px;
font-size:11px;
line-height:1.3em;
}

#main_content #right ul, .left_col .callout ul {
margin-left:5px;
padding-right:0;
font-size:11px;
line-height:1.3em;
}

#right li, .left_col .callout li {
font-size:11px;
line-height:1.3em;
}

#right .callout {
margin-left:5px;
}

#right h3 {
font-size: 12px;
margin-bottom:-5px;
}

.left_col h3 {
margin-bottom:0;
}


/* fix Vignette-specific code */

#level2 .vgn-acpd-portlet {
width: auto !important;
float:none !important;
}











/* Main Content div and associated text styles*/

#main_content {
float:right;
clear:none;
margin:1px 0 2px 5px;
}

#main_content h1 {
font-size:18px;
font-weight:bold;
}

#main_content p {
font-size:12px;
line-height:1.3em;
padding-bottom:3px;
padding-right:50px;
}

#main_content ul {
margin-left:20px;
padding-right:50px;
}

#main_content ul ul{
padding-right:0;

}
#main_content .files p, #main_content .related p {
margin-top:3px;
}

#main_content table td {
font-size:12px;
}
#main_content table {
margin-right:5px;
clear:right;
}
#main_content table p {
margin:0;
padding-right:0;
padding-bottom:15px;
}

#main_content span.teaser {
display:block;
margin:2px 0 5px 0;
}


/* User Functions Styles */

#userfunctions a {
text-decoration:none;
}
#userfunctions p {
font-size:11px;
margin:0pt;
padding:0 5px 0 0;
text-align:right;
}

/* Breadcrumb Navigation */
p.breadcrumb {
font-size:10px !important;
margin-top:5px;
}


/* control table of files attached to an article, blog, etc */

table.attachedFiles {
padding:0;
border:0;
margin:0;
}

table.attachedFiles td a, table.attachedFiles td {
font-size:12px;
}


/* Translate to Spanish intro page */

#main_content_translate {
width:695px;
margin:5px 0 2px 25px;
padding-bottom:300px;
}

#main_content_translate p {
font-size:12px;
line-height:1.3em;
padding-bottom:3px;	
padding-top:100px;
}

#main_content_translate p.footer a {
font-size:12px;
}

#main_content h3, #main_content h4 {
margin-bottom:3px;
}

/* Press Details Specific */

.pressDetail span.contact {
margin-left:25px;

}

img.press_header {
text-align:center;	
margin:8px 0;
}

span.date {
font-weight:bold;

}


/* Photo Gallery Template Specific */
.galleryMain {
float:left;
width:240px;
}




/*--- Data Table Formats for Forms (i.e. Contact Us forms) ------------------------------*/

.dataentry, #results{
width:450px;
clear:both;
margin: 10px 20px 10px 0;
padding:10px;
}
/*- Fix margin alignment for non-IE, part 1 -*/
html>body #dataentry {
margin:0 0 10px 0;	
}
html>body #results {
margin:0 0 10px 0;	
}

.dataentry caption{
text-align:center;
margin:0;
padding: 3px 0px; 
border-bottom-width:5px;
border-bottom-style: solid;
font: bold 90% Verdana;
}
/*- Fix margin alignment for non-IE, part 2 -*/
html>body .dataentry caption{
margin:10px 0 0 0;
}

.dataentry td, .dataentry th {
font-size: 80%;
padding: 3px 10px;
}
.dataentry .labelsWide, .dataentry .labels{
text-align: left;
font-weight:bold;
}	
.dataentry .fields, .dataentry .total {	
}

.total {
font-weight:bold;
}

#buttons {
text-align:right;
margin:10px 20px;
padding:0;
}



/* Printer Friendly Template Page */
#print {
background-color:#fff;
}

#print #container {
border:none;
width: 7in;
margin:0;
}

#print #main_content {
width: 7in;
}

.printButtons {
text-align:right;
padding-right: 20px;
padding-top:5px;	
}


/* Application FAQ */
#appfaq #main_content {
width:100%;
float:none;
clear:both;
margin:0;
}

#apptitle {
width:100%;
margin:0;
padding:0;

}

#appfaq #col1 {
padding: 0 20px;
}

#apptitle h1 {
padding:5px 0 5px 20px;
margin:0;
font-size:13px;
}

/*-- Google Search Appliance -- */
form table table table td {
padding:3px;
}