/*************************************************/
/*************  MAIN PAGE STRUCTURE **************/
/*************************************************/

html body{
	margin: 0; padding: 0; border:0;
	font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000;
	background-color:#fff;   /* home page */
	background-image:url(../images/bkg.jpg);
	background-repeat:repeat-x;
	/* \*/
  	height:100%; /* height declaration hidden from Mac IE 5.x */
  	min-width:1024px; /*** 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: 1024px;
	}
	
#banner	{
	width:1024px;
	height:123px;
}

#navbar {
	background-image:url(../images/navbar.jpg);
	width:1024px;
	height:52px;
}

#colLeft {
	float:left;
	width:240px;
	margin-left:15px;
	}
	
#colCenter {
	float:left;
	width:515px;
	clear:right;
	margin-top:25px;
	}
	
#colSub {
	float:left;
	width:995px;
	clear:right;
	}
	
#colRight {
	float:left;
	width:240px;
	clear:right;
	}

#footer	{
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	margin-left:30px;
	}


/*************************************************************/
/******************* LEFT COLUMN BOX STYLES ******************/
/*************************************************************/

.boxConnect	{
	background-image:url(../images/box_connect.gif);
	background-repeat: no-repeat;
	width:240px;
	height:95px;
	vertical-align:top;
}

.boxGov	{
	background-image:url(../images/box_gov.gif);
	background-repeat: no-repeat;
	width:240px;
	height:95px;
	vertical-align:top;
}

.boxCensus	{
	background-image:url(../images/box_census.gif);
	background-repeat: no-repeat;
	width:900px;
	height:95px;
	vertical-align:top;
}
.boxMaps	{
	background-image:url(http://www.jocogov.org/images/box_maps.gif);
	background-repeat: no-repeat;
	width:240px;
	height:105px;
	vertical-align:top;
}

.boxLooking	{
	background-image:url(../images/box_looking.gif);
	background-repeat: no-repeat;
	width:240px;
	height:95px;
	vertical-align:top;
}

.repeatBlack	{
	background-image:url(../images/repeat_black.gif);
	background-repeat:repeat-y;
	width:250px;
	height:10px;
}

.repeatGreen	{
	background-image:url(../images/repeat_green.gif);
	background-repeat:repeat-y;
	width:250px;
	height:10px;
}

.repeatGrey	{
	background-image:url(http://www.jocogov.org/images/repeat_grey.gif);
	background-repeat:repeat-y;
	width:250px;
	height:10px;
}

.repeatRed	{
	background-image:url(../images/repeat_red.gif);
	background-repeat:repeat-y;
	width:250px;
	height:10px;
}

.repeatWhite	{
	background-image:url(../images/repeat_white.gif);
	background-repeat:repeat-y;
	width:755px;
	height:5px;
}

.boxText {
	padding:40px 5px 5px 20px;
	text-align:left;
}

.greyText {
	padding:55px 5px 5px 20px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height:15px;
}

.greyText a:link, .greyText a:visited, .blackBar a:link, .blackBar a:visited {color:#FFFFFF;}
.greyText a:hover, blackBar a:hover {background-color:#CCCCCC; color:black;}

.greyTextBold {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height:15px; font-weight:bold;
}

.mapText {
	padding-left: 20px;
	padding-top: 20px;
}


/***************************************************************/
/******************* MIDDLE COLUMN BOX STYLES ******************/
/***************************************************************/

.topStory {
	background-image:url(../images/topstory_middle.gif);
	background-repeat:repeat-y;
	width:515px;
	height:5px;
}

.topStoryText {
	padding-left:30px;
	padding-right:20px; 
	text-align:left;
}

.boxNews	{
	background-image:url(../images/news.gif);
	background-repeat: no-repeat;
	width:515px;
	height:95px;
	vertical-align:top;
}

.boxEvents	{
	background-image:url(../images/events.gif);
	background-repeat: no-repeat;
	width:515px;
	height:95px;
	vertical-align:top;
}

.services	{
	background-image:url(../images/services.gif);
	background-repeat: no-repeat;
	width:515px;
	height:95px;
	vertical-align:top;
}

.newsText {
	padding:40px 5px 5px 30px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px;
}

.boxFamily	{
	background-image:url(../images/box_family.gif);
	background-repeat: no-repeat;
	width:260px;
	height:105px;
	vertical-align:top;
}

.familyText {
	padding:40px 5px 5px 25px;
	text-align:left;
	vertical-align:top;
}

.boxAZ	{
	background-image:url(../images/box_az.gif);
	background-repeat: no-repeat;
	width:255px;
	height:105px;
	vertical-align:top;
}

.servicesText {
	padding:40px 5px 5px 18px;
	text-align:left;
	vertical-align:top;
}

/**************************************************************/
/******************* RIGHT COLUMN BOX STYLES ******************/
/**************************************************************/

.boxGov	{
	background-image:url(../images/box_gov.gif);
	background-repeat: no-repeat;
	width:250px;
	height:105px;
	vertical-align:top;
}

.boxAction	{
	background-image:url(../images/box_action.gif);
	background-repeat: no-repeat;
	width:250px;
	height:105px;
	vertical-align:top;
}

.boxAction a:hover {background-color:#CCCCCC; color:black;}

.govText {
	padding:40px 5px 5px 20px;
	font-size:12px; line-height:20px;
	text-align:left;
}

.boardText {
	padding:0px 5px 5px 20px;
	font-size:12px; line-height:20px;
	text-align:left;
}


/************************************************************/
/******************* SUB COLUMN BOX STYLES ******************/
/************************************************************/

.boxHeritage	{
	background-image:url(../images/box_heritage.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxContact	{
	background-image:url(../images/box_contact.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxDirectory	{
	background-image:url(../images/box_directory.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxServices	{
	background-image:url(../images/box_services.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxNewsSub	{
	background-image:url(../images/box_news.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxBlank	{
	background-image:url(../images/box_blank.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxJoCoLink	{
	background-image:url(../images/box_jocolink.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxWebPolicy	{
	background-image:url(../images/box_webpolicy.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.subText {
	padding:31px 5px 5px 31px;
	font-size:12px; line-height:20px;
	text-align:left;
}

.breadcrumbs {
	padding-left:15px;
	text-align:left;
}

.newsBorder	{
	border-right:1px thin #333333;
}

.newsPadding	{
	padding-right:20px;
}

.archive {
	border-left: 5px medium #333;
}

.boxGoGreen	{
	background-image:url(../images/box_gogreen.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}


/************************************************************/
/******************* SUB COLUMN BOX STYLES ******************/
/************************************************************/

.newsText {
	padding:55px 5px 5px 31px;
	font-size:12px; line-height:16px;
	text-align:left;
}

.pressText {
	padding:40px 5px 5px 31px;
	font-size:12px; line-height:16px;
	text-align:left;
}

.boxNewsArchive	{
	background-image:url(../images/box_news_archived.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsApr	{
	background-image:url(../images/box_news_apr_10.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsAprArch	{
	background-image:url(../images/box_news_apr.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxNewsAug	{
	background-image:url(../images/box_news_aug_10.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsAugArch	{
	background-image:url(../images/box_news_aug.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxNewsDec	{
	background-image:url(../images/box_news_dec_10.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsDecArch	{
	background-image:url(../images/box_news_dec.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxNewsFeb	{
	background-image:url(../images/box_news_feb_10.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsFebArch	{
	background-image:url(../images/box_news_feb.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxNewsJan	{
	background-image:url(../images/box_news_jan_10.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsJanArch	{
	background-image:url(../images/box_news_jan.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxNewsJul	{
	background-image:url(../images/box_news_jul_10.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsJulArch	{
	background-image:url(../images/box_news_jul.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxNewsJun	{
	background-image:url(../images/box_news_jun_10.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsJunArch	{
	background-image:url(../images/box_news_jun.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxNewsMar	{
	background-image:url(../images/box_news_mar_10.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsMarArch	{
	background-image:url(../images/box_news_mar.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxNewsMay	{
	background-image:url(../images/box_news_may_10.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsMayArch	{
	background-image:url(../images/box_news_may.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxNewsNov	{
	background-image:url(../images/box_news_nov_10.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsNovArch	{
	background-image:url(../images/box_news_nov.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxNewsOct	{
	background-image:url(../images/box_news_oct_10.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsOctArch	{
	background-image:url(../images/box_news_oct.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}

.boxNewsSep	{
	background-image:url(../images/box_news_sep_10.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}
.boxNewsSepArch	{
	background-image:url(../images/box_news_sep.gif);
	background-repeat: no-repeat;
	vertical-align:top;
}


/*************************************************/
/***************** LINKS & LISTS *****************/
/*************************************************/

a {text-decoration: underline; color:#0000ff;}
a img {border: none}
a:link, a:visited {text-decoration: underline; color:#0000ff;}
html body a:hover {background-color:#ccc; color:black;}
	
	
/*********************************************************/
/***************** FONTS AND FONT STYLES *****************/
/*********************************************************/

.boxHead {font-size: 14px; color: #fff; text-transform: uppercase; font-weight: bold;}

.catHead {font-size:18px; font-weight:bold; color:#333; }

.catDirectory {font-size:14px; font-weight:bold; color:#333; }

.catWhite {font-size:14px; font-weight:bold; color:#fff; }

.catSmall {font-size:11px; line-height:25px;}

.dropdown {font-size:12px; width:200px;}

.dropdownLBL {font-size:12px; font-weight:bold;}

.conText {font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff;}

.topStoryHeader {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px; color: #4B4B4D; font-weight:normal;}

.topStoryCopy {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4B4B4D; line-height:15px;}