/*  agency_cda.css  --- replace the word agency with the agency's acronym	*/
/*	This CSS document is meant as a guideline template 						*/
/*	to be edited for individual agencies using Portal						*/
/*	Classic websites. It should be renamed per agency 						*/
/*	and updated control the look and feel.									*/

/*  CURRENT LOOK AND FEEL TO MATCH CURRENT CLASSIC TEMPLATES                */

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



/* Color Guidelines. ----- Please update this with the relevant agency-specific colors */
/* 
#E2E1C3 -- body background, 
#81994D -- border, bottom border, navigation borders, h3
#660000 -- link color
#660000 -- More >> link color
#F0F1E3 -- global nav bkgd
#000000 -- text, 
#ffffff -- dark bkgd text

#660000 -- inheadlines, 
*/




body {
background-color: #E2E1C3;
}

#container {
width:760px; 
background-color:white; 
border:1px solid #81994D;
}


a {
color: #660000;
}

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


/* portal header colors most likely will not change */

.portallogo {
background-color: #E0E0E0;
}

.portalheader {
background-color:#E0E0E0;
border-bottom: 1px solid #666;
}

/* subportal logo header */

.subportalheader {
background-color:#fff;
}

.subportallogo {
padding: 5px 0;
}

/* global nav styles */
.globalnav{
background-color: #F0F1E3;
}

p.headerlinks {
background: url(/CommonFiles/images/mobile_icon_gray.gif) no-repeat left center;
}

.headerlinks, .headerlinks a, .footer a {
color: #660000; 
}

/* global footer styles */
p.anchor, #footer1 {
border-bottom:5px solid #81994D;
}


/* Search component */

.subportalheader #search {
background: #F0F1E3 url(/CommonFiles/images/f0f1e3_curve.gif) no-repeat bottom left;
}


#search input, #search select {
border:1px solid #797A7F;
color: #000000;
background-color: white;
}

#search button {
background-color:#F0F1E3;
}
#container p, #container p, #container li, #container table td{
line-height: 1.3em;
font-size: 12px;
}
#container h3{
line-height: 1.3em;
font-size: 14px;
}
#home h3{
line-height: 1.3em;
font-size: 14px;
}
/*------------------NAVIGATION ELEMENTS --------------------------*/


/* Left Navigation - Classic --------------------------------------*/

UL.leftnavClassic LI A {
COLOR: #000; 
border:1px solid #81994D;
border-left: 12px solid #81994D; 
}

UL.leftnavClassic LI A:hover, UL.leftnavClassic LI A.selected {
color: #000;
background-color: #d7dfca; 
}

UL.leftnavClassic UL {
border:1px solid #81994D;
border-left: 12px solid #81994D; 
background-color: white;
}

UL.leftnavClassic UL LI A {
color: #295584; 
}

UL.leftnavClassic UL LI A:hover {
background-color: #fff;
text-decoration:underline;
}

UL.leftnavClassic UL LI A.selected {
background-color: #fff;
font-weight:bold;
}

UL.leftnavClassic UL UL {
border: 0px solid #fff; 
}



/* Left Navigation - Flyout ---------------------------------------*/

.leftnavFlyout ul {
border-color: #81994D;
border-style: solid;
border-width: 0 1px 0 12px;
}

.leftnavFlyout ul ul{
border-top:1px solid #81994D;
}

.leftnavFlyout a, .leftnavFlyout a:visited {
color:#000;
background-color:#fff;
border-bottom: #81994D 1px solid; 
}

/* menus with child links have an arrow */
.leftnavFlyout .sub > a {
background: #fff url(/CommonFiles/images/arrow.gif) no-repeat center right;
}

/* menus without child links have no arrow */
.leftnavFlyout .selected a, .leftnavFlyout .selected a:hover {
background-color: #D7DFCA;
background-image:none;
}

.leftnavFlyout .selected ul a, .leftnavFlyout .selected ul a:hover {
background-color:#fff;
}

.leftnavFlyout :hover > a {
color:#000; 
background-color:#D7DFCA;
}

/* style selected menus */
.leftnavFlyout ul .selected ul {
background-color:#fff;
border: 0px solid white;
border-bottom: #81994D 1px solid; 
}

.leftnavFlyout ul .selected ul ul, .leftnavFlyout ul .selected ul ul ul  {
BORDER-BOTTOM: #fff 0px solid;
}

.leftnavFlyout .selected > a {
font-weight:bold;
}


.leftnavFlyout .selected a{
background-color:#D7DFCA;
BORDER-BOTTOM: #81994D 1px solid; 



}

.leftnavFlyout .selected ul a:visited {
border-bottom:none;
}

.leftnavFlyout .selected ul a {
border-bottom:0px solid white;
background-color:#fff;
}

.leftnavFlyout .selected ul a:hover {
text-decoration:underline !important;
color:#85A3B2;
background-color:#fff;
}

.leftnavFlyout .selected :hover > a {
color:#295584; 
background-color:#fff;
}



/* Move the flyout menus up for lower menu items if necessary

.leftnavFlyout .nav4 ul {top:-102px;}    .leftnavFlyout .nav4 ul ul { top:-1px;}
.leftnavFlyout .nav5 ul {top:-55px;} 	.leftnavFlyout .nav5 ul ul { top:-1px;}
.leftnavFlyout .nav6 ul {top:-151px;} 	.leftnavFlyout .nav6 ul ul { top:-1px;}
.leftnavFlyout .nav7 ul {top:-56px;}		.leftnavFlyout .nav7 ul ul { top:-1px;}
.leftnavFlyout .nav8 ul {top:-201px;}	.leftnavFlyout .nav8 ul ul { top:-1px;}
.leftnavFlyout .nav9 ul {top:-226px;}	.leftnavFlyout .nav9 ul ul { top:-1px;}

 */



/* TOP NAVIGATION -----------------------------------------*/

.topnav {
width: 760px;
height: 27px;
border-top: 2px solid #A8BF77;
border-bottom: 2px solid #A8BF77;
background-color: #81994D;
color: #FFFFFF;
}

.dropmenu {
width:700px;  /* important to center dropmenu */
}

.dropmenu a, .dropmenu a:visited {
color:#FFFFFF; 
border-right: 2px solid #81994D;
border-left: 2px solid #81994D;
}

.dropmenu a.selected {
background-color: #B0BF8F;
background-image:none !important; 
}

a.top_link:hover, .dropmenu .top:hover {
background:#295584; 
color:	 #FFF;
background-image:none !important; 
}

.dropmenu ul a, .dropmenu ul a:visited {
background:#F0F1E3; 
border:1px solid #98926C; 
border-width: 0 1px 1px 1px;
color:	 #295584;
}

.dropmenu ul li {
background-color:#F0F1E3;
color:	 #295584;
}

/* Make the hovered list color persist */
.dropmenu li:hover > a {
background-color:#D7DFCA !important; 
color:	 #295584;
}



/* 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 {
background:#295584; 
color:	 #FFF;
}

/* For accessibility of the top level menu when tabbing */
.dropmenu li a:active, .dropmenu li a:focus {
background:#295584; 
color:	 #FFF;
}

/* Set up the pointers for the sub level indication */
.dropmenu .flyout, .dropmenu a.flyout:visited {
background: url(/CommonFiles/images/arrow.gif) no-repeat right center;
}
.dropmenu a.flyout:hover, .dropmenu a.flyout:focus, .dropmenu a.flyout:active {
background:#D7DFCA url(/CommonFiles/images/arrow_over.gif) no-repeat right center !important;
}


/* SECOND LEVEL Left Nav to supplement Top Nav ----------------*/

.leftnavSecondary {
background-color: #F0F1E3;
}

.leftnavSecondary LI A:hover {
background-color: #fff;
}
.leftnavSecondary LI A {
font-weight:bold;	
}

.leftnavSecondary LI LI A {
COLOR: #000000; 
font-weight:normal;
padding-top: 1px;
padding-bottom:1px;
}

UL.leftnavSecondary UL LI A:hover {
background-color: #fff;
}


UL.leftnavSecondary UL LI.selected A, UL.leftnavSecondary UL UL LI.selected A, UL.leftnavSecondary UL UL UL LI.selected A {
background-color: #fff;
font-weight:bold;
}

UL.leftnavSecondary UL UL li.selected a {
text-decoration:underline;
	
}

UL.leftnavSecondary UL LI.selected UL li A, UL.leftnavSecondary UL UL LI.selected UL li A, UL.leftnavSecondary UL UL UL LI.selected UL li A{
background-color: #F0F1E3;
font-weight:normal;
}




/* graphic column */
div.graphic_col {
overflow:hidden;
width:527px;
}

div.graphic_col img {
float:left;
margin: 3px 0 0 0;
}


/* Flash or HomeImage Content */

.homeImage td.text {
background-color:#fff;
color: #000;
}


.homeImage a.featureMore {
color: #660000;
}



/* General Content Pieces */

p.more a{
color:#660000;
}


button {
border:0px solid white;
background-color:#fff;
}

/* legacy, hopefully discontinuing in favor of heading tags */
.inheadline {
color: #660000; 
font-weight:bold;
}

/* Homepage Portlet Styles */

.left_col h3 {
padding-top:5px;
}
#home .teaser img {
max-width: 110px;
}
/* Second Level Specific */


/* Main Content Styles */
#main_content {
width:520px;
}

#main_content h1, #main_content_wide h1, #articles h3 {
color:  #000000; 
line-height: 1.3em;
}

.articleImage {
float:left;
padding-right:8px;
}

/* Optional Right Column Styles */

#right {
background-color: #F0F1E3;
}

#tools h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Translate to Spanish intro page */

#main_content_translate p.footer a {
color: #660000;
}


/* Homepage Specific */

#home h3 {
color:#81994D;
}

/* text styles */
#home .left_col h3, .large_col h3 {
font-size:14px;
}

#home .left_col h4, .large_col h4 {
font-size: 12px;
}

#home .left_col li, .large_col li {
font-size:11px;
line-height:17px;
}


/* To set columns 2 & 3 on the homepage to display one below the other, as wide fields instead of thin columns, enable the rule below */
/*
#home div#col1, #home div#col2 {
width: 100%;
}
*/




/* Application FAQ page */
#appfaq #apptitle {
background-color: #81994D;
}

#appfaq #apptitle h1 {
color:#fff;
}




/*email form*/
#emailform {
margin:0;
}

#emailform h3 {
margin:0;
}
p.url {
padding:0 0 0 10px;
font: 11px Verdana;
color:#295584;
}

#emailform td, #emailform th {
padding:0;
}

#emailform th {
font: bold 11px Verdana;
color:#295584;
width:125px;
}

#emailform input, #emailform textarea {
BORDER: #999 1px solid; 
PADDING: 1px; 
FONT: 12px Verdana;
width:230px; 
}

#emailform #sendcopy {
width:14px;
margin:0;
border:0;
}

#emailform #buttons input, input.submit {
width:50px !important;
border:0 !important;
padding:0;
vertical-align:bottom !important;
}

input {	font-size:10px; }


.padding {
margin:0 0 20px 10px;
}

.padding .printButtons {
padding:400px 0 20px 0;
}

#recaptcha {
margin: 0 0 10px 10px ;
}