body {/* controls margins and background for whole page */
    background: url(/graphics/bggradient.gif) #FFFFFF;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, san-serif;
    margin: 0px 10px 0px 0px;}

table,td,th,ol,ul,li,i,b,u,div,p,a,br,strong{
    /*keeps fonts in elements same size */
	font-size:small;
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, san-serif;}

h2,h3,h4{margin-bottom:.3em;}

h1{
	text-align:center;
	font-size:60%;
	background:url(/graphics/ca/level1HdrBg.gif) repeat-x;
	color:#990033;
	margin-bottom:1em;
	clear:both;}
#middle h1{
	color:#000033;font-size:130%;text-align:left;background:url();
}
h1 span{background:white;padding:0px 5px 0px 5px;letter-spacing:.2em;text-transform:uppercase;}
h2{color: #990033;font-size:140%;}
h3{font-size:80%;font-size:110%;}
h4{font-size:110%;font-weight: bold;}
h6{font-size:80%;font-size:100%;color: #996600;}
ul,ol{line-height:1.5em;}
ul li, ol li{margin:.7em 0em;}
p{margin:.25em 0em .75em 0em;line-height:1.3em;}
ul{margin-top:.1em;}

.photo{border:1px solid black;margin:10px;}
ul li{
	list-style-type: none;
	background: url(/graphics/ca/arwSmRed.gif) no-repeat 0px .5em;
	margin-left:-35px;
	padding-left:10px;}

ul li li{margin-left:-38px;background: url(/graphics/ca/arwSmGreen.gif) no-repeat 0px .5em;}

ul li li li{
	line-height:1.2em;
	margin-bottom:2px;
	margin-top:0px;
	background: url(/graphics/ca/arwSmBlu.gif) no-repeat 0px .3em;}

#map li{margin:0px 0px 0px 0px;}
#map ul{margin-bottom:10px;}

.content,.contentTabbed{/*main content area w/no 2nd level tabs*/
	margin-left:160px;font-size:80%;clear:both;margin-top:0px;}

.contentTabbed{/*main content table w/2nd level content tabs*/
	border-left:1px solid #cccccc;border-right:1px solid #cccccc;}

.list{/*surrounds series of list divs to clear float properties*/clear:both;}

.list div{
	background:url(/graphics/ca/arwSmRed.gif) no-repeat 8px 10px ;
	padding:5px 5px 5px 15px;
	float:left;}

.mnList div{
	background:url(/graphics/ca/arwSmRed.gif) no-repeat 8px 10px ;
	padding:5px 0px 5px 15px;
	line-height:1.5em;}

.grayBlocks div{border:1px solid gray;padding:10px;text-align:center;font-size:70%;letter-spacing:.1em;width:12em;margin:2px;float:left;}

.highlight{background:url(/graphics/ca/highlight_blue.jpg) no-repeat;}
.rthighlight{background:url(/graphics/ca/highlight_blue_rt.jpg) right no-repeat;clear:left;}

/*-Styles for Callout Boxes-*/

.callout, .calloutPop, .calloutHz{
	border:1px solid black;background-color:#ffffee;margin:10px;padding:10px;width:35%;font-size:85%;}
.charterPop{
	padding:10px;font-size:80%;}

.navCallout{border:1px solid gray;border-right:2px solid gray;border-bottom:2px solid gray;font-size:85%;}

.navCallout .dogEar{
	
	background: url(/graphics/ca/navCallcrnr.gif) top right no-repeat;
	padding:15px 10px 10px 10px;
	position:relative;top:-1px;left:2px;
	}

.navCallout .dogEar h3{color:#003366;margin-top:5px;}


.navCallout div ul li{list-style-image: url(/graphics/ca/clear.gif)!important;background:url(/graphics/ca/bltBluSq.gif) no-repeat!important;line-height: 1.2em;	margin-left:-35px;}
.navCallout span{display:block;}
.dogEar div{margin-bottom:10px;}

.calloutPop{width:90%;font-size:80%;}

.callout ul li, .calloutPop ul li{
	margin-left:-20px;
	padding-left:20px;
	list-style-image:url(/graphics/ca/clear.gif)!important; 
	background:url(/graphics/ca/blt.gif) no-repeat 0px 1px !important;}

.callout h3,.calloutPop h3,.calloutHz h3{color:#990033;}
.calloutHz{border-left:0px;border-right:0px;width:100%;padding-bottom:0px;background-color:#ffffff;}
.calloutHz h3{margin-bottom:10px;}

/*-Main Page Middle Column Display classes-*/
.main{font-size:85%;}
.main h3{color:#333333;border-bottom:1px solid black;margin-bottom:10px;clear:both;font-size:110%;width:100%;}
/*.main li{list-style-image: url(/graphics/ca/blt.gif);margin:.5em 15px .5em -20px;line-height:1.3em;}*/
.main ul{margin:0px 0px 0px 36px;}
.main a{text-decoration: none;}
.main a:hover{text-decoration: underline;}
.main a:visited{text-decoration: none;}
.newsAlert {color:#990000;}

/*Right side navigation area classes*/

.rtTitle{/*attaches to div around title on right side*/padding:3px 3px;background:url(/graphics/ca/hdrSection.jpg) repeat-y top right;border:1px solid #FFCC33;}
.rtCell{/*attach to table cell surrounding right side navigation*/width:25%;padding-right:10px;vertical-align:top;}	
.rtTitleNws{padding:3px 0px 3px 3px;background:url(/graphics/ca/hdrNews.jpg)  repeat-y top right;border:1px solid #99CC33; }
/* .navRt* rules attach to divs surrounding links in right side navigation.
   .navRightOff can be used to align text in right hand column even if it is not a link
*/

/* Banner */
.bannerDSHS{background: url(/graphics/ca/DSHShdrBg.gif) repeat-x;width:100%;}
.bannerCA{padding-top:3px;margin-bottom:15px;width:100%;text-align:right;}

#caHdr{margin-top:-3px;}

/*-Left Side navigation-*/
#mainNav{/*Div surrounding main CA nav section*/
	margin:0px 16px 0px 0px;height:400px;position:absolute;left:10px;top:94px;border-top:2px solid #8DA9C6;
	border-bottom:2px solid #8DA9C6;width:140px;background-color:white;
	background: url(/graphics/ca/navOff.gif) top right repeat-y;}

/*NavItem is div around each main CA nav link*/
.navItem, .navItemOn{border-bottom:2px solid #8DA9C6;}

.navItem a, .navItemOn a{color: #003366;font-size:75%;display:block;font-weight:bold;margin-top: .1em;
     padding: 8px 0px 8px 10px;text-decoration:none;width:100%;}
.navItem a:hover{background: url(/graphics/ca/navOn.jpg) repeat-y;color: #000000;}
.navItem a:visited{color: #003366;}
.navItemOn a{background: url(/graphics/ca/navOn.jpg) repeat-y;color:black;}
.navItemOn a:visited{color:#000000;}
/* above lines hidden from NN4*/

/*NavLinks are divs around DSHS-wide items under the main CA nav*/
.navLinks{font-size: 75%;padding-top:5px;margin:0px 35px 0px 1.5em;}
.navLinks a{text-decoration:none;}
.navLinks a:hover{text-decoration:underline;}	

/*Top Navigation and Banner Section*/
.tabOn,.tabOff{padding:3px;margin:3px;font-size:70%;}
.tabOn{background-color:#FFCC33;border-bottom:0px;padding-bottom:2px;}
.tabOn a{text-decoration:none;color:black;cursor:default;}
.tabOff a{color:blue;text-decoration:none;}
.tabOff a:hover{text-decoration:underline;}	

/*Top Navigation for Secondary Nav*/
.navTabBox{margin-left:160px;}
.navTabOn,.navTab{/*small width is too prevent tab expansion in some browsers.*/
	display:inline;padding:2px 5px 0px 5px;text-align:center;height:21px;font-size:70%;position:relative;top:1px;width:2px;white-space:nowrap;}
.navTabOn a{color:black;text-decoration:none;cursor:default;}
.navTabOn{background: url(/graphics/ca/navTabOn.gif) repeat-x;border:1px solid #cccccc;border-bottom:0px;}
.navTab a{text-decoration:none;}
.navTab a:hover{text-decoration:underline;}
.navTabUnder{background:url(/graphics/ca/tabunder.gif) repeat-x;border:1px solid #cccccc;border-bottom:0px;height:25px;}

/*-General Classes & IDs-*/
#middle { /*should adhere to middle content td*/padding:0px 30px 0px 10px;;width:75%;vertical-align:top;}
#middleNav{ /*should adhere to middle content td */
	padding:0px 30px 0px 10px;
	width:75%;
	background:url(/graphics/ca/middleNavBg.jpg) no-repeat top right;
	vertical-align:top;}

/********** Tab Level 2 ***********/
.navTabLevel2{/*Wrapper around 2nd level Tabs*/
	background:url(/graphics/ca/navTabYlwBg.gif) repeat-x;
	height:50px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding-left:20px;}
	
.navTabL2On,.navTabL2{/*small width is too prevent tab expansion in some browsers.*/
	display:inline;padding:2px 5px 0px 5px;text-align:center;height:21px;font-size:70%;
	width:2px;position:relative;top:1px;line-height:1em;white-space: nowrap;}

.navTabL2On a,.navTabDblOn a{color:black;text-decoration:none;cursor:default;}
.navTabL2On a:visited,.navTabDblOn a:visited{color:black;text-decoration:none;cursor:default;}
.navTabL2On,.navTabDblOn{background:#ffffff;border:1px solid #EDBC48;border-bottom:0px;margin-top:7px;}
.navTabL2 a,.navTabDbl a{text-decoration:none;}
.navTabL2 a:hover,.navTabDbl a:hover{text-decoration:underline;}
.navTabDblOn,.navTabDbl{/*Used for level 2 tabs with 2 line descriptions*/
	float:left;
	padding:1px 7px 0px 7px;
	text-align:left;
	height:26px;
	font-size:11px;
	position:relative;
	top:3px;
	line-height:1em;
	letter-spacing:-.04em;
	white-space:nowrap;
	margin-top:0px;
	}
.navRtOn, .navRtOff, .navRtOff div, .navRtOff span, .navRtGroup{font-size:85%;line-height:1.3em;margin:10px 0px 10px 0px;padding-left:10px;}
.navRtOff div, .navRtOff span{font-size:100%;display:block;}	
.navRtGroup{background:url(/graphics/ca/arwBrownDn.gif) no-repeat 0px 5px;}	
.navRtOn{background:url(/graphics/ca/arwSmRed.gif) no-repeat 0px 5px;}
.navRtOn a,.navReportOn a,.navRtGroup a{color:black;text-decoration:none;cursor:default;}	
.navRtOn a:hover{text-decoration:none;}
.navRtOn a:visited, .navRtGroup a:visited{color:black;}
.navRtOff a, .navRtOff div a, .navRtOff span a{cursor:hand;text-decoration:none;}
.navRtOff a:hover, .navRtOff div a:hover, .navRtOff span a:hover{text-decoration: underline;}

/*tab2 is Tertiary Right Side navigation, navZ is Plain Horizontal Navigation*/
.navBox{
	background:url(/graphics/ca/hdrSection.jpg) right top repeat-y;
	padding:10px 5px 10px 0px;
	border:1px solid #ffcc33;
	border-left:0px;
	margin:0px 0px 30px 0px;}
.tab2On,.tab2Off{padding:0px 0px 2px 10px;margin:3px 1px 3px 10px;font-size:85%;}
.tab2On {background:url(/graphics/ca/arwSmRed.gif) no-repeat 0px 3px; }
.tab2On a, .navZOn{text-decoration:none;color:black;cursor:default;}
.tab2Off a,.navZOff{color:blue;text-decoration:none;}
.tab2Off a:hover, .navZOff:hover{text-decoration:underline;}	
.tab2On a:visited, .navZOn:visited{color:black;}
.navZOff, .navZOn{font-size:85%;height:1.5em;}
/*Commented out because this is showing as a broken link on Web Validator reports.navZOn{background:url(/graphics/ca/arwRedUp.gif) no-repeat bottom middle;padding-bottom:4px;}*/

 /*Document Icon Classes*/
 .pdf,.pdfs,.ppt,.word,.real,.video,.link,.htm, .shana, .pdfList div, .pdfKCF, .winMedia, .xls, .youtube, .fb{padding:0px 0px 15px 25px;background-repeat:no-repeat;background-position:left top;}
.pdf{background-image:url(/graphics/ca/iconPDF.gif);}
.ppt{background-image:url(/graphics/ca/iconPPT.gif)}
.word{background-image:url(/graphics/ca/iconDoc.gif)}
.xls{background-image:url(/graphics/ca/iconXLS.gif)}
.shana{background-image:url(/graphics/ca/iconShana.gif)}
.pdfs{background-image:url(/graphics/ca/iconPDFs.gif);}
.pdfList div, .pdfList li{background-image:url(/graphics/ca/iconPDF.gif);list-style-type:none;margin:.5em 0px;}
.pdfList li{margin-left:-30px;padding-left:25px;}
.pdfKCF{background-image:url(/graphics/ca/iconPDF.gif);padding-bottom:5px;}
.youtube{background-image:url(/graphics/ca/iconyoutube.gif);}
.fb{background-image:url(/graphics/ca/iconFB.gif);}

.real{padding-left:40px;height:25px;background-image:url(/graphics/ca/iconReal.gif)}
.winMedia{padding-left:40px;height:25px;background-image:url(/graphics/ca/iconWinMedia.gif)}


.video{background-image:url(/graphics/ca/iconVideo.gif)}
.link{background-image:url(/graphics/ca/iconLink.gif)}

p.link,p.video,p.real,p.pdf,p.ppt,p.word{padding-bottom:0px;}

/*Specific Include Styles*/
.footer{/*for footer found on bottom of every page*/font-size:80%;margin-left:170px;}
.accesswa{/*for access wa include found in ssi/navMain.ssi*/margin-top:50px;margin-left:3px;}

/*Office Locations - styles for office finding pages and office look up bar*/
.olistcontent{margin-left:170px;margin-bottom:30px;font-size:80%;}
.olistcontent td{border-bottom:1px solid black;}
.ofind{background-color:white;border:1px solid #8DA9C6;border-right:0px;border-left:0px;font-size:110%;margin-bottom:1px;padding: 4px 0px 0px 10px;}
.ofindBar{/*This refers to the light blue background area around the "find office" bar*/padding:1px 1px 1px 10px;text-align:left;}
.oFindSquares{background-image:url(/graphics/ca/oFindBg.gif);border:1px solid #8DA9C6;border-right:0px;border-left:0px;}
.ofindBtn{background:url(/graphics/ca/btnOffices.gif) repeat-x #ffcc33;border:1px solid black;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;font-weight:bold;height:20px;margin-left:5px;width:50px;cursor:hand;}
.ofindtxt{border:1px solid black;border-right:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;width:4.5em;}
.btnwrapper{border:1px solid black;}
form{margin: 0px 0px 10px 0px;}
.ofindOptions{background:white;padding-right:5px;position:relative;top:-1px;}

/*Table styles*/
.contactList{border-collapse:collapse;border:1px solid #666666;}
.contactList td{border-left:1px solid #666666;border-right:1px solid #666666;border-bottom:1px solid #cccccc;border-collapse:collapse;padding:5px 30px 5px 30px;}
.contactList th{background-color:#ccccff;text-align:left;padding:3px 30px 3px 30px;}

.formList{border-collapse:collapse;border:1px solid #666666;}
.formList td{border-left:1px solid #666666;border-right:1px solid #666666;border-bottom:1px solid #cccccc;border-collapse:collapse;padding:5px 15px 5px 15px;}
.formList th{background-color:#ccccff;text-align:left;padding:3px 15px 3px 15px;}
.magnify{font-size:110%;}

@media print{
#mainNav{visibility: hidden;}
	.content{margin-left:40px;}
	.h1div{display:none;}
	.bannerPrint{display:block;}
	.bannerDSHS{display:none;}
	.bannerCA{display:none;}
	.contentTabbed,.navTabBox{margin-left:40px;}
	.footer{display:none;}
	.navTabBox{display:none;}
	#middleNavL2{background:none;}
}

/*styles for pop-up definitions*/
	.definitionOff, .definitionOn{
		height:.5em;position:relative;display:inline-block;padding-right:13px;color:blue;cursor:hand;
	}	
	
	.definitionOff{
		background:url(/graphics/ca/btn_definitionOff.gif) no-repeat right 2px;
		}
	
	.definitionOn{
		background:url(/graphics/ca/btn_definitionOn.gif) no-repeat right 2px;
		}
	
	.definitionOn span, .definitionOff span{
		width:200px;
		height:200px;
		padding:20px 5px 5px 5px;
		overflow-y:scroll;
		border:1px solid gray;
		color:black;
		background-color:white;
		position:absolute;
		top:15px;
	}
	
	.definitionOn ins, .definitionOff ins{
		text-decoration: underline;
	}