/*-------------------------------------------------------------------------------------
 Header
-------------------------------------------------------------------------------------*/
div.header, td.header
{
	width: 950px;
	height: 165px;
}

div.headercrumb, td.headercrumb
{
	width: 950px;
	height: 195px;
}

/*-------------------------------------------------------------------------------------
 Top
-------------------------------------------------------------------------------------*/

#header div#top
{
	width: 950px;
	height: 119px;
	background: url(/img/00/layout/header.jpg) no-repeat;
	position: relative;
}

#header div#top a.lowgraphics
{
	display:block; 
	width: 150px; 
	height:20px; 
	top: 14px;
	left: 773px;
	position: absolute;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	border: solid 0px red;
	text-align: center;
	font-family: Verdana, Sans-Serif;
}
#header div#top a.lowgraphics:hover
{
	text-decoration: underline;
}

#header div#top div#header
{
	width: 658px; 
	height:130px; 
	top: 55px;
	left: 292px;
	position: absolute;
}

#header div#top a.linkbackhome
{
	display:block; 
	width:302px; 
	height:98px; 
	top: 16px;
	left: 33px;
	position: absolute;
	border: solid 0px red;
	
}
#header #top div#button
{
	left: 855px;
	top: 54px;
	width: 71px;
	height: 30px;
	position: absolute;
}

#header #top div#date
{
	left: 601px;
	top: 68px;
	width: 343px;
	height: 20px;
	position: absolute;
	border: solid 0px red;

	vertical-align: middle;
	font-size: 14px;
	font-weight: bolder;
	color: #00157f;
	text-align: right;
}


#header #top div#SiteSearch
{
	left: 619px;
	top: 57px;
	width: 234px;
	position: absolute;
	background: transparent;
}

#header #top #SiteSearch input
{  
	width: 234px;
	font-size: 14px;
	font-family: Tahoma, Sans-Serif;
	line-height: 1;
	color: #646464; 
	text-align: right;
	border: solid 0px #cccccc;
	background-color: transparent;
	padding: 2px 10px 0px 10px;
	margin: 0;
}

#header div#top a.rss
{
	display:block; 
	width: 16px; 
	height:16px; 
	top: 14px;
	left: 924px;
	position: absolute;
	background: url(/img/00/layout/rss-icon.png) no-repeat;
}

#header #top div#extrabuttons
{
	left: 616px;
	top: 85px;
	width: 310px;
	height: 44px;
	position: absolute;
	background: transparent;
	border: solid 0px red;
}


#header #top div#ajaxEvents
{
	left: 458px;
	top: 120px;
	width: 480px;
	height: 16px;
	position: absolute;
	background: transparent;
	/*border: solid 1px red;*/
	overflow: hidden;
}

#header #top #ajaxEvents div.anEvent
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 480px;
	display: none;
}

#header #top div#ajaxEvents font
{
	color: #dacfa8;
}

#header #top div#ajaxEvents b
{
/*	color: #93da52; */
	color: #ffda52;
}
#header #top div#ajaxEvents a
{
	color: #fff7db;
	text-decoration: none;
}
#header #top div#ajaxEvents a:hover
{
	text-decoration: underline;
}

/*-------------------------------------------------------------------------------------
 Navigation Buttons
-------------------------------------------------------------------------------------*/

#header div#nbuts
{
	width: 950px;
	height: 46px;
	position: relative;
	background: url(/img/00/layout/buts.png) no-repeat;
}


#header div#nbuts div
{
}


#header div#but
{
	position: absolute;
	left: 17px;
	top: 0px;
	width: 916px;
	height: 46px;
}



/****************
	Bread Crumbs
*****************/

#header div#bcrumbs
{
	width: 950px;
	height: 30px;
	background: url(/img/00/layout/contents.png) repeat-y;
}
#header div#crumbs
{
	width: 700px;
	height: 25px;
	margin-left: 23px;
	float: left;
	vertical-align: middle;
	margin-top:0px;
}
#header div#buttons
{
	float: left;
	width: 200px;
	height: 25px;
	margin-top:0px;
}

#header div#nobcrumbs
{
	width: 950px;
	height: 6px;
	background: url(/img/00/layout/crumbbg.jpg) no-repeat bottom;
}


/*************************************************************************************************
	Content
*************************************************************************************************/
table#content
{
	width: 950px;
	background: url(/img/00/layout/contents.png) repeat-y;
	height: 100%;
}

#content td#gutterl, #content td#gutterr
{
	width: 17px;
}

#content td#gutterc
{
	width: 20px;
}

#content #titletable
{
	background: url(/img/00/layout/titlebg.png) no-repeat scroll bottom right;
}

#content #titletable div.left
{
	height: 50px;
}
#content #titletable div#text
{
	height: 40px;
	margin: 0px 75px 25px 0px;
	vertical-align:bottom;
	position: relative;
	overflow: hidden;
}

#content #titletable #text font
{
	display:block;
	position:absolute;
	bottom:0;
	font-family:Constantia, Times, Serif;
	font-size:30px;
	color:#003f52;
	line-height:36px;
}

#content #titletable div.right
{
	height: 50px;
}

/***********************************************
	Menu 
***********************************************/

#content td#menu
{
	width: 224px;
	height: 100%;
}

/***********************************************
	Full Screen - layout style 0, col0
***********************************************/

#content td#col0l
{
	width: 17px;
}

#content td#col0
{
	width: 916px;
	vertical-align: top;
}

#content td#col0r
{
	width: 17px;
}

/*********************
 inner padding divs 
*********************/
#content #col0 div.edtdiv
{
	width: 916px;
	margin: 5px 0px 0px 0px; 
}

#content #col0 div.contentdiv
{
	width: 916px;
	margin: 0px 0px; 
}

#content #col0 div.vpadcontentdiv
{
	width: 916px;
	margin: 15px 0px; 
}


/***********************************************
	2 Columns - layout style 3, col2
***********************************************/
#content td#col2
{
	width: 672px;
	vertical-align: top;
}

/*********************
 inner padding divs 
*********************/
#content #col2 div.edtdiv, #content #col2_3 div.edtdivw
{
	width:652px;
	margin: 0px 0px 0px 0px;
}

#content #col2 div.contentdiv, #content #col2_3 div.edtdivw
{
	width: 652px;
	margin: 0px 0px; 
}

#content #col2 div.vpadcontentdiv, #content #col2_3 div.vpadcontentdivw
{
	width: 652px;
	margin: 15px 0px; 
}



/***********************************************
	3 Columns - layout style 4, col2_3 
***********************************************/
#content td#col2_3
{
	width: 672px;
	vertical-align: top;
}

/*********************
 inner padding divs 
*********************/
#content #col2_3 div.edtdiv, #content #col2 div.edtdivn
{
	width: 428px;
	margin: 0px 0px 10px 0px; 
}

#content #col2_3 div.contentdiv, #content #col2 div.contentdivn
{
	width:428px;
	margin: 0px 0px; 
	border: solid 1px red; 
}

#content #col2_3 div.vpadcontentdiv, #content #col2 div.vpadcontentdivn
{
	width:428px;
	margin: 15px 0px; 
	border: solid 1px red; 
}


#content div.rcoldiv
{
	margin: 0px 0px 0px 0px; 
}


/***********************************************
	Homepage - layout style 0, colhp
***********************************************/

#content td#colhpl
{
	width: 17px;
}

#content td#colhp
{
	width: 916px;
	vertical-align: top;
}

/* Top Box */
#content #colhp div#top
{
	position:relative;
	width: 916px;
	height: 294px;
	vertical-align: top;
	background: url(/img/00/layout/topbg.png) no-repeat;
}

#content #colhp #top div#news
{
	position:absolute;
	left: 11px;
	top: 12px;
	width: 599px;
	height: 248px;
	vertical-align: top;
}

#content #colhp #top div#popular
{
	position:absolute;
	left: 616px;
	top: 60px;
	width: 280px;
	height: 125px;
	vertical-align: top;
	overflow: hidden;
}

#content #colhp #top div#weather
{
	position:absolute;
	left: 616px;
	top: 200px;
	width: 280px;
	height: 50px;
	vertical-align: top;
}

#content #colhp #top #weather font
{
	color: #23344a;
	font-family: Tahoma, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
}

#content #colhp #top #weather font.temp
{
	color: #0079b8;
	font-size: 16px;
	font-weight: bold;
}

#content #colhp #top div#newsupdates
{
	position:absolute;
	left: 130px;
	top: 268px;
	width: 770px;
	border: dotted 0px red;
	vertical-align: top;
}

#content #colhp #top #newsupdates div#pscroll10_0
{
	width: 770px;
	line-height: 19px;
	height: 19px;
	background: transparent;
}

.pscroll10b_0
{
	margin:0px 0px;
}


#content #colhp #top #newsupdates .annheader
{
	color: #ffffff;
	font-weight: normal;
	line-height: 19px;
	font-size: 11px;
}
#content #colhp #top #newsupdates a.annheader:hover
{
	color: #f8d45c;
}


/* Top Bottom Box */
#content #colhp div#bottom
{
	position:relative;
	width: 916px;
	height: 357px;
	vertical-align: top;
	background: url(/img/00/layout/bottombg.png) no-repeat;
}

#content #colhp #bottom div#cityoptions
{
	position:absolute;
	left: 18px;
	top: 37px;
	width: 440px;
	height: 115px;
	vertical-align: top;
}

/* Events */
#content #colhp #bottom div#upcomingevents
{
	position:absolute;
	left: 23px;
	top: 187px;
	width: 430px;
	height: 156px;
	vertical-align: top;
	border: dotted 0px red;
	overflow-y: auto;
}
#content #colhp #bottom #upcomingevents div#inner
{
	width: 405px;
	vertical-align: top;
	border: dotted 0px green;
}

/* this is the month data object */
#content #colhp #bottom #upcomingevents #inner div#date
{
	width:40px; 
	height:40px; 
	text-align:center; 
	background: url(/custom/0000/img/calendar/calbg.png) no-repeat; 
	border: solid 0px red;
	position:relative;
}
#content #colhp #bottom #upcomingevents #inner #date font.month
{
	font-family:tahoma,sans-serif; 
	font-size:11px; 
	line-height:11px; 
	width:40px; 
	font-weight:bold;
	color:white;
	text-transform:uppercase;	
	top:6px;
	left:0px;
	display:block;
	position:absolute;
}
#content #colhp #bottom #upcomingevents #inner #date font.date
{
	font-family:tahoma,sans-serif; 
	font-size:18px; 
	line-height:18px; 
	width:40px; 
	font-weight:bold;
	color:white;
	text-transform:uppercase;	
	top:16px;
	left:0px;
	display:block;
	position:absolute;
}

/* news */
#content #colhp #bottom div#citynews
{
	position:absolute;
	left: 476px;
	top: 47px;
	width: 416px;
	height: 297px;
	vertical-align: top;
	overflow-y: auto;
}
#content #colhp #bottom #citynews div#inner
{
	width: 392px;
	vertical-align: top;
}

#content #colhp #bottom a.showall
{
	display: inline-block;
	font-family: verdana,sans-serif;
	font-size:11px;
	font-weight: bolder;
	text-align: right;
	padding-right: 17px;
	background: url(/img/00/layout/button.png) no-repeat scroll right;
	border: solid 0px red;
	color: #4f5d68;
	text-decoration: none;
	position: absolute;
	line-height: 15px;
	height: 15px;
	
}

#content #colhp #bottom a.showall:hover
{
	color: #f48e0c;
}


#content td#colhpr
{
	width: 17px;
}





		
/*************************************************************************************************
	Footer
*************************************************************************************************/

td.footer
{
	width:970px; 
	height:120px; 
	vertical-align:top; 
	background: url(/img/00/layout/footer.png) no-repeat;
}
#footer h1
{
	font-family: Tahoma, Sans-Serif;
	font-size: 10px;
	font-weight: bolder;
	line-height: 13px;
	color: #ffffff;
	margin: 0;
}

#footer div#wrapper
{
	width:970px; 
	height:120px; 
	position: relative;
}

#footer div#wrapper a.linkbackhome
{
	display:block; 
	width:80px; 
	height:80px; 
	top: 27px;
	left: 14px;
	position: absolute;
}

#footer div#wrapper a.linktocivica
{
	display:block; 
	width:80px; 
	height:80px; 
	top: 27px;
	left: 14px;
	position: absolute;
}

#footer #wrapper div#contact
{
	left: 105px;
	top: 38px;
	width: 362px; 
	height: 80px;
	position: absolute;
}
#footer #wrapper div#followus
{
	left: 466px;
	top: 38px;
	width: 171px; 
	height: 80px;
	position: absolute;
}
#footer #wrapper #followus td
{
	width: 28px;
}
#footer #wrapper div#readers
{
	left: 636px;
	top: 38px;
	width: 219px; 
	height: 80px;
	position: absolute;
}
#footer #wrapper #readers td
{
	width: 28px;
}
#footer div#powered
{
	left: 854px;
	top: 38px;
	width: 80px; 
	height: 60px;
	position: absolute;
	text-align: center;
}

#footer #powered a
{
	font-weight: bolder;
	color: white;
	font-family: Tahoma, Sans-Serif;
	font-size: 10px;
	text-decoration: none;
	display: inline-block;
	width: 80px; 
	height: 80px;
}
#footer #powered a:hover
{
	text-decoration: underline;
}


/*************************************************************************************************
	Page Contacts
*************************************************************************************************/

#PageContacts table
{
	width: 362px;
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
}
#PageContacts td
{
	vertical-align: top;
	display: inherit;
}
#PageContacts td.photo
{
	display: inherit;
}
#PageContacts image
{
	margin: 0px 0px 10px 0px;
}

#PageContacts td.info
{
	display: inherit;
}
#PageContacts font
{
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
}

#PageContacts font.title
{
	font-weight: bolder;
}
#PageContacts a
{
	font-size: 10px;
	line-height: 13px;
	color: #ffffff;
	text-decoration: none;
}
#PageContacts a:hover
{
	text-decoration: underline;
}

/*************************************************************************************************
	Side fades
*************************************************************************************************/

td.LeftEdge
{
	background: url(/img/00/layout/lfades.png) repeat-y top; 
	width: 10px;
	height: 100%; 
	vertical-align: top;
}
td.RightEdge
{
	background: url(/img/00/layout/rfades.png) repeat-y top; 
	width: 10px;
	height: 100%; 
	vertical-align: top;
}

td.LeftSideFade
{
}

td.RightSideFade
{
}

td.LeftSideFullFade
{
	/*background-color: #c0c0c0; /* sSurroundColor */
}

td.RightSideFullFade
{
	/*background-color: #c0c0c0; /* sSurroundColor */
}