/***************************************************************************************/
/* Header                                                                              */
/***************************************************************************************/

/* top table */
#header table.top
{
	background-image: url(../img/00/layout/header.jpg);
	width: 912px;
	height: 121px;

}

#header #top td
{
	vertical-align: top;
}

/* date td */
#header #top td.date
{
	width: 280px;
	height: 38px;
}	

/******************************************/
/* date table                             */
/******************************************/
#header #top #date table
{
	width: 230px;
	height: 22px;
	margin: 14px 0px 0px 50px;
}	

#header #top #date td
{
	text-align: center;
	font-family: tahoma, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #FFFFFF;
	vertical-align: middle;
}	

/* spacer td */
#header #top td.m
{
	width: 311px;
	height: 38px;
}	

/* date td */
#header #top td.search
{
	width: 280px;
	height: 38px;
/*	border: solid 1px #00ff00;*/
}	

/******************************************/
/* search table                           */
/******************************************/
#header #top #search table
{
	width: 230px;
	height: 22px;
	margin: 23px 0px 0px 0px;
}	
#header #top #search td.text
{
	width: 171px;
	height: 28px;
	text-align: right;
	vertical-align: middle;
	padding-right: 5px;
}	
#header #top #search input
{  
	width: 171px;
	height: 20px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 13px; 
	color: #002054; 
	text-align: right;
	border: solid 1px #838f94;
	background-color: #d2e8f2;
	padding: 2px 5px;
}

#header #top #search td.button
{
	width: 59px;
	height: 28px;
}	


/******************************************/
/* nav button table                       */
/******************************************/
#header table.navbuttons
{
	width: 912px;
	height: 39px;
}

/******************************************/
/* bread crumbs                           */
/******************************************/

#header table.breadcrumbs
{
	width: 912px;
	height: 30px;
	background: url(../img/00/layout/bcslice.gif) no-repeat;

}




/******************************************/
/* Left fade                              */
/******************************************/
td.lfade
{
	width: 6px;
	background: url(../img/00/layout/lfade.png) repeat-y;	
}

/******************************************/
/* Right fade                             */
/******************************************/
td.rfade
{
	width: 6px;
	background: url(../img/00/layout/rfade.png) repeat-y;	
}


/***************************************************************************************/
/* Footer                                                                              */
/***************************************************************************************/
#footer table.footer
{
	background-image: url(../img/00/layout/footer.jpg);
	width: 912px;
	height: 162px;
}

#footer #footer td
{
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
}



#footer #footer td.url
{
	width: 241px;
	height: 35px;
	color: #00629e;
}
#footer #footer td.links
{
	width: 500px;
	height: 35px;
	text-align: center;
}

#footer #footer #links a
{
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	text-decoration: none;
	padding: 0px 5px;
}

#footer #footer #links a:hover
{
	text-decoration: underline;
}

#footer #footer td.powered
{
	width: 185px;
	height: 35px;
	text-align: right;
	color: #005ad5;
}
#footer #footer td.civica
{
	width: 56px;
	height: 35px;
	text-align: right;
}
#footer #footer td.bot
{
	width: 912px;
	height: 127px;
}



td.wht
{
	background-color: #ffffff;
}

td.lytCol1
{
	width: 224px;
	vertical-align: top;
	background-color: #ffffff;
}

td.lytDiv1_2
{
	width: 4px;
	vertical-align: top;
	background-color: #ffffff;
}

td.lytCol2
{
	width: 649px;
	vertical-align: top;
	background-color: #ffffff;
	border: solid 0px #c0c0c0;
}


/*************************************************************************************************
	Content
*************************************************************************************************/
table.content
{
	width: 912px;
	color: #ffffff;
	height: 400px;
}

#content td.layout0
{
	width: 900px;
	vertical-align: top;
}

#content td.layout1
{
	width: 900px;
	vertical-align: top;
	background: #ffffff;
	
}

#content td.layout2
{
	width: 870px;
	vertical-align: top;
	background: #ffffff;
}

#content td.menul
{
	width: 7px;
	background: #ffffff;	
}

#content td.menu
{
	width: 224px;
	background: #ffffff url(http://www.city-lakeforest.com/img/00/layout/col1s.png) repeat-y center;	
}

#content td.menur
{
	width: 9px;
	background: #ffffff;	
}


/* col0 - layoutstyle 1 */
#content td.col0l
{
	width: 7px;
	background: url(http://www.city-lakeforest.com/img/00/layout/col0s.png) repeat-y left;	
}


#content td.col0
{
	width: 898px;
	background: url(http://www.city-lakeforest.com/img/00/layout/col0s.png) repeat-y center;	
	vertical-align: top;
}

#content td.col0r
{
	width: 7px;
	background: #ffffff;	
}

/* col2 - layoutstyle 3 */
#content td.col2l
{
	width: 4px;
}

#content td.col2
{
	width: 658px;
	background: url(../img/00/layout/col2s.png) repeat-Y ;	
	vertical-align: top;
}

#content div.col2
{
	width: 632px;
	background: url(../img/00/layout/contentbg.png) no-repeat;
	vertical-align: top;
	margin: 0px 13px;
}
#content div.col2i
{
	width: 612px;
	vertical-align: top;
	border: solid 0px red;
	margin: 0px 10px;
}

#content td.col2r
{
	width: 7px;
	background: #ffffff;	
}

/* colhp - homepage */
#content td.colhpl
{
	width: 16px;
	background: url(../img/00/layout/col2s.png) repeat-y left;	
}

#content td.colhp
{
	width: 674px;
	background: url(../img/00/layout/col2s.png) repeat-y center;	
	vertical-align: top;
}

#content td.colhpr
{
	width: 15px;
	background: url(../img/00/layout/col2s.png) repeat-y right;	
}

/* col2_3 - layoutstyle 4 */
#content td.col2_3l
{
	width: 4px;
	background: #ffffff;	
}

#content td.col2_3
{
	width: 658px;
	background: url(../img/00/layout/col2_3s.png) repeat-y;	
	vertical-align: top;
}
#content div.col2_3
{
	width: 404px;
	height: auto;
	background: url(../img/00/layout/contentbg.png) no-repeat top right;
	vertical-align: top;
	margin: 0px 13px;
	border: solid 0px red;
	padding: 0px;
}
#content div.col2_3i
{
	width: 384px;
	vertical-align: top;
	border: solid 0px red;
	margin: 0px 10px 10px 10px;
	padding: 0px;
}


#content td.col2_3r
{
	width: 7px;
	background: #ffffff;	
}





/***************************************************************************************/
/* Home Page                                                                           */
/***************************************************************************************/

/**************************************************************************************
	Online Services
*/

#hpOnlineServices table.main
{
	width: 445px;
	height: 212px;
	background-image: url(../img/00/layout/onlineservices_bg.gif);
}
#hpOnlineServices #main #top td
{
	width: 445px;
	height: 15px;
}
#hpOnlineServices #main #head td
{
	height: 32px;
}
#hpOnlineServices #main #head td.l
{
	width: 15px;
}
#hpOnlineServices #main #head td.cl
{
	width: 215px;
}
#hpOnlineServices #main #head td.cr
{
	width: 200px;
}
#hpOnlineServices #main #head td.r
{
	width: 15px;
}

#hpOnlineServices #main #body td.l
{
	width: 15px;
}
#hpOnlineServices #main #body td.c
{
	background-image: url(../img/00/layout/onlineservices_s.gif);
	width: 415px;
	height: 150px;
}
#hpOnlineServices #main #body td.r
{
	width: 15px;
}
#hpOnlineServices #main #bot td
{
	width: 445px;
	height: 15px;
}

/**************************************************************************************
	City Options
*/

#hpCityOptions table.main
{
	width: 445px;
	height: 298px;
	background-image: url(../img/00/layout/CityOptions_bg.gif);
}
#hpCityOptions #main #top td
{
	width: 445px;
	height: 15px;
}
#hpCityOptions #main #head td
{
	height: 32px;
}
#hpCityOptions #main #head td.l
{
	width: 15px;
}
#hpCityOptions #main #head td.cl
{
	width: 215px;
}
#hpCityOptions #main #head td.cr
{
	width: 200px;
}
#hpCityOptions #main #head td.r
{
	width: 15px;
}
#hpCityOptions #main #body td.l
{
	width: 15px;
}
#hpCityOptions #main #body td.c
{
	background-image: url(../img/00/layout/CityOptions_s.gif);
	width: 415px;
	height: 236px;
	vertical-align: middle;
	text-align: center;
}
#hpCityOptions #main #body td.r
{
	width: 15px;
}
#hpCityOptions #main #bot td
{
	width: 445px;
	height: 15px;
}

/**************************************************************************************
	News
*/

#hpNews table.main
{
	width: 445px;
	background-image: url(../img/00/layout/news_bg.gif);
}

#hpNews #main #top td
{
	width: 445px;
	height: 15px;
}

#hpNews #main #head td
{
	height: 32px;
}
#hpNews #main #head td.l
{
	width: 15px;
}
#hpNews #main #head td.cl
{
	width: 215px;
}
#hpNews #main #head td.cr
{
	width: 200px;
}
#hpNews #main #head td.r
{
	width: 15px;
}

#hpNews #main #body td.l
{
	width: 15px;
}
#hpNews #main #body td.c
{
	background-image: url(../img/00/layout/News_s.gif);
	width: 415px;
	height: 221px;
	vertical-align: top;
}
#hpNews #main #body div.data
{
	width: 387px;
	height: 193px;
	vertical-align: top;
	margin: 14px;
	overflow-y: hidden;
}
#hpNews #main #body td.r
{
	width: 15px;
}

#hpNews #main #bot td
{
	width: 445px;
	height: 15px;
/*	border: solid 1px red;*/
}

/**************************************************************************************
	Events
*/

#hpEvents table.main
{
	width: 445px;
	height: 227px;
	background-image: url(../img/00/layout/events_bg.gif);
/*	border: solid 1px red;*/
}

#hpEvents #main #top td
{
	width: 445px;
	height: 15px;
/*	border: solid 1px red;*/
}

#hpEvents #main #head td
{
	height: 32px;
/*	border: solid 1px green;*/
}
#hpEvents #main #head td.l
{
	width: 15px;
}
#hpEvents #main #head td.cl
{
	width: 215px;
}
#hpEvents #main #head td.cr
{
	width: 200px;
}
#hpEvents #main #head td.r
{
	width: 15px;
}

#hpEvents #main #body td.l
{
	width: 15px;
}
#hpEvents #main #body td.c
{
	background-image: url(../img/00/layout/Events_s.gif);
	background-position: top;
	width: 415px;
	height: 165px;
}
#hpEvents #main #body div.data
{
	width: 387px;
	height: 127px;
	vertical-align: top;
	margin: 14px;
	overflow-y: hidden;
}

#hpEvents #main #body td.r
{
	width: 15px;
}
s
#hpEvents #main #bot td
{
	width: 445px;
	height: 15px;
/*	border: solid 1px red;*/
}



/**************************************************************************************
	General layout - Side fades
*/

td.LeftSideFade
{
}

td.RightSideFade
{
}

td.LeftSideFullFade
{
	background-image: url(http://www.city-lakeforest.com/img/layout/lfade.gif); 
	background-repeat: repeat-y; 
	background-position: right;
	height:100%; 
}

td.RightSideFullFade
{
	background-color: #c0c0c0; /* sSurroundColor */
	background-image: url(http://www.city-lakeforest.com/img/layout/rfade.gif); 
	background-repeat: repeat-y; 
	background-position: left;
	height:100%; 
}