@charset "UTF-8";
/*
   --------
      #000f53 * navy
      #fff5ca * manilla
      #e6e4c0  
      #e4dab5  
	  
   ---- NAV ----
      #52007a * purple - child
      #163da0 * royal - adult
      #015c7a * teal - about
      #005509 * green - envir
      #a67500 * gold - comm
      #bc3300 * orange - news
      #7a0036 * red - emerg
	  #ffcc00  -- gold
  */

body {
	margin: 0; padding: 0;
	background:#ffffff;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000f53;
	text-align: left; 
	}
h1 {
	text-align:center;
	font-size:20px;
	}
h2 {
	text-align:center;
	font-size:18px;
	}
h3 {
	text-align:center;
	font-size:14px;
	}
h4, .h4 {
	text-align:center;
	font-size:12px;
	/*font-weight:bold;*/
	}
.child {
	color: #52007a;
	}
.adult {
	color: #163da0;
	}
.envir {
	color: #005509;
	}
.comm {
	color: #a67500;
	}
.news {
	color: #bc3300;
	}
.emerg {
	color: #7a0036;
	}
.about {
	color: #015c7a;
	}
.home {
	color: #000f53;
	}
img.child {
	border-color: #52007a;
	}
img.adult {
	border-color: #163da0;
	}
img.envir {
	border-color: #005509;
	}
img.comm {
	border-color: #a67500;
	}
img.news {
	border-color: #bc3300;
	}
img.emerg {
	border-color: #7a0036;
	}
img.home {
	border-color: #000f53;
	}
.thrColHybHdr #container { 
	background: url(images/z_pg_bg.jpg) repeat-y;
	width: 959px; 
	}  
.thrColHybHdr #header { 
	background: #ffffff; 
	padding: 0; margin:0;
	width: 923px; height:127px;   
	overflow:hidden;
	} 
.thrColHybHdr #nav1 {
	float: left; width: 218px; /* since this element is floated, a width must be given */
	background: url(images/z_nav1.jpg) repeat-y; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 33px 0; 
	}
.thrColHybHdr #nav2 {
	position:absolute; top:40px; left:912px;
	padding: 22px 0; 
	width: 47px; height:169px; 
	background: url(images/z_nav2.jpg) no-repeat; 
	text-align:center;
	}
.thrColHybHdr #nav2 a:hover {
	position: relative; right: 7px;
	}
.thrColHybHdr #mainContent {
 	margin: 0; padding: 0; 
	} 
.col1 {
	float: left; width:205px;
	overflow:visible;
	text-align:left;
	} 
.col2 {
	margin: 0 56px 0 0;
	float: right; width:385px;
	overflow:visible;
	text-align:justify;
	} 
/*    -----   Paper BG column 1   -----    */
div.paper1 {
	background:url(images/paper1.gif) no-repeat center;
	padding: 0;
	width: 205px; height: 197px; 
	}
div.paper1 div {
	display: block;
	padding:15px;
	}
div.paper2 {
	background:url(images/paper2.gif) no-repeat center;
	padding: 0;
	width: 205px; height: 262px; 
	}
div.paper2 div {
	display: block;
	margin:0; padding: 10px 25px 0 45px;
	}
div.paper2a {
	background:url(images/paper2a.gif) no-repeat center;
	padding: 0;
	width: 205px; height: 262px; 
	}
div.paper2a div {
	display: block;
	margin:0; padding: 10px 15px 0 15px;
	}
div.paper3 {
	background:url(images/paper3.gif) no-repeat center;
	padding: 0;
	width: 205px; height: 349px; 
	}
div.paper3 div {
	display: block;
	padding: 5px 8px 0 15px;
	}
/*    -----   Paper BG column 2   -----    */
div.paper1col2 {
	background:url(images/paper1.gif) no-repeat center;
	padding: 0;
	width: 329px; height: 197px; 
	}
div.paper1col2 div {
	display: block;
	margin:0; padding: 15px 80px 15px 75px;
	}
div.paper2acol2 {
	background:url(images/paper2a.gif) no-repeat center;
	padding: 0;
	width: 329px; height: 262px; 
	}
div.paper2acol2 div {
	display: block;
	margin:0; padding: 15px 80px 15px 75px;
	}
div.paper2col2 {
	background:url(images/paper2.gif) no-repeat center;
	padding: 0;
	width: 329px; height: 262px; 
	}
div.paper2col2 div {
	display: block;
	margin:0; padding: 15px 80px 15px 75px;
	}
div.paper3col2 {
	background:url(images/paper3col2a.gif) no-repeat center;
	padding: 0;
	width: 329px; height: 349px; 
	}
div.paper3col2 div {
	display: block;
	margin:0; padding: 15px 45px 0 40px;
	}
.thrColHybHdr #footer { 
	padding: 30px 60px 0 40px; 
	background:#ffffff url(images/z_ftr.jpg) no-repeat;
	text-align:center;
	font-size:90%;
	color:#163da0;
	} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

/*    -----   Titles   -----    */
#title {
	z-index:1000;
	position:absolute; top:0; left:261px;
	width:245px; height:63px;
	padding-top:60px;
	text-align:center;
	color:#FFFFFF;
	font-size:16px; font-weight:bold;
	}
.title_home {
	background:url(images/z_hdr2_navy.jpg) no-repeat;
	}
.title_child {
	background:url(images/z_hdr2_purple.jpg) no-repeat;
	}
.title_adult {
	background:url(images/z_hdr2_royal.jpg) no-repeat;
	}
.title_comm {
	background:url(images/z_hdr2_gold.jpg) no-repeat;
	}
.title_envir {
	background:url(images/z_hdr2_green.jpg) no-repeat;
	}
.title_emerg {
	background:url(images/z_hdr2_red.jpg) no-repeat;
	}
.title_news {
	background:url(images/z_hdr2_orange.jpg) no-repeat;
	}
.title_about {
	background:url(images/z_hdr2_teal.jpg) no-repeat;
	}

/*    -----   Nav1 Switch Menu  -----    */
div.sdmenu { /*    ---   container   ---    */
	padding-bottom: 10px;
	background:url(images/z_nav1.jpg) repeat-y;
	width: 218px;
	}
div.sdmenu div { /*    ---   section container   ---    */
	margin-top:20px;
	overflow: hidden;
	}
div.sdmenu div a { /*    ---   section & submenu links  ---    */
	padding: 4px 50px 4px 30px;
	display: block;
	color: #000f53;
	text-decoration:none;
	font-weight:bold;
	text-align: left;
	}
div.sdmenu div a.current {
	font-weight: bold;
	}
div.sdmenu div a:hover {
	position: relative; top:0; left: 7px;
	color: #163da0;
	font-weight:bold;
	text-decoration:underline;
	}
div.sdmenu div span a { /*    ---   section title link   ---    */
	position: relative; top:10px; right: 0px;
	display:block;
	margin-right:95px; padding: 0;
	text-align:right;
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
	font-weight: bold;
	}
div.sdmenu div span a:hover { 
	position: relative; top:10px; left: 0px;
	padding: 0;
	color:#ffcc00;
	font-size:14px;
	text-decoration:none;
	font-weight: bold;
	}
/*    ---   section collapsed   ---    */
div.sdmenu div.collapsed { 
	height: 35px;
	}
div.sdmenu div.collapsed span.nav1_child { 
	background:url(images/z_nav1_child1.jpg) no-repeat left;
	}
div.sdmenu div.collapsed span.nav1_adult { 
	background:url(images/z_nav1_adult1.jpg) no-repeat left;
	}
div.sdmenu div.collapsed span.nav1_comm { 
	background:url(images/z_nav1_comm1.jpg) no-repeat left;
	}
div.sdmenu div.collapsed span.nav1_envir { 
	background:url(images/z_nav1_envir1.jpg) no-repeat left;
	}
div.sdmenu div.collapsed span.nav1_emerg { 
	background:url(images/z_nav1_emerg1.jpg) no-repeat left;
	}
div.sdmenu div.collapsed span.nav1_news { 
	background:url(images/z_nav1_news1.jpg) no-repeat left;
	}
div.sdmenu div.collapsed span.nav1_about { 
	background:url(images/z_nav1_about1.jpg) no-repeat left;
	}
div.sdmenu div.collapsed span.nav1_home { 
	background:url(images/z_nav1_home1.jpg) no-repeat left;
	}
/*    ---   section titles hover   ---    */
div.sdmenu div span a:link {
	/*height: 35px;*/
	cursor: auto;
	padding:0;
	color:#FFFFFF;
	}

/*    ---   section titles expanded   ---    */
div.sdmenu div span { 
	display: block;
	height:35px;
	}
div.sdmenu div span.nav1_child {
	background:url(images/z_nav1_child2.jpg) no-repeat left;
	}
div.sdmenu div span.nav1_adult {
	background:url(images/z_nav1_adult2.jpg) no-repeat left;
	}
div.sdmenu div span.nav1_comm {
	background:url(images/z_nav1_comm2.jpg) no-repeat left;
	}
div.sdmenu div span.nav1_envir {
	background:url(images/z_nav1_envir2.jpg) no-repeat left;
	}
div.sdmenu div span.nav1_emerg {
	background:url(images/z_nav1_emerg2.jpg) no-repeat left;
	}
div.sdmenu div span.nav1_news {
	background:url(images/z_nav1_news2.jpg) no-repeat left;
	}
div.sdmenu div span.nav1_about {
	background:url(images/z_nav1_about2.jpg) no-repeat left;
	}
div.sdmenu div span.nav1_home {
	background:url(images/z_nav1_home2.jpg) no-repeat left;
	}