@media all {

/*----
CSS Style Sheets for CCLS Wisconsin, Copyright 2007
Author: Julie Berglund, CaliCat Design ----- */

/* BODY AND FONTS: =body
----------------------------------------------- */
	* 		{ margin: 0; padding: 0; }
	body	{ background: #fff url("../images/all-bg-body-top.gif") 50% 0 repeat-x; color: #474747; font: 100%/1.0em Arial, Helvetica, sans-serif; text-align: center; }

/* LINKS: =links
----------------------------------------------- */
	a, a:visited { color: #8E5F28; }
	a:hover { color: #b4aa82; } 
	a img, a.img { border: none; }
		
/* TYPOGRAPHY: =typography
----------------------------------------------- */	
	p, li, blockquote, textarea, th, td { font-size: 13px;}
	#content p { line-height: 1.1em; }
	ul, ol, dl, table { margin-bottom: 1.0em; }
	p, dd { margin-bottom: 1.4em; }
	h1, h2, h3, h4, h5, h6 { margin: 0 0 .20em; padding: 0; }
	h2 { font-size: 1.2em; font-weight: bold; margin: 0 0 .25em 0; line-height: 1.4em; }
	th, dt { font-weight: normal; font-size: 1.2em; }
	dt, th { font-style: italic; font-size: 1.2em;}

	h1 { font-weight: bold; font-size: 1.5em; margin-bottom: 30px;}
	h3 { font-weight: bold; font-size: 1.0em; line-height: 1.2em; }
	h4, h5 { font-weight: bold;}
	h5.county { margin-top:-20px;}
	h5 { font-size: .9em; font-style:italic;}
	#map area, #map a.img  { border: none;}
	p.classlist {margin-bottom: 6px;}
	ul.classlist {margin-bottom: 6px;}
	#maincolumn ul.classlist li {background: url("../images/bullet-video2.gif") left .7em no-repeat; padding: 9px 0 4px 26px; line-height: 1.3em; }

	blockquote {padding-left: 30px;}
	blockquote.admin {padding-left: 0;}


/* HEADER: =header
----------------------------------------------- */
	#header { float: left; height: 107px; width: 100%; padding: 0 0 5px 0; }
	#header #logo { float: left; margin: 10px 20px 0 0; }
	body.home .topbanner { height: 177px; margin-bottom: -6px;}
	
	body.general .topbanner, body.services .topbanner,
	body.staff .topbanner, body.cclsu .topbanner,
	body.reg-c .topbanner, body.reg-e .topbanner,
	body.reg-em .topbanner, body.reg-nc .topbanner,
	body.reg-nw .topbanner, body.reg-s .topbanner, body.reg-sc .topbanner,
	body.reg-w .topbanner, body.careers .topbanner {height: 110px; margin-bottom: -6px;}

	body.home .topbanner { background: #ffffff url("../images/header-bg-home.gif") 50% 0 repeat-x;}
	body.general .topbanner { background: #ffffff url("../images/header-bg-general.gif") 50% 0 repeat-x;}
	body.services .topbanner { background: #ffffff url("../images/header-bg-services.gif") 50% 0 repeat-x;}
	body.staff .topbanner { background: #ffffff url("../images/header-bg-staff.gif") 50% 0 repeat-x;}
	body.cclsu .topbanner{ background: #ffffff url("../images/header-bg-cclsu.gif") 50% 0 repeat-x;}
	body.reg-c .topbanner { background: #ffffff url("../images/header-bg-central.gif") 50% 0 repeat-x;}
	body.reg-e .topbanner { background: #ffffff url("../images/header-bg-eastern.gif") 50% 0 repeat-x;}
	body.reg-em .topbanner { background: #ffffff url("../images/header-bg-emetro.gif") 50% 0 repeat-x;}
	body.reg-nc .topbanner { background: #ffffff url("../images/header-bg-ncentral.gif") 50% 0 repeat-x;}
	body.reg-nw .topbanner { background: #ffffff url("../images/header-bg-nwestern.gif") 50% 0 repeat-x;}
	body.reg-s .topbanner { background: #ffffff url("../images/header-bg-southern.gif") 50% 0 repeat-x;}
	body.reg-sc .topbanner { background: #ffffff url("../images/header-bg-scentral.gif") 50% 0 repeat-x;}
	body.reg-w .topbanner { background: #ffffff url("../images/header-bg-western.gif") 50% 0 repeat-x;}
	body.careers .topbanner { background: #ffffff url("../images/header-bg-careers.gif") 50% 0 repeat-x;}


/* NAVIGATION: =nav
----------------------------------------------- */
	#header ul { float: left; margin: 0 5px 0 0; padding: 12px 0 10px 0; list-style: none; }
    #header ul li { background: none; margin: 0; padding: 0; }
	#header ul li a { display: block; font-weight:bold; font-size: 1.0em; line-height: 15px; color: #00718f; text-decoration: none; padding: 2px 0px 1px 0px; }
	#header ul li.selected a { color: #c55d3d; }
	#header ul li a:hover { color: #b4aa82; }
	
	#header ul#topnavleft li a {width: 200px; }
	#header ul#topnavright li a {width: 128px; }
	#header ul#topnavleft li { margin-left: 0; width: 200px; padding-left: 18px; padding-top: 2px; }
	#header ul#topnavright li { margin-left: 16px; width: 128px; padding-left: 18px; padding-top: 2px;}
	
	#header ul#topnavleft li, #header ul#topnavright li { background: url("../images/all-topnav-bullet.gif") left .4em no-repeat; }
	
	#header ul#search { height: 102px; float:right; background:  url("../images/all-nav-searchbox-top.gif") top left no-repeat; width: 160px; margin: 5px 0 0 0; padding: 0; padding-left: 8px;}
	#header ul#search li { background: none; font-weight: bold; font-size: .9em; color: #00718f; padding: 9px  .8em 0 3px;  width: 150px;}
	#header ul#search li a { white-space: normal; padding: 0; }
	#header ul#search li a span, #header ul#search li a:hover { color: #b4aa82; }
	#header ul#search li.text { background:  url("../images/all-nav-searchbox-bottom.gif") bottom left no-repeat; padding: 6px  .5em 4px 3px; width: 130px;}

/* LAYOUT: = Framework for Entire Site
----------------------------------------------------------------------------------- */
	#content { clear: both; float: left; width: 100%; background: #f5f3ea url("../images/all-content-bg-border.gif") 50% 0 repeat-y;}/*  <-- contains interior bkgd with vertical borders for left column */
	.container { position: relative; text-align: left; width: 796px; margin: 0 auto; }
	.wrapper { float: left; width: 100%; }
	.bottomwrapper { background: url("../images/all-bg-bottom.gif") top left repeat-y; float: left; width: 100%; } /* <-- contains background with far right border */

	#content .container {margin-top:4px; }

	#leftcolumn { float: left; width: 220px; padding: 5px 8px 1.2em 4px; font-size: 1.0em; line-height: 16px; }
	#maincolumn { float: left; width: 520px;padding-left: 4px; }
	
	#bottomgroup { clear: both; float: right; width: 520px; padding: 16px 0 13px 15px; }
	
		#bottomgroup #widecol { float: left; width: 520px;}
		
		#bottomgroup #leftcol { float: left; width: 235px;}
		#bottomgroup #rightcol { float: right; width: 255px; padding-left: 4px; }

		#bottomgroup #leftcol-3 { float: left; width: 300px; }
		#bottomgroup #rightcol-3 { float: right; width: 190px; padding-left: 4px; }

		#bottomgroup #leftcol-5 { float: left; width: 190px;}
		#bottomgroup #rightcol-5 { float: right; width: 300px; padding-left: 4px; }

		#bottomgroup #rightcol-split1 { float: left; width: 171px;}
		#bottomgroup #rightcol-split2 { float: right; width: 165px; }
		
		
		

/* STYLES: = Generic STYLES for Entire Site
----------------------------------------------------------------------------------- */
	/* LEFT Column --------- */
	#leftcolumn #leftlinks ul li {  margin-bottom: 6px; padding: 0; width: 200px; list-style: none; padding-top: 2px; border-bottom: 1px solid #b5aa82; padding-bottom:6px; }
	#leftcolumn #leftlinks ul li.last {  margin-bottom: 6px; padding: 0; width: 180px;  padding-top: 2px;  border-bottom: 0px; }
	#leftcolumn h2 { text-decoration: none; display: block; width: 192px; height: 15px; }
	#leftcolumn h3 { padding: 10px 10px 0 10px; width: 192px; font-weight: bold;}

	#leftcolumn #leftlinks ul{ float: left; margin: 0 7px 0 7px; padding: 6px 0 6px 0; width: 177px; }
	#leftcolumn #leftlinks ul li a { display: block; width: 177px; font-weight:bold; font-size: 1.0em; color: #715d14; text-decoration: none; white-space: nowrap; padding: 2px 0px 0 22px; }

	#leftcolumn #news {clear: both; background: url("../images/all-leftcol-bg-extras.gif") top left repeat-x;  width: 206px; border-bottom: 1px solid #b5aa82; border-top: 1px solid #b5aa82; margin: 0 0 9px 0; padding: 5px 8px 10px 10px;} 
	#leftcolumn #news p { font-size: .8em; margin: 0 0 9px 10px; line-height: 16px;}
	#leftcolumn #news h4 { width: 194px; margin: 10px 0 6px 0; padding: 5px 8px 0 0; }
	#leftcolumn #news a:hover {color: #715d14;}
	#leftcolumn p { font-size: .8em; margin: 0 0 9px 10px; line-height: 17px;}
	#leftcolumn h4 { font-size: 1.0em; margin: 0 0 9px 10px; padding: 5px 8px 0 0; }

/* MAIN Column --------- */
	#widecol h1.title {float: left; height: 20px;}
	#widecol h1 {text-indent: -999em; height: 28px; width: 500px;}

	#maincolumn ul.wide li a{text-decoration: underline;}
	#maincolumn ul.wide li a:hover{ color: #b4aa82;}
	#maincolumn blockquote p {line-height: 1.3em; padding-left: 20px;}
	#maincolumn  p {line-height: 1.3em;}

	#maincolumn ul, #maincolumn ol { float: left; margin: 0 8px 0 8px; padding: 0 0 5px 4px; list-style-type:none; }
	#maincolumn ul li, #maincolumn ul.wide li {background: url("../images/bullet.gif") left .7em no-repeat; padding: 4px 0 4px 12px;  line-height: 1.3em; }
	#maincolumn ul li, #maincolumn ol li  { width: 260px; color: #474747; padding-bottom: 6px;}
	#maincolumn ul.wide li, #maincolumn ol.wide li{ width: 490px;}
	#maincolumn ul.wide li ul li{ width: 400px;}
	p.home1 { margin-top: 12px}
	p.home2 { margin-top: -12px}

	li.top { margin-top: -10px;}

	#maincolumn img { float: right;}	
	#maincolumn h2 a { overflow: hidden; text-decoration: none; display: block; }

	#caption { font-size: .7em; float: right; width: 460px; padding-left: 20px; padding-right: 20px; font-style:italic; color: #474747; }
	.caption { font-size: .7em; line-height: .98em; font-style:italic; color: #474747; }

/* SECTIONS: General & Home
--------------------------------------------------------------------------------------- */
	body.home a, body.home h2, body.home h3, body.home h4,
	body.home #leftlinks ul li.selected a,
	body.home #leftcolumn #leftlinks ul li a:hover, .title-home  { color: #00718f; }
	
	body.general a, body.general h2, body.general h3, body.general h4,
	body.general #leftlinks ul li.selected a,
	body.general #leftcolumn #leftlinks ul li a:hover { color: #00718f; } 

	body.home #leftcolumn #leftlinks ul li,
	body.home #leftcolumn #leftlinks ul li.last,
	body.general #leftcolumn #leftlinks ul li,
	body.general #leftcolumn #leftlinks ul li.last { background:  url("../images/leftcolumn-bullet-general.gif") left .4em no-repeat; }

	/* Page Headers  ------- */
	body.home #widecol h1 {background-image: url("../images/h1-homepage.gif");height: 52px;  }
	body.general #widecol h1.mission {background-image: url("../images/h1-general-mission.gif");}
	body.general #widecol h1.history {background-image: url("../images/h1-general-history.gif");}
	body.general #widecol h1.bod {background-image: url("../images/h1-general-bod.gif");}
	body.general #widecol h1.admin {background-image: url("../images/h1-general-admin.gif");}
	body.general #widecol h1.contact {background-image: url("../images/h1-general-contact.gif");}
	body.general #widecol h1.faq {background-image: url("../images/h1-general-faq.gif");}
	body.general #widecol h1.testimon {background-image: url("../images/h1-general-testimon.gif");}
	body.general #widecol h1.advo-main {background-image: url("../images/h1-advocate-main.gif"); }
	body.general #widecol h1.advo-links {background-image: url("../images/h1-advocate-main.gif");}
	body.general #widecol h1.news {background-image: url("../images/h1-general-news.gif");}

	/* Page headers for CLIENTS -------------------- */
	body.general #widecol h1.clients {background-image: url("../images/h1-general-clients.gif");}
	body.general #widecol h1.helplinks {background-image: url("../images/h1-clients-helplinks.gif");}
	body.general #widecol h1.credo {background-image: url("../images/h1-clients-credo.gif");}
	body.general #widecol h1.family {background-image: url("../images/h1-clients-familycare.gif");}
	body.general #widecol h1.funding {background-image: url("../images/h1-clients-funding.gif");}


/* SECTIONS: CCLS SERVICES
--------------------------------------------------------------------------------------- */
	body.services a, body.services h2, body.services h3, body.services h4,
	body.services #leftlinks ul li.selected a,
	body.services #leftcolumn #leftlinks ul li a:hover { color: #8e5f28; }

	body.services #leftcolumn #leftlinks ul li,
	body.services #leftcolumn #leftlinks ul li.last { background: url("../images/leftcolumn-bullet-services.gif") left .4em no-repeat; }

	body.services #widecol h1 {background-image:  url("../images/h1-services.gif");}
	body.services #widecol h1.nurse {background-image:  url("../images/h1-services-nurse.gif");}
	body.services #widecol h1.contact {background-image:  url("../images/h1-services-nurse-con.gif");}
	body.services #widecol h1.reg {background-image:  url("../images/h1-services-region.gif");}
	body.services #widecol h1.programs {background-image:  url("../images/h1-services-programs.gif");}
	body.services #widecol h1.serv {background-image:  url("../images/h1-services-service.gif");}




/* SECTIONS: CCLS UNIVERSITY
--------------------------------------------------------------------------------------- */
	body.cclsu a, body.cclsu h2, body.cclsu h3, body.cclsu h4, body.cclsu h5,
	body.cclsu #leftlinks ul li.selected a,
	body.cclsu #leftcolumn #leftlinks ul li a:hover { color: #930036; }

	body.cclsu #leftcolumn #leftlinks ul li,
	body.cclsu #leftcolumn #leftlinks ul li.last { background: url("../images/leftcolumn-bullet-cclsu.gif") left .4em no-repeat; }

	body.cclsu #widecol h1 {background-image:  url("../images/h1-cclsu.gif");}
	body.cclsu #widecol h1.what {background-image:  url("../images/h1-cclsu-what.gif");}
	body.cclsu #widecol h1.mandate {background-image:  url("../images/h1-cclsu-mandate.gif");}
	body.cclsu #widecol h1.conteduc {background-image:  url("../images/h1-cclsu-conteduc.gif");}
	body.cclsu #widecol h1.locations {background-image:  url("../images/h1-cclsu-locations.gif");}


/* SECTIONS: STAFF
--------------------------------------------------------------------------------------- */
	body.staff a, body.staff h2, body.staff h3, body.staff h4,
	body.staff #leftlinks ul li.selected a,
	body.staff #leftcolumn #leftlinks ul li a:hover { color: #304388; }

	body.staff #leftcolumn #leftlinks ul li,
	body.staff #leftcolumn #leftlinks ul li.last { background: url("../images/leftcolumn-bullet-staff.gif") left .4em no-repeat; }
	
	body.staff #widecol h1.careers {background: url("../images/h1-careers.gif");}

/* SECTIONS: Careers
--------------------------------------------------------------------------------------- */
	body.careers a, body.careers h2, body.careers h3, body.careers h4,
	body.careers #leftlinks ul li.selected a,
	body.careers #leftcolumn #leftlinks ul li a:hover { color: #304388; }

	body.careers #leftcolumn #leftlinks ul li,
	body.careers #leftcolumn #leftlinks ul li.last { background: url("../images/leftcolumn-bullet-staff.gif") left .4em no-repeat; }
	
	body.careers #widecol h1 {background: url("../images/h1-careers-main.gif");}
	body.careers #widecol h1.who {background: url("../images/h1-careers-who.gif");}
	body.careers #widecol h1.benefits {background: url("../images/h1-careers-benefits.gif");}
	body.careers #widecol h1.openings {background: url("../images/h1-careers-open.gif");}
	
/* SECTIONS: Community Region - Central: =reg-c 
--------------------------------------------------------------------------------------- */
	body.reg-c a, body.reg-c h2, body.reg-c h3, body.reg-c h4,
	body.reg-c #leftlinks ul li.selected a,
	body.reg-c #leftcolumn #leftlinks ul li a:hover, .title-c { color: #00367d; }

	body.reg-c #leftcolumn #leftlinks ul li,
	body.reg-c #leftcolumn #leftlinks ul li.last { background: url("../images/leftcolumn-bullet-central.gif") left .4em no-repeat; }
	
	body.reg-c #widecol h1 {background:  url("../images/h1-reg-central.gif");}
	
/* SECTIONS: Community Region - Eastern: =reg-e 
--------------------------------------------------------------------------------------- */
	body.reg-e a, body.reg-e h2, body.reg-e h3, body.reg-e h4,
	body.reg-e #leftlinks ul li.selected a,
	body.reg-e #leftcolumn #leftlinks ul li a:hover, .title-e { color: #325b01; }

	body.reg-e #leftcolumn #leftlinks ul li,
	body.reg-e #leftcolumn #leftlinks ul li.last { background: url("../images/leftcolumn-bullet-eastern.gif") left .4em no-repeat; }
	
	body.reg-e #bottomgroup h1 {background:  url("../images/h1-reg-east.gif");}
	
/* SECTIONS: Community Region - East Metro: =reg-em 
--------------------------------------------------------------------------------------- */
	body.reg-em a, body.reg-em h2, body.reg-em h3, body.reg-em h4,
	body.reg-em #leftlinks ul li.selected a,
	body.reg-em #leftcolumn #leftlinks ul li a:hover, .title-em { color: #987600; }

	body.reg-em #leftcolumn #leftlinks ul li,
	body.reg-em #leftcolumn #leftlinks ul li.last { background: url("../images/leftcolumn-bullet-emetro.gif") left .4em no-repeat; }
	
	body.reg-em #widecol h1 {background:  url("../images/h1-reg-emetro.gif");}
	
/* SECTIONS: Community Region - North Central: =reg-nc 
--------------------------------------------------------------------------------------- */
	body.reg-nc a, body.reg-nc h2, body.reg-nc h3, body.reg-nc h4,
	body.reg-nc #leftlinks ul li.selected a,
	body.reg-nc #leftcolumn #leftlinks ul li a:hover, .title-nc { color: #994500; }

	body.reg-nc #leftcolumn #leftlinks ul li,
	body.reg-nc #leftcolumn #leftlinks ul li.last { background: url("../images/leftcolumn-bullet-ncentral.gif") left .4em no-repeat; }
	
	body.reg-nc #widecol h1 {background:  url("../images/h1-reg-ncentral.gif");}
	
/* SECTIONS: Community Region - North Western: =reg-nw 
--------------------------------------------------------------------------------------- */
	body.reg-nw a, body.reg-nw h2, body.reg-nw h3, body.reg-nw h4,
	body.reg-nw #leftlinks ul li.selected a,
	body.reg-nw #leftcolumn #leftlinks ul li a:hover, .title-nw { color: #7c1400; }

	body.reg-nw #leftcolumn #leftlinks ul li,
	body.reg-nw #leftcolumn #leftlinks ul li.last { background: url("../images/leftcolumn-bullet-nwestern.gif") left .4em no-repeat; }
	
	body.reg-nw #widecol h1 {background:  url("../images/h1-reg-nwest.gif");}
	

/* SECTIONS: Community Region - Southern: =reg-s 
--------------------------------------------------------------------------------------- */
	body.reg-s a, body.reg-s h2, body.reg-s h3, body.reg-s h4,
	body.reg-s #leftlinks ul li.selected a,
	body.reg-s #leftcolumn #leftlinks ul li a:hover, .title-s { color: #979A0A; }

	body.reg-s #leftcolumn #leftlinks ul li,
	body.reg-s #leftcolumn #leftlinks ul li.last { background: url("../images/leftcolumn-bullet-southern.gif") left .4em no-repeat; }
	
	body.reg-s #bottomgroup h1 {background:  url("../images/h1-reg-southern.gif");}
	


/* SECTIONS: Community Region - Couth Central: =reg-sc 
--------------------------------------------------------------------------------------- */
	body.reg-sc a, body.reg-sc h2, body.reg-sc h3, body.reg-sc h4,
	body.reg-sc #leftlinks ul li.selected a,
	body.reg-sc #leftcolumn #leftlinks ul li a:hover, .title-sc { color: #75044f; }

	body.reg-sc #leftcolumn #leftlinks ul li,
	body.reg-sc #leftcolumn #leftlinks ul li.last { background: url("../images/leftcolumn-bullet-scentral.gif") left .4em no-repeat; }
	
	body.reg-sc #widecol h1 {background-image:  url("../images/h1-reg-scentral.gif");}
	
/* SECTIONS: Community Region - Western: =reg-w 
--------------------------------------------------------------------------------------- */
	body.reg-w a, body.reg-w h2, body.reg-w h3, body.reg-w h4,
	body.reg-w #leftlinks ul li.selected a,
	body.reg-w #leftcolumn #leftlinks ul li a:hover, .title-w { color: #44036e; }

	body.reg-w #leftcolumn #leftlinks ul li,
	body.reg-w #leftcolumn #leftlinks ul li.last { background: url("../images/leftcolumn-bullet-western.gif") left .4em no-repeat; }
	
	body.reg-w #widecol h1 {background-image:  url("../images/h1-reg-west.gif");}
	
	
	
/* FOOTER: =footer    <<<<<<<------- DONE >>>>>
----------------------------------------------- */
	#footer { background: url("../images/all-footer-banner.jpg") top center repeat-x; line-height: 15px; color: #00718f; font-size:  1.2em; clear: both; float: left; width: 100%; padding: 0 0 24px 0; }
	#footer .container { padding-top: 100px; text-align: center; }
	#footer p, #footer ul { margin: 0 0 3px 0; }
	#footer ul li { background:  url("../images/gen-footer-bullet.gif") right .4em no-repeat; margin-left: 15px; padding-left: 0; padding-right: 18px; display: inline; }
	#footer ul li.last { background: none;  }
	#footer ul li a { font-size:  1.2em; text-decoration: none; color: #00718f; }
	#footer .container { background: url("../images/footer-cover.gif") top left no-repeat; }
	#footer .container{ background:   url("../images/all-footer-cover-home.gif") top center repeat-x;}
	#footer p.credits, #footer p.credits a { color: #474747; font-size: .8em; }
	#footer p.credits a.invis { text-decoration: none; }
	#footer p.credits a.invis:hover { text-decoration: none; cursor: default; background: transparent; color: #000000 !important; }
	
	
/* MISC: =misc
----------------------------------------------- */	
	.clearboth { clear: both; }
	.skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; }
	.hide { display: none; }
	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix 		{ display: inline-block; }  

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */	
}