@charset "utf-8";
/* CSS Document */
body {
	background-color:#C0C0C0;
	height:100%;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:0px;
}
a:link {
	color:#022A4B;
	
}
a:hover {
	color: #285073;
	background-color:inherit;
}
a:visited {
	/*color: #285073;*/
	color:#333333;
	
}
h1 {
	color:#062945;
	font-size:24px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
}
h2 {
	color:#000000;
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:10px;
	margin:0px;
}
#container {
	margin: 0px auto;
	padding: 0px;
	background-image:url(assets/images/background.jpg);
	width:975px;
	text-align:left;
}
table#topLinksSearch{
border-collapse:collapse;
	width:970px;
	padding:0px;
	
}

table#boardTable {
	border-collapse:collapse;
}
table#boardTable td {
	padding-bottom:5px;
	padding-top:5px;
	padding-left:8px;
	padding-right:8px;
}
table#tableStyle {
	border:#D8D3BD 2px solid;
	width:99%;
	text-align:left;
	border-collapse:collapse;
	margin-bottom:10px;
}
table#tableStyle tr {
	border:#D8D3BD 2px solid;
}
table#tableStyle th {
	background-color:#285073;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	border:#D8D3BD 2px solid;
}
table#tableStyle td {
	border:#D8D3BD 2px solid;
	background-color:#ffffff;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
}

table#councilTable td {
	padding-top:3px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:6px;
	vertical-align:top;
}

table#results {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding:2px;
	vertical-align:top;
	width:99%;
	border-spacing:0px;
	text-align:center;
	padding:3px;
}
table#results td {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding:2px;
	background-color:#FFFFFF;
	text-align:left;
	border-spacing:0px;
	font-weight:bold;
}
table#results td.right {
	text-align:right;
}
table#results th {
	background-color:#285073;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	text-align:center;
	border-spacing:0px;
	color:#FFFFFF;
	font-weight:bold;
}
table#results img {
	text-align:center;
}
form#oshBuyForm {
	margin-top:5px;
	margin-bottom:5px;
}
form {
	margin-top:5px;
	margin-bottom:5px;
}

#fomr CityLookup{
	margin-top:5px;
	margin-bottom:5px;
	background-color:#F3F0E7;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:8px;
	border:#000000 1px solid;
}

fieldset
{
	margin-top:5px;
	margin-bottom:5px;
	background-color:#F3F0E7;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:8px;
	border:#000000 1px solid;
}

form#CityLookup label{
padding-left:13px;
}

#banner {
	margin:0px;
	padding: 0px;
	border:0;
	width:975px;
	height:124px;
	padding:0px;
	position:relative;
}
#homeLink {
	margin: 0px auto;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:5px;
	border:0;
	width:970px;
	position:relative;
	color:#000000;
	font-size:14px;
}
#homeLink a:link {
	color:#ffffff;
	background-color:inherit;
}
#homeLink a:hover {
	color:#022A4B;
}
#homeLink a:visited {
	color:#ffffff;
	background-color:inherit;
}
#homeLink form {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	width: 300px;
	line-height:0px;
	vertical-align:middle;
}

#w3cLink{
	margin: 0px auto;
	/*padding-bottom:2px;*/
	padding-top:10px;
	padding-left:5px;
	border:0;
	width:970px;
	height:50px;
	position:relative;
	color:#000000;
	/*font-size:14px;*/
}



#adobeRight{
float:right;
width:100px;
/*height:50px;*/
text-align:center;

}

#top_nav {
	background-image:url(assets/images/topNavBack.jpg);
	background-repeat:repeat-x;
	width:975px;
	height:30px;
}
/* needed for rollover nav to work in IE*/
* html a:hover {
	visibility:visible
}
.right {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:right;
	width:96px;
	height:306px;
	text-align:center;
	font-size:9px;
	background-color:#FFFFFF;
	padding:2px;
}
.right h3 {
	font-size:16px;
	margin:0px;
}
.right2 {
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	width:160px;
	text-align:left;
	font-size:11px;
	background-color:#FFFFFF;
	padding:5px;
	/*r:inherit;*/
}
.right2 ul li {
	margin-left: -15px;
	padding:0;
	position: relative;
}
#mainPics {
	width:470px;
	height:300px;
	background-color:#FFFFFF;
}
#rightBody {
	float:right;
	width:300px;
}

#rightImage {
	float:right;
	width:350px;
	text-align:center;
	padding-bottom:10px;
}

#overflow{
overflow:scroll;
height:425px;
}

#subNavTop{
background-color:#F3F0E7;
padding-top:5px;
padding-bottom:5px;
border: #000000 1px solid;
color:#022A4B;
word-spacing: 2px;
margin-top:8px;
margin-bottom:20px;
text-align:center;
}

#subNavTopSeniors{
background-color:#F3F0E7;
padding-top:5px;
padding-bottom:5px;
border: #000000 1px solid;
color:#022A4B;
word-spacing: 2px;
margin-top:8px;
margin-bottom:20px;
text-align:center;
font-size:16px;
}

#subNavRightSeniors{
background-color:#F3F0E7;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
border: #000000 1px solid;
color:#022A4B;
word-spacing: 2px;
margin-top:8px;
margin-bottom:20px;
text-align:center;
font-size:16px;
float:right;
width:190px;
text-align:left;
}

#rightBodyColor {
	float:right;
	width:215px;
	border: #000000 1px solid;
	background-color:#F3F0E7;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:8px;
	margin-top:8px;
	margin-left:8px;
	margin-bottom:8px;
	text-align:left;
}

#rightStream{
width:335px;
float:right;
text-align:center;
padding-bottom:8px;
}
.headlines {
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:8px;
	padding-top:2px;
	font-size:14px;
	width:535px;
}
.headlines h4 {
	font-size:14px;
	margin:0px;
}
#inspAddress{
	padding-top:10px;
	font-size:12px;
}

#left {
	float:left;
	background-color:#285073;
	color:#FFFFFF;
	text-align:left;
	width:210px;
	/*	position:relative;left:1px;  /* This is Tantek hack					*/
	/*	voice-family: "\"}\"";	     /* http://tantek.com/CSS/Examples/boxmodelhack.html	*/
	/*	voice-family:inherit;	     /* We need to use left:1px because IE draws box incorrectly*/
	padding-left:5px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding-bottom:10px;
	padding-top:5px;
	position:relative;
	display: inline;
	font-size:14px;
	z-index:5;
}
#left ul {
	margin-top:5px;
	margin-bottom:auto;
	width:191px;
	z-index:5;
}
#left li {
	margin-right:30px;
	margin-left:-35px;
	height:35px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:auto;
	margin-bottom:auto;
	list-style:none;
	z-index:5;
}

#leftNavB{
font-size:12px;
}
.navImag {
	vertical-align:middle;
	padding-left:8px;
	padding-right:8px;
}
.navBarImag {
	padding-top:5px;
	padding-bottom:5px;
}
#left a:link {
	color:#FFFFFF;
	text-decoration:none;
	background-color:inherit;
}
#left a:hover {
	color:#93D7EA;
}
#left a:visited {
	color:#CCCCCC;
	text-decoration:none;
}
/* needed for rollover nav to work in IE*/
* html a:hover {
	visibility:visible
}
#content {
	margin-left:215px;
	height:100%;
	text-align:left;
	padding-right:20px;
	padding-top:5px;
	padding-left:12px;
	position:relative;
}
#content p {
	margin-top:10px;
}
#content h3 {
	font-size:18px;
	margin:0px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

#indexBody {
	margin-top:-5px;
	margin-left:-12px;
	position:relative;
}
#topicNews {
	background-color:#285073;
	width:760px;
}



.container1 {
	background-color:#F3F0E8;
	background-image:url(assets/images/newsTopicsBack2.jpg);
	background-repeat:repeat-x;
	width:480px;
	height:150px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
div.slides {
	position:absolute;
	top:0;
	left:0;
}
ul.slides {
	position:absolute;
	top:0;
	left:0;
	list-style:none;
	padding:0;
	margin:0;
}

div.slides div, ul.slides li {
	top:0;
	width:480px;
	padding:0;
	margin:0;
}

#loopedSlider, #newsSlider {
	width:480px;
	height:170px;
	color:#022A4B;
	text-align:right;
}
#loopedSliderTop {
	background-image:url(assets/images/topicsTop.jpg);
	background-repeat:no-repeat;
	height:10px;
}
#loopedSliderBottom {
	background-image:url(assets/images/topicsBottom.jpg);
	background-repeat:no-repeat;
	margin:0px;
	height:10px;
}
#hotTopicsBodyleft0 {
	text-align:center;
	width:210px;
	padding-left:29px;
}

#hotTopicsBodyleft1 {
	text-align:center;
	width:210px;
	padding-left:29px;
}
#hotTopicsBodyleft2 {
	text-align:center;
	width:210px;
	padding-left:29px;
}
#hotTopicsBodyleft3 {
	text-align:center;
	width:210px;
	padding-left:29px;
}
#hotTopicsBodyleft4 {
	text-align:center;
	width:210px;
	padding-left:29px;
}
#hotTopicsBodyleft5 {
	text-align:center;
	width:210px;
	padding-left:29px;
}
#hotTopicsBodyleft13 {
	text-align:center;
	width:210px;
	padding-left:29px;
}
#hotTopicsBodyleft6 {
	text-align:center;
	width:210px;
	padding-left:29px;
}
#hotTopicsBodyleft7 {
	text-align:center;
	width:210px;
	padding-left:29px;
}
#hotTopicsBodyleft8 {
	text-align:center;
	width:210px;
	padding-left:29px;
}
#hotTopicsBodyleft9 {
	text-align:center;
	width:210px;
	padding-left:29px;
}
#hotTopicsBodyleft10 {
	text-align:center;
	width:210px;
	padding-left:29px;
}
#hotTopicsBodyleft11 {
	text-align:center;
	width:210px;
	padding-left:29px;
}
#hotTopicsBodyleft12 {
	text-align:center;
	width:210px;
	padding-left:29px;
}

#hotTopicsBodyleft14 {
	text-align:center;
	width:210px;
	padding-left:29px;
}

#hotTopicsBodyleft15 {
	text-align:center;
	width:210px;
	padding-left:29px;
}

#hotTopicsBodyRight0 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight0 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight1 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight1 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight2 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight2 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight3 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight3 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight4 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight4 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight5 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight5 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight13 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight13 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight14 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight14 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight15 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight15 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight6 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight6 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight7 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight7 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight8 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight8 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight9 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight9 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight10 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight10 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight11 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight11 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#hotTopicsBodyRight12 h1 {
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	text-align:center;
	color:#022A4B;
}
#hotTopicsBodyRight12 {
	float:right;
	width:198px;
	color:#000000;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	height:140px;
	padding-right:30px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:middle;
}

#nextArrow {
	float:right;
	vertical-align:middle;
	padding-top:70px;
	position:relative;
	width:20px;
	height:170px;
	background-color:#F3F0E8;
	background-image:url(assets/images/newsTopicsBack2.jpg);
	background-repeat:repeat-x;
	border-left: #000000 1px solid;
	text-align:center;
}
#prevArrow {
	vertical-align:middle;
	text-align:center;
	padding-top:70px;
	position:relative;
	float:left;
	width:20px;
	height:170px;
	background-color:#F3F0E8;
	background-image:url(assets/images/newsTopicsBack2.jpg);
	background-repeat:repeat-x;
	border-right: #000000 1px solid;
}
ul.pagination {
	list-style:none;
	padding:0;
	margin:0;
}
ul.pagination li {
	float:left;
}
ul.pagination li a {
	padding:2px 4px;
}
ul.pagination li.active a {
	background:blue;
	color:white;
}
/*--------------------------------------------*/


#newsUpdates {
	float:right;
	margin-right:10px;
}
#newsUpdateTop {
	background-image:url(assets/images/newsTop.jpg);
	background-repeat:no-repeat;
	margin:0px;
	height:10px;
}
#newsUpdateBottom {
	background-image:url(assets/images/newsBottom.jpg);
	background-repeat:no-repeat;
	margin:0px;
	height:10px;
}
#newsUpdatesBody {
	height:155px;
	width:250px;
	background-color:#F3F0E8;
	background-image:url(assets/images/newsTopicsBack3.jpg);
	background-repeat:repeat-x;
}
#newsUpdatesDetail{
width:85%;
}
.overflowScroll {
	overflow:scroll;
	height:150px;
	padding-left:5px;
}
#myController {
	text-align:center;
	font-size:13px;
	font-weight:bold;
	padding-bottom:3px;
	border-bottom:#CCCCCC 1px solid;
}
#search {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:9px;
	margin-bottom:5px;
	text-align:center;
}
#search form {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
}
#flashHeader {
	width:760px;
	height:225px;
	background-color:#F3F0E8;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
}
.redText {
	color:#FF0000;
	font-weight:bold;
	/*background-color:#285073;*/
	font-size:11px;
}
#ocms {
	width:750px;
	height:149px;
}
#ocmsSub1 {
	width:740px;
	height:22px;
	background-image:url(assets/images/ocmsTopBack.png);
	background-repeat:no-repeat;
	padding-left:10px;
	color:#FFFFFF;
	background-color:inherit;
	font-weight:bold;
	padding-top:5px;
}
#ocmsSub1 a:link {
	color:#FFFFFF;
	background-color:inherit;
}
#ocmsSub1 a:hover {
	color:#FFFFFF;
	background-color:inherit;
}
#ocmsSub1 a:visited {
	color:#FFFFFF;
	background-color:inherit;
}
/**********Council Member CSS************************/


.ocmsSub2 {             /* container for all thumbs */         /* an explicit width is required for WinIE, or it screws up badly */ /* correctly center block element */
   	color:#285073;
	overflow: hidden;
	text-align: center;
	width:750px;
	height:102px;
	background-image:url(assets/images/ocmsBack.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
	font-weight:bold;
	background-color:inherit;
}
.ocmsSub2 ul {
	margin: 0;
	padding: 0;
}
.ocmsSub2 li {        /* test these rules with various fonts, may need adjusting */   /* high enough for image plus 2-line caption */   /* wide enough for widest image with a bit of padding */
  	float: left;      /* as many as can fit in window width */
	overflow: hidden; /* do not let IE stretch the container */
	text-align: center;
	padding-left:9px;
	font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
	font-family: inherit;
	width:114px;
	height:95px;
}
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.ocmsSub2 img {          /* image resized in ems to maintain proportions */
	display: block;      /* prevent text from flowing on the side */
	/* image resolution may suffer a little, but not much */
  	text-align: center;  /* center for IE */
	margin: 0 auto .3em auto; /* center for non-IE */
	padding: 0;
	border:0;
}
.ocmsSub2 li {
	list-style-type: none;
}
.ocmsSub2 img {
	vertical-align: middle;
}
#ocmsSub3 {
	width:750px;
	height:10px;
	background-image:url(assets/images/ocmsBottomBack.jpg);
	background-repeat:no-repeat;
}

/* This is a test*/
#ocmstest {
	width:480px;
	height:237px;
}
#ocmsSub1test {
	width:470px;
	height:22px;
	background-image:url(assets/images/ocmsTopBack2.png);
	background-repeat:no-repeat;
	padding-left:10px;
	color:#FFFFFF;
	background-color:inherit;
	font-weight:bold;
	padding-top:5px;
}
#ocmsSub1test a:link {
	color:#FFFFFF;
	background-color:inherit;
}
#ocmsSub1test a:hover {
	color:#FFFFFF;
	background-color:inherit;
}
#ocmsSub1test a:visited {
	color:#FFFFFF;
	background-color:inherit;
}
/**********Council Member CSS************************/


.ocmsSub2test {             /* container for all thumbs */         /* an explicit width is required for WinIE, or it screws up badly */ /* correctly center block element */
   	color:#285073;
	overflow: hidden;
	text-align: center;
	width:480px;
	height:190px;
	background-image:url(assets/images/ocmsBack.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
	font-weight:bold;
/*	background-color:inherit;*/
	background-color:#F2EFE6;
	
}

.videoBody{
width:235px;
background-color:#F2EFE6;
background-image:url(assets/images/newsTopicsBack3.jpg);
background-repeat:repeat-x;
padding-left:15px;
}

#videoTop{
width:240px;
height:22px;
	background-image:url(assets/images/videoTopBack.png);
	background-repeat:no-repeat;
	padding-left:10px;
	color:#FFFFFF;
	background-color:inherit;
	font-weight:bold;
	padding-top:5px;
	}
	
#videoBottom {
	background-image:url(assets/images/newsBottom.jpg);
	background-repeat:no-repeat;
	margin:0px;
	height:10px;
}

.ocmsSub2test ul {
	margin: 0;
	/*padding: 0;*/
	padding-left:50px;
	
}
.ocmsSub2test li {        /* test these rules with various fonts, may need adjusting */   /* high enough for image plus 2-line caption */   /* wide enough for widest image with a bit of padding */
  	float: left;      /* as many as can fit in window width */
	overflow: hidden; /* do not let IE stretch the container */
	text-align: center;
	padding-left:9px;
	font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
	font-family: inherit;
	width:114px;
	height:95px;
}
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.ocmsSub2test img {          /* image resized in ems to maintain proportions */
	display: block;      /* prevent text from flowing on the side */
	/* image resolution may suffer a little, but not much */
  	text-align: center;  /* center for IE */
	margin: 0 auto .3em auto; /* center for non-IE */
	padding: 0;
	border:0;
}
.ocmsSub2test li {
	list-style-type: none;
}
.ocmsSub2test img {
	vertical-align: middle;
}
#ocmsSub3test {
	width:480px;
	height:10px;
	/*background-image:url(assets/images/ocmsBottomBack.jpg);*/
	background-image:url(assets/images/topicsBottom.jpg);
	background-repeat:no-repeat;
}

/* */
.seniorsServicesFont{
font-size:14px;
}

#footer {
	color:#000000;
	background-color:#F3F0E7;
	background-image:url(assets/images/footerBack3.jpg);
	clear:left;
	text-align:center;
	font-size:10px;
	padding-top:5px;
	padding-bottom:5px;
	width:975px;
}
#footer a:link {
	color:#FFFFFF;
	background-color:inherit;
}
.boldCenter {
	font-weight:bold;
	text-align:center;
}
.bold {
	font-weight:bold;
}
.redBold {
	font-weight:bold;
	color:#FF0000;
}
.bigBold {
	font-weight:bold;
	font-size:16px;
}
.bigBold22 {
	font-weight:bold;
	font-size:22px;
}

.blueBoldCenter {
	color:#285073;
	text-align:center;
	font-weight:bold;
	background-color:inherit;
}
.blueBold {
	color:#285073;
	font-weight:bold;
	background-color:inherit;
}
.boldUnderLine {
	font-weight:bold;
	text-decoration:underline;
}
.bigBoldUnderLine {
	font-weight:bold;
	font-size:18px;
	text-decoration:underline;
}
.bigBoldCenter {
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

.italic {
font-style:italic;
}

.bigMed {
	font-weight:bold;
	font-size:12px;
}
#leftsiteLink a:link {
	color:#FFFFFF;
	background-color:inherit;
}
#leftsiteLink a:hover {
	color:#e0dcdd;
}
#leftsiteLink a:visited {
	color:#CCCCCC;
}
h3 {
	padding-top:5px;
}
/**********Council Member CSS************************/

#councilMembers{
width:485px;
}
#councilThumbs{
height:167px;
width:230px;
}

#councilThumbs img{
padding-right:5px;
}

#councilThumbsRight{
height:167px;
width:230px;
float:right;
}

#councilThumbsRight img{
padding-right:5px;
}



.thumbs {             /* container for all thumbs */
	width: 100%;         /* an explicit width is required for WinIE, or it screws up badly */
	/* correctly center block element */
   	color: #000;
	overflow: hidden;
	text-align: center;
}
.thumbs ul {
	margin: 0;
	padding: 0;
}
.thumbs li {        /* test these rules with various fonts, may need adjusting */
	/* high enough for image plus 2-line caption */
      /* wide enough for widest image with a bit of padding */
  	float: left;      /* as many as can fit in window width */
	overflow: hidden; /* do not let IE stretch the container */
	text-align: center;
	/*margin: 1.4em;*/
	margin-right: 25px;
	font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
	font-family: inherit;
	width:100px;
	height:195px;
	
}
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.thumbs img {          /* image resized in ems to maintain proportions */
	display: block;      /* prevent text from flowing on the side */       /* image resolution may suffer a little, but not much */
	height: 147px;
	text-align: center;  /* center for IE */
	/*margin: 0 auto .3em auto; /* center for non-IE */
	padding: 0;
	border:0;
}
.thumbs li {
	list-style-type: none;
	/*margin-bottom: .5em;*/
}
.thumbs img {
	vertical-align: middle;
}

.smallCenter{
font-size:10px;
text-align:center;
}

.formGroup{
background-color:#F0F0F0;
padding:5px;
border-bottom-color:#000000;
border-bottom-style:solid;
border-bottom-width:1px;
border-top-color:#000000;
border-top-style:solid;
border-top-width:1px;
border-left-color:#000000;
border-left-style:solid;
border-left-width:1px;
border-right-color:#000000;
border-right-style:solid;
border-right-width:1px;
color:#000000;
}

.formBold{
font-weight:bold;
}

.formBoldUnderline{
font-weight:bold;
text-decoration:underline;
}

.formBoldRed{
color:#FF0000;
font-weight:bold;
}

#photoGallery{
text-align:center;
}


