@charset "UTF-8";
/* ADHS Screen CSS */

body {
	behavior: url(/style/ie_fix.htc); /*IE6 fix for flyout left nav menu*/
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #contentContainer main div */
	color: #000000;
}


html {


overflow-y: scroll; /*puts verrtical scrollbar on every page for those browsers that only show the scrollbar when the page's content is long 
enough to need it, this eliminates jumps in horizonatl centering for those browsers when visitors travel between pages of different lengths  */
overflow-x: auto;

}


h1 {
	font-size: 125%; /* font size as % so user can control size through browser font size */
	font-weight:bold;
	color: #4d5495;
	/* display: inline; /* removed because inline display changes a basic property of the H1 tag, padding-top set to zero instead */
	padding-top:0; /* added to replace code removed above JB 10/28/11 */
	margin-bottom:0;
}
h2 {
	font-size: 110%; /* font size as % so user can control size through browser font size */
	color: #C60;
	margin-top:0;
	margin-bottom:15px; /* JB 10/28/11 margin-bottom added to permit the deletion of the spacing1 div tag on the page below it */
}
h3 {
	font-size: 105%;/* font size as % so user can control size through browser font size */
	color: #4d5495;
	font-weight: bold; 
}
a {
	color: #C60;
}
a:hover {
	color: #666;
}


img {
	border: 0;
}



form { /* necessary to eliminate extra spacing caused by form tags */
	margin:0;
	padding:0;
}


/*#masterContainer {
	width: 955px;
	margin: 0 auto 0 auto; 
} uncomment in css and master template to remove wings */





#contentContainer { 
	width: 955px; 
	margin: 0 auto 0 auto; /*top,right,bottom,left - this centers the container */
	text-align: left; /* only necessary if body was set to text-align center to deal with IE5 browser */
	padding: 0 0 10px 0; /*top,right,bottom,left */
}



#break {
	padding-top: 1px; /* padding, not margin so that bkgd image in #container1 is covered by bkgd color specified */
	background: #FFF;
}
#tools {
	width:955px;
	text-align:right;
	margin:0;
	padding: 5px 0 5px 0; /* /*top,right,bottom,left - padding is inside the object and margin is outside and they both must be added to the total width */
	display: inline-block;
	/*font-size: .8em;*/
}

#tools span.toolstext {
	margin:0;
	padding:0 0 0 0; /*top,right,bottom,left */
	text-align:right;
	color:#000;
	
}


#extension1 {
	height:0;/* this div DOESN'T DO ANYTHING because it doesn't wrap the #header div as it was intended to do, so it's been zeroed out */
	margin:0;
	padding:0;
	width: 100%; /*For L R extension*/
	
}
#header {
	width: 100%;
	margin:0;
	padding:0;
	background: url(/images/template/header_bkgd.jpg) repeat-x; /* for L R extension */
}
#header img {
	width:100%;
	display:block; /* IE6 fix for extra space below div tag. Without this bottom of image is aligned to text baseline with room for decenders. display inline-block necessary for IE8, FireFox, Chrome and Safari, but adds space in IE6, so table used in header include */
	border: none;
}
#extension2 {
	background: #333;
	margin:0;
	padding:0;
	width: 100%; /*For L R extension*/
}
#searchContainer {
	background: #333;
	width: 955px;
}
#search {
	width:955px;
	display: inline-block;
	height: 26px;
}
#search #tagline {
	float: left;
	color: #FFF;
	font-style: italic;
	padding: 5px 0 5px 5px; /* top,right,bottom,left - padding is inside the object and margin is outside and they both must be added to the total width */
}
#search #searchbox {
	float:right;
	padding-top:0px;
}
#search #searchbox_secondary { /*used for directory specific searches such as azwic.gov */
	float:right;
	padding-top:0px;
}
#search #navigationContainer {
	width: 100%; /*Remove for L R extension*/
	/*background: #666;*/
}
#search #navigation {
	/*text-align:left;*/
	/*width:950px;*/
	float: left;
	padding: 5px 0 5px 5px; /* padding is inside the object and margin is outside and they both must be added to the total width */
	color: #FFF;
	font-weight: bold;
	/*display: inline-block;*/
}
#search #navigation a {
	color: #FFF;
	text-decoration: none;
}
#search #navigation a:hover {
	color: #CCC;
}


/* this div's spacing is zeroed out because it has become unecessary due to spacing added to bottom of H2 tag, this div is removed from new template, 
but this code must remain to deal with this div in the old template - JB 10/28/11 */
#spacing1 {
	height: 0;
	margin:0;
	padding:0;
	
}



#footer {  
	clear:both;
	width: 955px;
	text-align: center;
	/*display: inline-block; 03/22/11-GW: REMOVING THIS PROPERTY PREVENTS FOOTER FROM BREAKING INTO THE MAIN CONTENT AREA IN FIREFOX AND SAFARI. */
	margin: 0 auto 0 auto;
	padding:0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	background: url(/images/template/footer_back.jpg) repeat-x left top;
}


#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0 0 0; /* top,right,bottom,left  - padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


/* BEGIN LEVEL 0 STYLES */

#main_level0 {
	margin: 0 0 0 0px;
	padding: 0 5px 0 5px; /* top,right,bottom,left - 150px right side padding removed to allow full use of landscape - JB 10/28/11 */
	background: #FFF;
}


#breadcrumb_level0 {
	margin: 0 0 0 0px;
	padding: 10px 0 0 5px; /* padding is inside the object and margin is outside and they both must be added to the total width */
	background: #FFF;
	
}


/* END LEVEL 0 STYLES */

/* BEGIN LEVEL 1 STYLES */

#main_level1 {
	margin: 0 0 0 190px; /* top,right,bottom,left  - left margin matches width of leftNav objects */
	padding: 0 0 10px 15px;  /* top,right,bottom,left  - bottom padding necessary for color extension of left nav to top of footer */
	/* the contentContainer wrapper div is 955px wide, the left side objects are 190px wide, leaving 765px of width minus the 15px padding on the left 
	of this div leaves 750px width for main content objects */
	background: #FFF;
}


#leftNav {
	margin:0; /* margin space allows white background to show thru */ 
	padding: 0 0 5px 0;/*top,right,bottom,left - padding creates vertical spacing but doesn't allow white background to show thru JB 10/28/11 */
	/* left or right margins or padding would cause the box to exceed its 190px width */ 
	float:left;
	width:190px;
	color:#FFF;
	display: block;
	background: #FFF url(/images/template/left.gif) repeat-y left top; /*Necessary to fill background color */
}


#leftNavContact {
	clear:both;
	margin:0; /* margin space allows white background to show thru */ 
	padding: 5px 0 10px 0; /*top,right,bottom,left  - padding creates vertical spacing but doesn't allow white background to show thru JB 10/28/11 */
	/* left or right margins or padding would cause the box to exceed its 190px width */ 
	float:left;
	width:190px;
	color:#FFF;
	display: block;
	background: #FFF url(/images/template/left.gif) repeat-y left top; /*Necessary to fill background color */
}


#leftNavContact p 
{
	margin:0; 
	padding: 0px 5px 10px 5px; /*top,right,bottom,left  - contact information in all contact.html files MUST be enclosed in P tag */
}



#leftNavContact a {
	color: #FFF;
}
#leftNavContact a:hover {
	color: #CCC;
}


#leftNavOther {
	clear:both;
	margin: 0; /* addition of margin space allows white background to show thru */
	padding: 5px 0 5px 0; /*top,right,bottom,left  - padding creates vertical spacing but doesn't allow white background to show thru JB 10/28/11 */
	/* left or right margins or padding would cause the box to exceed its 190px width */ 
	float:left;
	width:190px;
	color:#FFF;
	background: #FFF url(/images/template/left.gif) repeat-y left top; /*Necessary to fill background color */
}


#breadcrumb_level1 {
	margin: 0 0 0 190px; /* top,right,bottom,left - left margin matches width of leftNav */
	padding: 10px 0 0 15px; /* top,right,bottom,left */
	background: #FFF;
	
}


/* END LEVEL 1 STYLES */

/* BEGIN GITA LEFT NAV MENU CODE (modified) */

#menu ul {
	list-style: none;
	margin:0;
	padding:0;
	width:100%;
}

#menu ul ul li {
	float: left;
	margin:0;
	padding:0;
	width: 100%;
	position: relative; /* provides relative position to set the absolute position of the arrow image */ 
	z-index:1;/* ensures that the menu links are in the topmost layer  */  
}

#menu a {
	display: block;
	margin: 0;
	padding: 5px 10px 5px 5px; /*top,right,bottom,left - extra right padding prevents link text from overlapping arrow images*/
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color:#7e7e9c; /* matches color of bkgd gif called in #fauxColumnleft*/ 
	
}

#menu ul ul ul a { /* removes the extra 5px of right padding from the flyout links (see above) */
	padding-right:5px;
}


#menu a:hover {
	color: #FFFFFF; /* white */
	background-color:#333333; /* black*/
}


#menu ul ul ul {
	margin: +3% 0 0 0%; /* positioning of flyout links */
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
  	filter: alpha(opacity=95); /* for IE */
  	opacity: 0.95; /* CSS3 standard */
	border: 1px solid #CCC;
}

#menu ul ul li /* makes sure first level links are visible by default */
 { 
	display: block;	
}


#menu ul ul ul /* makes flyout links invisible by default */
 { 
	display: none;	
}
#menu ul ul li:hover ul /* makes flyout links visible upon mouseover of parent link */
 { 
	display: block;
}


.arrow {
	background: url(/images/template/arrow.gif); /* image size W5px, H9px */
	background-repeat: no-repeat;
	background-position: 172px center; /*  moves arrow a little bit back off the border */		
}


/* END GITA LEFT NAV MENU CODE (modified with fixes) */

.linklist {
	line-height:2em;
}
.linklist ul {
	list-style: none;
	margin: 0;
}
.linklist li {
	margin: 0;
	padding:0;
}

/* BEGIN CONTENT AREA STYLES from previous template */

/*img {
	border: 0px;
	padding: 0px;
}

#imgborder{
	border: 1px solid;
}

#imgborder .a{
	border: 1px solid;
	color:#000000;
}*/

.attention {
	color:#990000;
	font-weight: bold;
}

.attentionlarge {
	color:#990000;
	font-weight: bold;
	font-size: medium;
}

.small {
	font-size: x-small;
	color: #666;
}

.medium {
	font-size: medium;
}

.blue {
	color: #304098;
	font-weight: normal;
}

.blueandbold {
	color: #304098;
	font-weight: bold;
}



/*END CONTENT AREA STYLES*/

/* ROUNDED CORNERS  10/10/10                        
/* TESTED IN BROWSER CAM AND BROWSERSHOTS 
/* IE 5.0/Up FF 1.5/Up SAFARI 4.0/Up Various Others 
/* WIN 2000; XP; VISTA; 7; MAC; LINUX     
/* CALL WITH THE BELOW CODE
/* OUTER DIV MAY BE SET TO ANY WIDTH

<div style="width:500px">    
<div id="rnd_container"> 
<b class="rnd_top">
<b class="rnd_b1"></b><b class="rnd_b2"></b>
<b class="rnd_b3"></b><b class="rnd_b4"></b>
</b>
<div class="rnd_content"> 
CONTENT GOES HERE
</div>
<b class="rnd_bottom">
<b class="rnd_b4"></b><b class="rnd_b3"></b>
<b class="rnd_b2"></b><b class="rnd_b1"></b>
</b>
</div>  
</div>
*/
 
#rnd_container {
	background: #FFFFFF; 
	margin:1px;
}    
.rnd_top, .rnd_bottom {	
	display:block; 
	background:#FFFFFF; 
	font-size:1px;
}
.rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {
	display:block; 
	overflow:hidden;
}
.rnd_b1, .rnd_b2, .rnd_b3 {height:1px; }

.rnd_b2, .rnd_b3, .rnd_b4 {
	background:#FFFFFF; 
	border-left:1px solid #999999; 
	border-right:1px solid #999999;
}
.rnd_b1 {margin:0 5px; background:#999999;}
.rnd_b2 {margin:0 3px; border-width:0 2px;}
.rnd_b3 {margin:0 2px;}
.rnd_b4 {height:2px; margin:0 1px;}
    
.rnd_content {
    display:block;
    border:0 solid #999999;
    border-width:0 1px;
    background:#FFFFFF;
}

/*ROUNDED CORNER CONTENT TABLE*/
.rnd_table {
	width: 94%; /*need breathing room or right side of box will not be visible on screen*/
	border: none;
}
.rnd_table td {
	vertical-align: top;
	padding-left: 6px;
	padding-right: 6px;
}






/* *****************************STYLE SHEET ADDITIONS SINCE OCT 2010************************** */






/* BEGIN NEW STYLES that have been added since Oct 2010 to help clean up existing layout structure and make it more consistent. */



ol.singlespaced-decorated li {
	margin-bottom:10px;
	
}

ul.singlespaced-decorated li {
	margin-bottom:10px;
	
}

ul.singlespaced-nondecorated li {
	margin-bottom:10px;
	list-style:none;
	
}






ul.blueicons li {
list-style-image:url("http://azdhs.gov/images/bullet.gif");
margin-bottom:10px;
}

ul.bluebutton li {
list-style-image:url("http://azdhs.gov/images/bluebutton.jpg");

}

ul.bluesquare li {
list-style-image:url("http://azdhs.gov/images/bullet3.gif");

}



.imageRight {
	float: right;
	margin-bottom: 15px;
	margin-left: 20px;
}

.imageRightBorder {
	float: right;
	margin-bottom: 15px;
	margin-left: 20px;
	border: 1px solid #000;
}

.imageLeft {
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
}

.imageLeftBorder {
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
	border: 1px solid #000;
}

.centerText {
	text-align: center;
}

.bottomMargin25 {  /* GW: Add to ul or p tags that precede an h tag to create visual spacing between page sections. */
	margin-bottom: 25px;
}

.topMargin10 {  /* GW: For ul tags when additional space is needed between the list and previous content. */
	margin-top: 10px;
}

.topMargin25 {  /* GW: For the last li when used as an archive or back to top anchor. */
	margin-top: 25px;
}

.topMargin40 {  /* GW: Add to p tags enclosing Adobe Reader links to create consistent spacing from last content element. */
	margin-top: 40px;
}

.highlightText {
	background-color: #FF0;
}

/* JB: added to restore inherent text align center property to <th> tag that's disabled by the text align left property in 
the main contentContainer div that was added as a hack to deal with IE 5 browser  */
th {text-align:center;}


#tables table {width:96%;margin-top:20px;border:solid 1px #cccccc;border-collapse:collapse;}
#tables th {background-color:#E8E8E8;padding:3px;border:solid 1px #cccccc;}
#tables tr {vertical-align:top;}
#tables td {border:solid 1px #cccccc;padding:3px;}
caption {padding-bottom: 5px;}
caption {font-weight:bold;}

/* END NEW STYLES */ 





/* BEGIN NEW LANDING PAGE STYLES */

#contentWrapper {
	float: left;
	width: 745px;
	margin:0;
	padding-bottom: 20px;
}




#calloutBox {
	float: left;
	width: 743px;
	border: 1px dashed #999999;
	padding-top: 8px;
	padding-bottom: 8px;
	/*margin-top: 20px; - removed because spacing was added to bottom of H2 tag JB 11/4/11 */
	background-color: #f2f2f2;
}
#calloutSpacer {
	float: left;
	width: 50px;
	height: 55px;
}
#calloutImage {
	float: left;
	width: 53px;
	padding-right: 20px;
}
#calloutContent {
	float: left;
	width: 570px;
	padding-right: 50px;
}
#navBoxes {
	float: left;
	width: 745px;
	padding-top: 20px;
}
#navBox1 {
	float: left;
	width: 148px;
	margin-right: 22px;
	border: 1px solid #999;
	padding: 10px;
}
#navBox2 {
	float: left;
	width: 148px;
	border: 1px solid #999;
	margin-right: 21px;
	padding: 10px;
}
#navBox3 {
	float: left;
	width: 148px;
	border: 1px solid #999;
	margin-right: 22px;
	padding: 10px;
}
#navBox4 {
	float: left;
	width: 148px;
	border: 1px solid #999;
	padding: 10px;
}
#contentBox {
	float: left;
	width: 745px;
	padding-top: 20px;
}
#contentBox0 {  /* GW: Use if top padding of contentBox needs to be removed. */
	float: left;
	width: 745px;
}
.boxImage {
	padding-bottom: 7px;
	text-align: center;
}
.boxLink {
	padding-top: 7px;
	text-align: center;
}


/* begin callout box code that uses XHTML with background images */

#callout  {
	position:relative;
	margin-top:20px;
	margin-bottom:15px;
	padding:8px;
	border: 1px dashed #999999;
	background-color: #f2f2f2;
	min-height:60px;
	height:auto !important; /* this code is a hack to remedy the failure of IE6 to recognize min-height */
    height:60px; /* this code, since it follows the code on the line above, sets the height for IE6, but is ignored by other browsers */
	
	
}

#callout ul {
	margin-left: 130px;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	
}


#callout p {
	margin-left: 120px;
	margin-top:0;
	margin-bottom:0;
	padding:0;
}


#callout.megaphone {
	background-image:url(http://azdhs.gov/images/callouts/callout_megaphone.png);
	background-repeat: no-repeat;
	background-position: 50px 8px;	
}


#callout.fire {
	background-image:url(http://azdhs.gov/images/callouts/callout_fire.png);
	background-repeat: no-repeat;
	background-position: 50px 8px;		
}

#callout.sun {
	background-image:url(http://azdhs.gov/images/callouts/callout_sun.png);
	background-repeat: no-repeat;
	background-position: 50px 8px;		
}



/* end code for callout boxes with background images */

/* END NEW LANDING PAGE STYLES */