body { font-size:90%; font-family:verdana,arial,sans-serif; color:#000000; background-color:#EEEEE4; margin:0; padding:0; }
body td { font-family:verdana,arial,sans-serif; }
a:link    { color:#0000FF; }
a:active  { color:#003399; }
a:visited { color:#003399; }
a:hover, a:focus { color:#006600; text-decoration:none; }

/* PAGE HEADER (ATAC LOGO) */
#pgHeaderBack { background-color:#FFFFFF; }
#pgHeader1 { background-color:#76C176; margin-bottom:4px; }
#pgHeader1 img { width:1px; height:9px; }
#pgHeader2 { background-color:#7394D5; border-bottom:2px solid #003399; }
#pgHeader2 img { border:0; }

/* MAIN NAVIGATION COLUMN */
#mainNav { background-color:#AFC3E5; padding-bottom:1.5em; }
#mainNav table { margin-top:10px; }
#mainNav #mnLeft { vertical-align:bottom; }
#mainNav #mnLeft img { width:10px; height:174px; }
#mainNav #mnMenu { background:#EAEDF4 url('/images/mnavBack2.jpg') no-repeat left bottom; padding-bottom:110px; }
#mainNav #mnMenu ul { list-style:none; margin:0 0 15px 0; padding:0; border-left:2px solid #DCDCDC; }
#mainNav #mnMenu li { position:relative; padding:.1em 0; font-size:100%; font-weight:bold; text-align:right; border-top:1px solid #DCDCDC; }
#mainNav #mnMenu a { display:block; color:#000000; text-decoration:none; padding:.5em 14px .5em 0; margin-left:-2px; border-left:2px solid #FFFFFF; width:207px; }
#mainNav #mnMenu a:hover, #mainNav #mnMenu a:focus { background-color:#FFFFFF; border-color:#0000FF; text-decoration:underline; }
#mainNav #mnMenu a.current { background-color:#204EAA; color:#FFFFFF; }
#mainNav #mnMenu a.current:hover { background-color:#204EAA; color:#FFFFFF; text-decoration:none; }
#mainNav #mnMenu ul ul { position:absolute; top:0; left:-999em; margin-top:0; background-color:#F4FAF4; border:1px solid #999999; border-left-width:2px; }
#mainNav #mnMenu ul ul li { padding:0; margin:0; font-size:80%; background-color:#F4FAF4; text-align:left; }
#mainNav #mnMenu ul ul a { padding:8px 4px 8px 8px; margin-left:-2px; font-weight:normal; font-size:115%; border-left:2px solid #999999; border-top:1px dotted #EEEEE4; }
#mainNav #mnMenu ul ul a:hover, #mainNav #mnMenu ul ul a:focus { background-color:#006600; color:#FFFFFF; border-color:#000000; border-top-color:#999999; }
#mainNav #mnMenu ul ul li.first a { border-top:0; }
#mainNav #mnMenu img { width:223px; height:1px; }
#mainNav #mnBottom { vertical-align:top; }
#mainNav #mnBottom img { width:233px; height:117px; }

/* MAIN CONTENT COLUMN */
#mainContentBack { background-color:#FFFFFF; }
#mainContent { padding:1em 2em 2em; }
#mainContent h1 { font-size:130%; font-weight:bold; color:#006600; padding-bottom:5px; border-bottom:#006600 2px solid; }
#mainContent h1 span { font-size:80%; }
#mainContent h2 { font-size:110%; font-weight:bold; color:#006600; margin-top:2em; }
#mainContent h2.first { margin-top:0; }
#mainContent h3 { font-size:100%; font-weight:bold; }
#mainContent fieldset legend { font-size:110%; font-weight:bold; color:#006600; }
#mainContent fieldset div { padding:1em; }
#mainContent fieldset ul li { margin:.3em; }
#mainContent .fileInfo { font-size:80%; font-style:italic; white-space:nowrap; }
#mainContent .addInfo { font-size:80%; font-style:italic; }
#mainContent .nowrap { white-space:nowrap; }
#mainContent .smDouble li { margin-bottom:.25em; }
#mainContent .double li { margin-bottom:1em; }
#mainContent .double .normal li { margin-bottom:2px; }
#mainContent .indent { padding-left:1em; }
#mainContent .indent2 { padding-left:2em; }
#mainContent .indent3 { padding-left:3em; }
#mainContent .hrSec { padding-bottom:5px; border-bottom:#CCCCCC 2px solid; }
#mainContent .label { background-color:#EEEEE4; text-align:right; padding-right:5px; padding-left:5px; }
#mainContent .smallText { font-size:80%; }
#mainContent .errorText { color:#FF0000; font-style:italic; font-weight:bold; }
#mainContent .mainText { color:#003399; }
#mainContent img.errorIcon { vertical-align:middle; width:20px; height:20px; }
#mainContent div.errorBox { background-color:#FEFDFA; border:1px solid #000000; padding:1em; margin:2.5em 1em; }
#mainContent div.errorBox p { margin:0 0 2px; font-size:120%; font-weight:bold; color:#FF0000; }
#mainContent div.errorBox ul { margin:2px 0 0 45px; }
#mainContent div.errorBox img { vertical-align:middle; }
#mainContent div.formError p { margin:2em 0 2px; font-weight:bold; color:#FF0000; }
#mainContent div.formError p img { width:20px; height:20px; vertical-align:middle; padding-right:10px; }
#mainContent div.formError ul { margin-top:0; margin-bottom:2em; }
#mainContent .leftAlign, #mainContent .rightAlign { clear:both; }
#mainContent .leftAlign img { float:left; margin:0 1em 1em 0; }
#mainContent .rightAlign img { float:right; margin:0 0 1em 1em; }

/* STYLES TO FLOAT THE RELATED LINKS MENU TO THE RIGHT */
#mainContent .wrapper { position:relative; height:1%; padding-right:200px; }  /* wrapper used to float the related links box */
#mainContent div.relatedLinks { position:absolute; top:0; right:0; background-color:#FFFFFF; width:180px; }
#mainContent div.relatedLinks .subMenu { border:1px solid #CCCCCC; }
#mainContent div.relatedLinks .topPad { margin-top:1em; }
#mainContent div.relatedLinks h2 { background-color:#347219; color:#FFFFFF; font-weight:bold; font-size:100%; padding:5px; margin:0; }
#mainContent div.relatedLinks ul { margin:7px 9px 9px 27px; padding-left:0; }
#mainContent div.relatedLinks li { margin-bottom:.3em; }

/* STYLES TO FORMAT INLINE BLOCKS OF TEXT SIMILAR TO THE SUB MENUS FLOATED TO THE RIGHT */
#mainContent div.inlineMenu { border:1px solid #CCCCCC; margin-bottom:1em; }
#mainContent div.inlineMenu h2 { background-color:#CCD6EB; color:#000000; font-weight:bold; font-size:100%; padding:5px; margin:0; height:1%; }
#mainContent div.inlineMenu .content { margin:1em; }

/* EMPLOYMENT SECTION - ON HOME PAGE */
#empOps { border:2px solid #666666; margin-top:2em; }
#empOps h2 { background-color:#006600; color:#FFFFFF; text-transform:lowercase; font-style:italic; font-size:130%; letter-spacing:.2em; margin:0; padding:8px 8px 5px; }
#empOps div { background-color:#F4F4F4; border-top:1px solid #CCCCCC; padding:.7em; }
#empOps .first { border:0; }
#empOps .even { background:#FCFCFC; }

/* SPOTLIGHT SECTION - ON THE HOME PAGE */
#spotlight { border:2px solid #666666; margin-top:2em; }
#spotlight h2 { background-color:#006600; color:#FFFFFF; text-transform:lowercase; font-style:italic; font-size:130%; letter-spacing:.2em; margin:0; padding:8px 8px 5px; }
#spotlight ul { list-style:none; margin:0; padding:0; }
#spotlight li { background-color:#F4F4F4; border-top:1px solid #CCCCCC; padding:.7em; }
#spotlight li.first { border:0; }
#spotlight li.even { background:#FCFCFC; }
#spotlight p { margin:1em; font-style:italic; color:#666666; }

/* PAGE FOOTER */
#pgFooter { padding:10px; border-top:1px solid #000000; }
#pgFooterLinks { position:relative; padding-bottom:10px; height:1%; }
#pgFooterLinks img { width:158px; height:55px; float:right; margin:0 0 0 10px; }
#pgFooterLinks span { position:absolute; top:0; left:-1000px; }
#pgFooterLinks #pgFooterText { padding-top:10px; font-size:80%; line-height:1.4em; }
#pgFooterLinks table { position:absolute; top:-100px; right:9999em; display:none; margin:15px 10px 10px; border:1px solid #000000; background-color:#FFFFFF; }
#pgFooterLinks table th { color:#333333; text-align:left; font-size:80%; padding:10px; }
#pgFooterLinks table td { font-size:80%; color:#999999; text-align:center; }
#pgFooterLinks table a { padding:2px; }
#pgFooterLinks table a:hover { text-decoration:none; background-color:#000000; color:#FFFFFF; }
#pgFooterLinks table a:hover[name] { background-color:#FFFFFF; color:#000000; }  /* PREVENT FIREFOX FROM HIGHLIGHTING TABLE HEADER WHICH USES A NAMED ANCHOR TO PREVENT THE MENU FROM CLOSING */
#pgFooterLinks table #siteLinksTop { padding:0 10px 6px; }
#pgFooterLinks table #siteLinksBottom { padding:0 10px; }
#pgFooterLinks table #siteMoreInfo { padding:10px; }

/* STYLES USED ON PAGES LIKE THE STAFF PAGE */
#mainContent ul.staffList { list-style:none; padding:0; margin:0; }
#mainContent ul.staffList li { padding-left:120px; margin-bottom:2em; clear:both; }
#mainContent ul.staffList li.last { margin-bottom:0; }
#mainContent ul.staffList li img { width:100px; height:130px; float:left; margin-left:-120px; }
#mainContent ul.staffList .name,
#mainContent ul.staffList .name a:hover { color:#003399; font-weight:bold; }  /* PREVENT FIREFOX FROM HIGHLIGHTING THE NAME WHEN USED AS A NAMED ANCHOR */
#mainContent ul.staffList .email { font-weight:bold; }
#mainContent ul.staffList .phone { font-weight:bold; }
#mainContent ul.staffList .title { font-weight:bold; }
#mainContent ul.staffList p a { white-space:nowrap; }

/* STYLES USED ON PAGES LIKE THE CURRENT PROJECTS PAGE */
#mainContent .projTable { margin-bottom:1em; }
#mainContent .projTable tr { vertical-align:top; }
#mainContent .projTable th { padding-right:2px; background-color:#D2D8FC; text-align:right; font-weight:bold; }
#mainContent .projTable td.title { background-color:#717FD0; color:#FFFFFF; font-weight:bold; }
#mainContent .projTable ol { margin:2px 0 0 25px; padding:0; }


.hide { position:absolute; left:-9999em; } /* used to hide content meant for screen readers and for those with CSS turned off */