/* This file was created to handle the css for the Information Archetecture (IA) section.  The IA section
   is the full width bar right above the header image on each page with the high-level interface. */
 
/* **** Container for entire IA menu **** */  
#IAContainer
{
    width: 975px;
    height: 34px;
    text-align: left;
    position: relative;
    left: -2px;
    padding: 0 0 0 4px;
    margin: 0 0 0 0;
    z-index: 2147483647; /* border:solid 1px black; */
    background: url('img/TOP_navbar-trans.png') no-repeat top left;
}

/* **** Container for each section of the IA menu **** */  
.IAmainmenu
{
    float: left;
    height: 34px;
}

/* **** Div that contains the data in the dropdown portion (under the header) **** */  
.IAdropdown_menu
{
    display: none;
    width: 975px;
    height: 335px;
    position: absolute;
    top: 32px;
    left: 1px;
    background-color: #FFF;
    z-index: 20;
    border-top: solid #326497 4px;
    border-bottom: solid #326497 4px;
    border-left: solid #326497 1px;
    border-right: solid #316597 1px;
    overflow: hidden;
    padding: 20px 0 20px 0;
    margin: 0 0 0 0;
}

/* **** IA link text under images **** */
.IAddimglnktext 
{ 
	padding: 7px 10px;
}

/* **** IA link text under images: HOVER **** */  
.IAddimglnktext:hover 
{
	text-decoration: underline;
}

/* **** UL that contains the data in the full-width dropdown **** */  
.IAfirst_list
{
    display: inline;
    width: 975px;
    height: 250px;
    margin: 0 0 0 0;
    padding: 0 0 0 0; 
}

/* **** 1st level of li in the UL that contains the data in the **** 
   **** dropdown (this contains each column)                    **** */  
.IAfirst_list li
{
	display: inline;
	float: left;
	text-align: left;
	width: 265px; 
	font-weight: bolder;
	padding: 0 25px 0 25px;
	margin: 0 0 0 0;
	text-align: left;
}

/* **** Nested UL inside the 1st level li in the UL that contains ****
/* **** the data in the dropdown (this contains the links)        **** */  
.IAfirst_list li ul
{
	width: 240px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: inherit;
	background: none;
}

/* **** 2nd level li in the Nested UL inside the 1st level li in the UL  ****
/* **** that contains the data in the dropdown (this contains the links) **** */  
.IAfirst_list li ul li
{
	margin: 0 0 0 0;
	padding: 1px 0 1px 14px;
	z-index: inherit;
	width: 265px;
	list-style: none;
	text-align: left;
}

/* **** A tag inside the 2nd level li in the Nested UL inside the 1st level li in ****
/* **** the UL that contains the data in the dropdown (this contains the links)   **** */ 
.IAfirst_list li ul li a
{ 
    display: block;
    text-decoration: none;
    color: #24496b;
    background: url('img/IADottedLineDevider.gif') left bottom repeat-x; 
    padding: 8px 0;
    margin: 0 0 0 0;
}

/* **** HOVER on A tag inside the 2nd level li in the Nested UL inside the 1st level  ****
/* **** li in the UL that contains the data in the dropdown (this contains the links) **** */ 
.IAfirst_list li ul li a:hover, .IAfirst_list li ul li a:focus, .IAfirst_list li ul li a:active
{ 
    text-decoration: underline; 
    background: #3A78AF; 
    color: #FFF; 
}

/* **** Div that contains an image **** */  
.IAimage 
{
	padding: 7px 0 0 9px;
}

/* **** A tag in a div that contains an image **** */  
.IAimage a, .IAimage a:visited
{
	text-decoration: none;
	color: #24496b;
	display: block;
	width: 250px; 
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
	border: none;
	line-height: 1.5; 
}

/* **** A tag in a div that contains an image: HOVER **** */  
.IAimage a:hover, .IAimage a:focus, .IAimage a:active, .IAimage a:visited:hover
{
	text-decoration: underline;
	background-color: #3A78AF;
	color: #FFF;
}

/* **** Class specific to the image in a div that contains an image **** */  
.IAimage img
{
	border: none;
}

/* ***********************************************************************
   ****                         SUB-HEADER NOTES                      ****
   **** Any sub-header at the top of the page can use the             ****
   **** IAflydown_subheader_top class.  If there is a sub-header      ****
   **** below that it must use a spacer class and a class with the    ****
   **** position of the sub-header.  This is because the positioning  ****
   **** of the div starts directly below the top sub-header div.      ****
   **** It helps to visualize this by adding a border around the      ****
   **** top sub-headers and the lower ones you are working with (see  ****
   **** the remmed out code in the IAflydown_sub_header_top class).   ****
   *********************************************************************** */

/* **** Top sub-header **** */
.IAflydown_sub_header_top
{
    font-weight: bold;
	color: #000000;
    padding: 0px 5px;
    position: relative;
    left: -10px;
    /* border: solid 1px black; */
}

/* **** Job Apply subheader **** */  
.IAflydown_sub_header_jobapply
{
    font-weight: bold;
	color: #000000;
    padding: 20px 5px 0px 5px;
    float: left;
    position: relative;
    left: -10px;
}

/* **** Job General subheader **** */  
.IAflydown_sub_header_jobgeneral
{
    font-weight: bold;
	color: #000000;
    padding: 20px 5px 0px 5px;
    float: left;
    position: relative;
    left: -10px;
}

/* **** IA headers **** */
#IAresidents, #IAvisitors, #IAbusiness, #IAservices, #IAjobs, #IAdepartments, #IAemergency
{
    font-weight: bold;
    color: #24496b;
    display: block;
    border:none;
    text-decoration: none;
    line-height: 29px;
    padding: 0 42.6px 0 35.0px;
    margin: 3px 0 0 0;
    background: url('img/IAHeaderDevider.gif') no-repeat right center;
}

.IAArrowimageResidents
{
    position: absolute;
    left: 107px;
    top: 9px;
}

.IAArrowimageVisitors
{
    position: absolute;
    left: 232px;
    top: 9px;
}

.IAArrowimageBusiness
{
    position: absolute;
    left: 377px;
    top: 9px;
}

.IAArrowimageServices
{
    position: absolute;
    left: 508px;
    top: 9px;
}

.IAArrowimageJobs
{
    position: absolute;
    left: 634px;
    top: 9px;
}

.IAArrowimageDepartments
{
    position: absolute;
    left: 793px;
    top: 9px;
}

.IAArrowimageEmergency
{
    position: absolute;
    left: 940px;
    top: 9px;
}

/* **** IA headers (all) HOVER **** */
#IAresidents:hover, #IAvisitors:hover, #IAbusiness:hover, #IAservices:hover, #IAjobs:hover, #IAdepartments:hover, #IAemergency:hover, #IAresidents:focus, #IAvisitors:focus, #IAbusiness:focus, #IAservices:focus, #IAjobs:focus, #IAdepartments:focus, #IAemergency:focus, #IAresidents:active, #IAvisitors:active, #IAbusiness:active, #IAservices:active, #IAjobs:active, #IAdepartments:active, #IAemergency:active  
{
    background: url('img/IAHeaderRolloverBG.gif') repeat-X top left;
    text-decoration: underline;
    color: #fff;
}

/* **** A nested indented div **** */
.IANestedIndent
{
	padding: 0 0 0 5px;
}