﻿/*************************************************/
/*************  MAIN PAGE STRUCTURE **************/
/*************************************************/

html body{
	margin: 0px; padding: 0px; border:0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; color: #000;
	background-color:#D3CCB0;   /* home page */
	background-image:url(../images/bkg.jpg);
	background-repeat:repeat-x;
	/* \*/
  	height:100%; /* height declaration hidden from Mac IE 5.x */
  	min-width:1000px; /*** This is needed for moz. Otherwise, the header and footer will
	slide off the left side of the page if the screen width is narrower than the design. ***/
	}
	
#wrapper	{	
	margin: 0 auto;
	width: 1000px;
	}

#tag {
	width:840px;
	margin-left:150px;
}
	
#kit	{	
	width:150px;
	height:206px;
	margin-top:1px;
	margin-left:0;
	float:left;
	}	
	
#banner {
	background-image:url(../images/banner.jpg);
	width:840px;
	height:240px;
	float:left;
}

#breadcrumb {
	background-color:#BEB68B;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10px; color: #333;
	width:815px;
	vertical-align:top;
	text-align:left;
	border:1px solid #666;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:154px;
	padding-top:5px;
	padding-left:5px;
	height:20px;
	clear:both;
	float:left;
}

#rotate {
	width:840px;
	height:240px;
	float:left;
}

#citizen {
	background-image:url(../images/pe_citizen.jpg);
	width:840px;
	height:240px;
	float:left;
}

#comm {
	background-image:url(../images/pe_comm.jpg);
	width:840px;
	height:240px;
	float:left;
}

#kids {
	background-image:url(../images/cp_kids.jpg);
	width:840px;
	height:240px;
	float:left;
}

#educate {
	background-image:url(../images/pe_educate.jpg);
	width:840px;
	height:240px;
	float:left;
}

#partner {
	background-image:url(../images/pe_partner.jpg);
	width:840px;
	height:240px;
	float:left;
}

#plan {
	background-image:url(../images/cp_plan.jpg);
	width:840px;
	height:240px;
	float:left;
}

#navbar {
	background-color:#252017;
	width:830px;
	height:34px;
	margin-left:151px;
	float:left;
	clear:both;
	border:none;
	z-index:1;
}

#colLeft	{
	width:585px;
	vertical-align:top;
	text-align:left;
	border-right:1px solid #666;
	margin-top:10px;
	margin-left:115px;
	float:left;
	}
	
#colLeftSub	{
	width:520px;
	vertical-align:top;
	text-align:left;
	border-right:1px solid #666;
	margin-left:155px;
	padding-top:15px;
	padding-right:20px;
	float:left;
	}		
	
#colRight	{
	width:270px;
	vertical-align:top;
	text-align:left;
	padding-top:15px;
	padding-left:20px;
	float:left;
	}	
	
#footer	{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;
	background-color:#252017;
	width:100%;
	margin-top:15px;
	padding-top:20px;
	float:left;
}

#footCon	{	
	margin: 0 auto;
	width: 990px;
	}
	
#footText	{	
	padding-left:140px;
	}
	
#ftColOne	{	
	width:180px;
	vertical-align:top;
	text-align:left;
	float:left;
	}
	
#ftColTwo	{	
	width:180px;
	vertical-align:top;
	text-align:left;
	float:left;
	}
	
#ftColThree	{	
	width:190px;
	vertical-align:top;
	text-align:left;
	float:left;
	}
	
#ftColFour	{	
	width:260px;
	border-left:1px solid white;
	vertical-align:top;
	text-align:right;
	float:left;
	}
	

/*************************************************/
/***************** LINKS & LISTS *****************/
/*************************************************/

a {text-decoration: underline; color:#FFFFFF;}
a img {border: none}
a:link, a:visited {color:#0000cc}
html body a:hover {background-color: #CCC; color:#000000;}

ul{
 list-style-type: square;}
ul ul{
 list-style-type: disc;}
ul ul ul{
 list-style-type: none;}
	
	
/*********************************************************/
/***************** FONTS AND FONT STYLES *****************/
/*********************************************************/

.tagHead {font-size:14px; font-weight:bold; color:#FFFFFF; }

.catHead {font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#252017; }

.catSmall {font-size:11px;}

.ftHead {font-size:14px; font-weight:bold;}

.ftWhite {font-size:14px; font-weight:bold; color:#fff;}

.white {color:#fff;}

	

