﻿body {
	background-image:url(Images/bodyBGgrad.jpg);
	background-repeat:repeat-x;
}

/* main div */
div#DivMainClass
{
    margin-left:5px;
    margin-right:5px;
    background-color:#FFF;
}
div#header {
	background: url(Images/pageBorder_top.jpg) 0 0 repeat-x;
	padding-top:5px;
}
div#footer {
	background: url(Images/pageBoder_bottom.jpg) 0 0 repeat-x;
	padding-bottom:5px;
}
div#wrapper_l
{
    background: url(Images/pageBorder_left.jpg) repeat-y 0 0;
}
div#wrapper_r {
	background: url(Images/pageBorder_right.jpg) 100% 0 repeat-y;
}
div#wrapper_lt
{
    background: url(Images/pageBorder_leftTop.jpg) no-repeat 0 0;
}
div#wrapper_rt {
	background: url(Images/pageBorder_rightTop.jpg) 100% 0 no-repeat;
}

div#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 1002px;
}
/* HOME BAR */

.breadcrum
{
    border-bottom-color: #C0C0C0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-align: right;
    padding-bottom: 3px;
    margin-top: -2px;
}

.twitter_list li {    background:url(images/li-bg.gif) left bottom repeat-x; font-weight:normal; } 
   
.headerBarDIV {
	height: 80px;
}

/* HORIZONTAL NAV BAR */
.horizontalNavBarDIV
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #333333;
}

/* MAIN CONTENT */
#resultsDIV {
    border: solid 3px green;
}


.twitter_list li {    background:url(images/li-bg.gif) left bottom repeat-x; font-weight:normal; } 

.floatRight
{
    float:right;
    width:150px;
    
}
.textPadding
{
	padding: 10px 8px 20px 8px;
}
.contentBarTable
{
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
	font-size:1em;
}
.verticalLeftBarTD
{
	width: 222px;
	vertical-align: top;
	border-right: solid 1px #C0C0C0;
	background:url(Images/leftSidebarBG.jpg) repeat-x bottom;
	background-color: #dedede;
	
}
.verticalLeftBarTD .textPadding
{
	padding: 10px 2px 20px 3px;
}
.bodyContentTD
{
	vertical-align:top;
}
.verticalRightBarTD
{
	width: 222px;
	vertical-align: top;
	border-left: solid 1px#C0C0C0;
	padding-left: 5px;
	min-height:400px;
}
.featuresPadding
{
	margin: 10px 0px 20px 0px;
	border:1px solid #919B9C;
	width:220px;
}
.newsFlash
{
	height:280px;
	width:546px; 
	overflow:hidden; 
	position:relative;
}
.newsFlash .titleBackground
{
	width:546px; 
	height:30px; 
	position:absolute; 
	bottom:0pt; left:0pt; 
	background-color:#fff; 
	filter:alpha(opacity=70);
	-moz-opacity:.70;
}
.newsFlash .titleText
{
	width:546px;
	height:30px;
	position:absolute;
	bottom:0pt;
	left:0pt;
	padding-top:14px;
	padding-right:0pt;
	padding-bottom:0pt;
	padding-left:8px;
	font-weight:bold;
	font-size:1.1em;
}
.featuresFlash
{
	height:222px;
	width:220px; 
	overflow:hidden;  
	position:relative;
}
.featuresFlash .titleBackground
{
	width:220px; 
	height:30px; 
	position:absolute; 
	bottom:0pt; left:0pt; 
	background-color:#fff; 
	filter:alpha(opacity=70);
	-moz-opacity:.70;
}
.featuresFlash .titleText
{
	width:220px;
	height:30px;
	position:absolute;
	bottom:0pt;
	left:0pt;
	padding-top:10px;
	padding-right:0pt;
	padding-bottom:0pt;
	padding-left:8px;
	font-weight:bold;
	font-size:1.1em;
}

/* TAB STIPS */
.tabsContainer
{

}
.mainTabs
{
    margin-top:-3px;
    padding-top:3px;
    border-top:#919b9c 1px solid;
    border-right:#919b9c 1px solid;
    border-left:#919b9c 1px solid;
    border-bottom:#919b9c 1px solid;
    height: 256px;
    width:221px;
    z-index:-5;
    overflow:hidden;
}
.subTabs
{
	padding:2px;
	width:219px;
	overflow-x: hidden;
	overflow-y: scroll;
	height:228px;
}
.subItems
{
	padding:2px;
	overflow-x: hidden;
	overflow-y: scroll;
	height:252px;
	position:relative;
	float:left;
	width:219px;
	left:0px;
}
.subItemsNews
{
	padding:2px;
	margin:-1px -1px 0px -1px;
	overflow-x: hidden;
	overflow-y: scroll;
	height:231px;
	width:219px;
}
.subItemsCal
{
	padding:2px 12px 2px 2px;
	margin:-1px -1px 0px -1px;
	overflow-x: hidden;
	overflow-y: scroll;
	height:231px;
	width:219px;
}
.subItemsNewsLinkDiv
{
    padding: 2px 4px 2px 4px;
    border-top: 1px solid #919b9c;
    width: 100%;
    height: 17px;
    background-color: #F5F5F5;
    border-top-color: #B3BABB;
}
.altItem
{
    background-color: #ECEDF2;
}
.weatherDiv
{
    font-size:.9em;
    width:200px;
}
.weatherDiv .smallText
{
    font-size:.8em;
}
.weatherDiv .grayText
{
    color: #808080;
}
/* Calendar City Hall*/
.cityHallDate
{
    font-weight: bold;
    background-color: #CCCCCC;
    padding: 2px 2px 2px 5px;
}
.cityHallTitle
{
    margin-bottom:3px;
    padding: 2px 2px 2px 5px;
}
/* Calendar tab */

div.calrow span.left {
float: left;
text-align: left;
color: #000;
/* width: 10%; */
}

div.calrow span.right {
float: right;
text-align: right;

color: #000;
/* width: 90%; */
}

div.calspacer {
clear: both;
}

div.calrow {
clear: both;
}


div.cal_container_altrow {
 background-color : #ECEDF2;
 width: 235px; 
 padding: 0px; 
 margin: 0px 5px 0px 0px; 
}

div.cal_container_row {
 width: 235px; 
 padding: 0px; 
 margin: 0px 5px 0px 0px;
}
