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

/* top table */
#header table.top
{
	background-image: url(../img/02/layout/header.jpg);
	width: 950px;
	height: 200px;
}

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

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

/******************************************/
/* date table                             */
/******************************************/
#header #top #date table
{
	display:none;
}	

#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;
	display:none;
}	
#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: 950px;
	height: 50px;
}

#header #navbuttons td.top, tr.top
{
	display: none;
}
#header #navbuttons td.buttons
{
	width: 950px;
	height: 40px;
}

#header #navbuttons td.bottom
{
	width: 950px;
	height: 10px;
	background: url(../img/02/layout/butb.png) no-repeat;
}



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

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

}







/***************************************************************************************/
/* Footer                                                                              */
/***************************************************************************************/
#footer table.footer
{
	background-image: url(../img/02/layout/footer.jpg);
	width: 950px;
	height: 130px;
}

#footer #footer td
{
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #30c1e9;
	font-weight: normal;
	text-align: center;
}

#footer #footer  a
{
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #30c1e9;
	font-weight: bolder;
	text-decoration: none;
}

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

#footer #footer td.url
{
	width: 241px;
	height: 35px;
	color: #00629e;
}
#footer #footer #links td
{
	width:950px;
	height:24px;
}

#footer #footer #links a
{
	font-family: Comic Sans MS, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight: bolder;
	text-decoration: none;
	padding: 0px 15px;
}

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

#footer #footer #legallinks a
{
	font-family: Comic Sans MS, sans-serif;
	font-size: 13px;
	color: #ffffff;
	font-weight: bolder;
	text-decoration: none;
	padding: 0px 15px;
}

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


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

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

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

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


/*************************************************************************************************
	edit buttons
*************************************************************************************************/
table.editbuttons
{
	width: 950px;
	color: #ffffff;
	height: 25px;
	background: transparent;	
}

/*************************************************************************************************
	Content
*************************************************************************************************/
table.content
{
	width: 950px;
	background-color: #0e2840;
	color: #ffffff;
	height: 400px;
	background: transparent;	
}

table.contentt
{
	width: 950px;
	height: 10px;
	background: transparent;	
}


/******************************************/
/* Left fade                              */
/******************************************/
#content td.lfade, #editbuttons td.lfade
{
	width: 30px;
	background: url(../img/02/layout/lfade.png) repeat-y;	
}

/******************************************/
/* Right fade                             */
/******************************************/
#content td.rfade, #editbuttons td.rfade
{
	width: 30px;
	background: url(../img/02/layout/rfade.png) repeat-y top right;	
}

#content td.layout1, #editbuttons td.layout1
{
	width: 890px;
	vertical-align: top;
	background-color: #ffffff;
}

#content td.layout2
{
	width: 890px;
	vertical-align: top;
}


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

#content td.menu
{
	width: 224px;
	background: #ffffff;	
}

#content td.menur
{
	width: 5px;
	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: #0e2840;	
}

/* col2 - layoutstyle 3 */
#content td.col2l
{
}

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

#content div.col2
{
	width: 646px;
	vertical-align: top;
}
#content div.col2i
{
	width: 646px;
	vertical-align: top;
}

#content td.col2r
{
	width: 1px;
	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: #0e2840;	
}

#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;
	padding: 0px;
}
#content div.col2_3i
{
	width: 384px;
	vertical-align: top;
	margin: 0px 10px 10px 10px;
	padding: 0px;
}


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





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


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

td.LeftSideFade
{
	background: url(http://www.city-lakeforest.com/img/02/layout/lslice.gif) repeat-y top right;
	vertical-align: bottom;
	height: 100%;
}
#LeftSideFade div
{
	height: 110px;
	background: url(http://www.city-lakeforest.com/img/02/layout/footerl.gif) no-repeat bottom right;
}

td.RightSideFade
{
	background: url(http://www.city-lakeforest.com/img/02/layout/rslice.gif) repeat-y top left;
	vertical-align: bottom;
	height: 100%;
}
#RightSideFade div
{
	height: 110px;
	background: url(http://www.city-lakeforest.com/img/02/layout/footerr.gif) no-repeat bottom left ;
}

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%; 
}


/***************************************************************************************/
/* Over ride the on in template.css                                                    */
/***************************************************************************************/

table.tmplFullTable
{
	padding: 0px 0px; 
	vertical-align:top;
}