/*******************************************************************************************************

				Screen CSS file for CHSFSC.org

*******************************************************************************************************/
*,body {padding: 0; margin: 0;}
body {background: #fff; color: #555; text-align: center; font: normal small/1.1em verdana, tahoma, san-serif;}
.clear {clear: both;}
img {border: none;}

/**		skipnav	**/
#skipnav  {position: absolute; top: 0; left: 0; }
#skipnav ul {list-style-type: none; text-align: left; font-size: .85em;}
#skipnav li {list-style-type: none;}
#skipnav li a, #skipnav li a:link, #skipnav li a:visited {background: transparent; color: #fff; text-decoration: none;}
#skipnav li a:hover {text-decoration: underline;}
#skipnav li a:focus, #skipnav li a:active {background: #f90; color: #111;}


/**		page	**/
#page {margin: 0 auto; margin-bottom: 20px; width: 960px; text-align: left;}

/**		header	(with logo + branding)	**/
#header {height: 60px; }
#logo {float: left; width: 160px; border: 1px solid #fff;}
#branding {float: right; width: 780px; text-align: left;height: 60px; }
#branding h1 {font-size: 1.5em; line-height: 58px; color: #222; background: transparent;letter-spacing: 0.02em;}

/**		top nav	+ search	**/
#nav {clear: both; margin: -5px 0 0; background: transparent url(topnav.jpg) top left no-repeat; color: #fff; height: 40px}
#nav ul {list-style-type: none; margin: 0 0 0 15px;padding: 12px 0 0;}
#nav li {display: inline;margin: 0; padding: 0; }
#nav li a { font-size: .9em; padding: 12px 5px; text-decoration: none; color: #fff; background: transparent;}
#nav li a:hover {background: transparent url(topnavhover.jpg) center left repeat-x; color: #111;}
#nav li a:focus, #nav li a:active {background: #f90; color: #111;}

	/*	active section		*/
	#nav li.active a {color: #fff; background: transparent url(topnavactive.jpg) center left repeat-x;border-right: 1px solid #7c7c7c; border-left: 1px solid #7c7c7c; }
	#nav li.active a:hover {background: transparent url(topnavactivehover.jpg) center left repeat-x; color: #fff; text-decoration: underline;}
	
#search { float: right; width: 200px; height: 40px;padding: 4px 0 0; line-height: 38px; color: #111;}
html>body #search {padding: 0;}
#search #ajaxSearch_form #ajaxSearch_input {border: 1px solid #969696; font: normal .9em/1.6em verdana, tahoma, san-serif;height: 1.6em;padding: 1px 2px;} 

/**		homecontentarea	(topcontent + bottomcontent)**/
#homecontentarea {clear: both; margin: 0; background: #fff url(cnthomebck.jpg) top left repeat-y; color: #222;}
#hometopcontent {height: 14px; background: transparent url(cnthometop.jpg) top left no-repeat;}


/**		contentarea	(topcontent + bottomcontent)**/
#contentarea {clear: both; margin: 0; background: #fff url(cntbck.jpg) top left repeat-y; color: #222;}
#topcontent {height: 14px; background: transparent url(cnttop.jpg) top left no-repeat;}


/**		sidenav		**/
#sidenav {float: left; width: 160px; background: transparent; color: #222; height: 100%;}
#sidenav ul {list-style-type: none; margin: 0 0 0 6px;}
#sidenav li, #sidenav li ul li, #sidenav li ul li ul li {line-height: 1.8em; border-bottom: 1px solid #888;background: transparent url(sidenav.jpg) bottom left repeat-x; color: #222;}

	/*	link	lvl 1*/
	#sidenav li a,#sidenav li a:link, #sidenav li a:visited {display: block; padding: 5px 5px 5px 15px; text-decoration: none;background: transparent url(sidenav-bullet.gif) center left no-repeat; color: #222; }
	#sidenav li:hover {background:transparent url(sidenavhover.jpg) top left repeat-x; color: #222; }
	#sidenav li a:hover {background: transparent url(sidenav-bullet.gif) center left no-repeat; color: #222; }
	#sidenav li a:focus, #sidenav li a:active {background: #b8c8da url(sidenav-bullet.gif) center left no-repeat; color: #fff; }
	
	/*	link 	lvl 1 - active	*/
	#sidenav li.active a,#sidenav li.active a:link, #sidenav li.active a:visited {display: block; padding: 5px 5px 5px 15px; text-decoration: none;background: #fff url(sidenav-bullet-active.gif) center left no-repeat; color: #222; }
	#sidenav li.active:hover {background:#f1f1f1 ; color: #222; }
	#sidenav li.active a:hover {background: transparent url(sidenav-bullet-active.gif) center left no-repeat; color: #222; }
	#sidenav li.active a:focus, #sidenav li.active a:active {background: #b8c8da url(sidenav-bullet-active.gif) center left no-repeat; color: #fff; }
	
	/*	link	lvl 2	*/
	#sidenav li ul li a,#sidenav li ul li a:link, #sidenav li ul li a:visited {display: block; padding: 5px 5px 5px 15px; text-decoration: none;background: transparent url(sidenav-bullet.gif) center left no-repeat; color: #222; }
	#sidenav li ul li:hover {background:transparent url(sidenavhover.jpg) top left repeat-x; color: #222; }
	#sidenav li ul li a:hover {background: transparent url(sidenav-bullet.gif) center left no-repeat; color: #222; }
	#sidenav li ul li a:focus, #sidenav li ul li a:active {background: #b8c8da url(sidenav-bullet.gif) center left no-repeat; color: #fff; }
	#sidenav li ul li ul li {display: none;}	/*	switch inactive off*/
	
	/*	link	lvl 2 - active	*/
	#sidenav li.active ul li.active a,#sidenav li.active ul li.active a:link, #sidenav li.active ul li.active a:visited {display: block; padding: 5px 5px 5px 15px; text-decoration: none;background: #fff url(sidenav-bullet-active.gif) center left no-repeat; color: #222; }
	#sidenav li.active ul li.active:hover {background:#f1f1f1 ; color: #222; }
	#sidenav li.active ul li.active a:hover {background: transparent url(sidenav-bullet-active.gif) center left no-repeat; color: #222; }
	#sidenav li.active ul li.active a:focus, #sidenav li.active ul li.active a:active {background: #b8c8da url(sidenav-bullet-active.gif) center left no-repeat; color: #fff; }
	#sidenav li.active ul li.active ul li {display: block;}
	
	
	
/**		breadcrumb		**/
#breadcrumb {clear: both; margin: 5px 0; background: transparent url(breadcrumb.jpg) top left no-repeat; color: #fff; height: 30px}
#breadcrumb p {display: inline; line-height: 28px; margin: 0 5px}
#breadcrumb a, #breadcrumb a {background: transparent; color: #fff; text-decoration: none;} 
#breadcrumb a:hover {text-decoration: underline;}
#breadcrumb a:focus, #breadcrumb a:active {background: #fff; color: #222;}

/**		content		**/
#content {float: left; width: 750px; height: 100%; padding: 0 20px 35px;}
#homecontentarea #content {width: 900px;}
#content h2, #content h3, #content h4, #content h5, #content h6 { color: #ff381a; background: transparent;}
#content h2 {font-size: 1.8em; line-height: 2em; padding: 0 0 0 75px;background: transparent url(h2-icon.jpg) top  left no-repeat;color: #ff381a;}

#content p { padding: 5px 0 15px; } 
#content ul, #content ol {margin: 0 0 0 40px;} 
#content li {padding: 2px 0 5px;} 



	/*	site map lists		*/
	#content ul.LSM_0 { float: left; width: 80%; border: 1px solid #888; padding: 2em; margin: 0 1em 3em 1.5em; list-style-type: none;}
	#content .LSM_0 li { padding: .2em .5em; margin: .1em; width: 90%;}
	#content ul.LSM_1 { padding: 2px; margin: .5em 0 1em ; border: 1px solid #bbb; list-style-type: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#content .LSM_1 li { padding: .2em .5em; margin: .1em; }
	#content .LSM_2 { display: none;}
	.LSM_currentPage { background: #fff; color: #9fb388;}
	
	/*	search results classes	*/
	.ajaxSearch_highlight  {background: #eee; color: #ff381a; font-weight: bold;border: 1px solid #ff381a;  -moz-border-radius: 5px; -webkit-border-radius: 5px;padding: 2px 4px;}





/**		footer		**/
#footer {background: transparent url(ftrbck.jpg) top center no-repeat; color: #fff;height: 53px; font-size: .9em;}
#footer .copyright {float: left; width: 45%;}
#footer .design {float: right; width: 45%; text-align: right;}
#footer p {padding: .2em 2em .2em;  }