@charset "utf-8";
html { overflow-y: scroll; }
body {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-image: url(/images/optimized/bg_gradient.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-color: #6699cc;
	border: 2px solid #006;
}
#outwrapper {
	padding: 0px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header {
	padding: 0px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#topnav {
	height: 32px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
}
#content {
	background-color: #FFF;

}
#leftnav {
	float: left;
	width: 180px;
	padding: 5px;
	height: auto;
	background-color: #6699cc;
}
#rightcontent {
	position: relative;
	float: right;
	border: 1px solid #000000;
	width: 735px;
	background-color: #FFF;
	/*min-height: 450px;*/
	text-align: left;
	padding: 5px;
	margin-right:5px;
	margin-top: 5px;
	margin-bottom: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 2px 2px 3px;
	-moz-box-shadow: #666 2px 2px 3px;
	box-shadow: #666 2px 2px 3px;
	behavior: url(/Scripts/PIE.htc);
	
}
.td_round {
	font-size: medium;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	height: 30px;
	background-image: url(/images/buttons/gradientbutton_blue.jpg);
	background-repeat: repeat-x;
	border: thin solid #000;
	-webkit-border-radius: 10px 10px 0 0 ;
	-moz-border-radius: 10px 10px 0 0 ;
	border-radius: 10px;
	behavior: url(/Scripts/PIE.htc);
}
#footer {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-align: center;
	font-size: small;
	color: #00C;
	background-color: #FFF;
	border: 1px solid #000;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer a {
	color:#00C;
}
#copyright, #copyright a {
	font-size: x-small;
	color: #999999;
	text-decoration: none;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
}

#spacer {
	background-color: #00C;
	clear: both;
	height: 1px;
}
.spacer {
	position:relative;
	clear:both;
	height:1px;	
}
.spacer4 {
	position:relative;
	clear:both;
	height:4px;	
}
.front_tr {
	background-image: url(/images/buttons/gradientbutton_blue.jpg);
	background-repeat: repeat-x;
	border: thin solid #000;
	font-size: medium;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	height: 30px;
}
#home_table {

}
#home_table_back {
	background-color: #EAEAEA;
}
.white  {
	background-color: #FFF;
}


#line {
	background-color: #00C;
	height: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#home_buttons {
	margin-top: -4px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	
}
.front_tbl a {
	font-size: small;
	font-weight: bold;
}
.front_tbl , .front_tbl tr{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}


.home_buttons {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



.glossymenu{
	margin: 5px 0;
	padding: 0;
	width: 180px;
	text-align: left;
}

.glossymenu a.menuitem{
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #FFF;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 3px 0;
	padding-left: 7px;
	text-decoration: none;
	background-image: url(../images/buttons/gradientbutton_blue.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 1px solid #000000;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
	background-image: url(../images/buttons/gradientbutton-ltblue.jpg);
	color: #000000;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
	margin-right: 5px;
	margin-left: 2px;
	border: 1px solid #000000;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;

}
.glossymenu div.submenu1{ /*DIV that contains each sub menu*/
	background: white;
	margin-right: 7px;
	margin-left: 3px;
	border: 1px solid #000000;
}

.glossymenu div.submenu1 ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu1 ul li{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.glossymenu div.submenu1 ul li a{
	display: block;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
}

.glossymenu div.submenu1 ul li a:hover{
background: #DFDCCB;

}

.h1 {
	font-size: x-large;
	color: #000000;
}
.h1-grn {
	font-size: x-large;
	color: #00C;
}
.h2 {
	font-size: large;
	color: #000000;
}
.h2-grn {
	font-size: large;
	color: #00C;
}
.h2-red {
	font-size: large;
	color: #FF0000;
}
.h2-white {
	font-size: large;
	color: #FFFFFF;
}

.h3 {
	font-size: medium;
	color: #000000;
	font-weight: bold;
}
.h3-grn {
	font-size: medium;
	color: #00C;
}
.h3-red {
	font-size: medium;
	color: #FF0000;
}
.h3-white {
	font-size: medium;
	color: #FFFFFF;
}
.h4 {
	font-size: small;
	color: #000000;
}
.h4-grn {
	font-size: small;
	color: #00C;
}
.h4-bold {
	font-size: x-small;
	color: #000;
	font-weight: bold;
}

.h5 {
	font-size: xx-small;
}
.menu_black {
	color: #000;
}

.vendtable {
	font-size: small;
	empty-cells: show;
}
.inputbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #00C;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #000000;
}
/* ltwCalendar Style Sheet */
a.prevnext:link {color: red; font-size: 12px; text-decoration:underline}
a.prevnext:visited {color: red; font-size: 12px; text-decoration:underline}
a.prevnext:hover {color: blue; font-size: 12px; text-decoration:underline}
a.prevnext:active {color: red; font-size: 12px; text-decoration:underline}

a.day:link {color: black; font-size: 12px; text-decoration:underline}
a.day:visited {color: black; font-size: 12px; text-decoration:underline}
a.day:hover {color: red; font-size: 12px; text-decoration:underline}
a.day:active {color: black; font-size: 12px; text-decoration:underline}

a.event:link {color: blue; font-size: 12px; text-decoration:underline}
a.event:visited {color: blue; font-size: 12px; text-decoration:underline}
a.event:hover {color: red; font-size: 12px; text-decoration:underline}
a.event:active {color: blue; font-size: 12px; text-decoration:underline}

a.admin:link {color: blue; font-size: 12px; text-decoration:underline}
a.admin:visited {color: blue; font-size: 12px; text-decoration:underline}
a.admin:hover {color: red; font-size: 12px; text-decoration:underline}
a.admin:active {color: blue; font-size: 12px; text-decoration:underline}

table.cal {
	background-color: #00C;
	height: 600px;
	border-style: none;
	border-width: 3px;
	font-family: sans-serif
}

.caption {
color: black;
font-size: 22px;
font-weight: bold;
}

.thead {
	color:white;
	background-color: #00C;
	font-size: 12px;
}

td.cal {
	background-color: white;
	text-align: left;
	vertical-align: top;
	width: 14%;
}

tfoot.cal {
	color:#ffffff;
	background-color: #00C;
	font-size: 14px;
	text-align: left
}

ul.cal {
margin: 0px;
list-style-position: inside
}

.cal-admin-link {
color: black;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
.image_outlined {
	margin: 3px;
	border: thin solid #000;
}
.bodytext {
	font-size: 12px;
	font-style: normal;
	color: #000000;
	line-height: 16px;
}
.redtext {
	font-size: 11px;
	font-style: normal;
	color: #FF0000;
	line-height: 16px;
}
.quicktext {
	font-size: 11px;
	font-style: normal;
	color: #000000;
	line-height: 18px;
}

.whiteHeadertext {
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	line-height: 18px;
	font-weight: bold;
}

.whitetext {
	font-size: 9px;
	font-style: normal;
	color: #FFFFFF;
	line-height: 16px;
}
.buttonBorder {
	border: 1px solid #165829;
	border-right-color: #00C;
	border-bottom-color: #00C;
	border-top-color: #00C;
	border-color: #00C;
	border-left-color: #00C;
}

.greenHeadertext {
	font-size: 16px;
	font-style: normal;
	color: #00C;
	line-height: 24px;
	font-weight: bold;
}

a:link {
	font-size: small;
	font-style: normal;
	color: #000;
	font-weight: normal;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #00C;
}
a:active {
	color: #000000;
}

a.whitetext:link {
	font-size: 9px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
a.whitetext:visited {
	font-size: 9px;
	font-style: normal;
	color: #CCCCCC;
	text-decoration: underline;
}

a.bodytext:link {
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: underline;
}
a.bodytext:hover {
	font-size: 12px;
	font-style: normal;
	color: #00F;
	text-decoration: underline;
}
a.bodytext:visited {
	font-size: 12px;
	font-style: normal;
	color: #000;
	text-decoration: underline;
}
a.quicktext:link {
	font-size: 11px;
	font-style: normal;
	color: #000000;
	line-height: 18px;
}
a.quicktext:hover {
	font-size: 11px;
	font-style: normal;
	color: #00F;
	line-height: 18px;
}
#listweek {
	padding: 0;
	/*padding-right: -2px;
	padding-bottom: -4px;
	padding-left: -2px;*/
	margin-left:-3px;
}
#listdate {
	min-height: 200px;
	color: #000;
	padding-right: 5px;
	padding-left: 10px;
	text-align: left;
}
#listlink {
	text-align: center;
	padding-top:5px;
}
.home_news {
	float: left;
	width: 99%;
}
.home_news ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	
}
.home_news li {
	border-bottom: 1px solid #000000;
	display: block;
	color: #00C;
	padding-top: 4px;
	padding-bottom: 4px;
}


.home_news li a {
	width: inherit;
	padding-left: 1px;
	}
.home_news li:hover {
	color:#FFFFFF;
	background-color:#069;
	}
#news {
	width: 170px;
	margin-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	text-align:center;
}
.newstitle {
	font-size: medium;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 2px solid #000000;
	width: 168px;
	background-image: url(/images/buttons/gradientbutton_blue.jpg);
	margin-top: 5px;
	height: 20px;
	padding-top: 3px;
}
#newstitle {
	float: left;
	width: 98%;
	font-size: small;
	}
#newstitle ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
				}
#newstitle li {
	padding-top: 1px;
	padding-left: 0px;
	margin-right: -2px;
}
#newstitle li a {
	display: block;
	height: 20px;
	line-height: 20px;
	color:#000000;
	text-decoration: none;
	border: 1px solid #000000;
	background-color: #FFF;
					}
#newstitle li a:hover {
	color:#FFFFFF;
	background-color:#00C;
	}
.news_space {
	clear: both;
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#home_links {
	float: left;
	overflow:hidden;
	width:98%;
	margin-left:1px;
	
}
#home_links ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#home_links li {
	padding-top: 1px;
	padding-left: 0px;
	margin-right: -2px;
}
#home_links li a {
	display: block;
	height: 20px;
	line-height: 20px;
	color:#000000;
	text-decoration: none;
	overflow:hidden;
	font-size: .8em;
	white-space: normal;
}
#home_links li a:hover {
	color:#FFFFFF;
	background-color:#00C;
	border: thin solid #000;
	margin-top:-1px;
	margin-bottom:-1px;
	
}
#announce_links {
	float: left;
	font-size: small;
	width:98%;
	margin-left:1px;
	background-color: #FFF;
}
#announce_links ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#announce_links li {
	padding-top: 1px;
	padding-left: 0px;
	margin-right: -2px;
}
#announce_links li a {
	display: block;
	height: 20px;
	line-height: 20px;
	color:#FFF;
	text-decoration: none;
	border: 1px solid #000;
	background-image: url(/images/buttons/gradientbutton_blue.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#announce_links li a:hover {
	color:#000;
	border: thin solid #000;
	background-image: url(/images/buttons/gradientbutton-ltblue.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	
}
#searchbox {
	background-image: url(/images/gry-dot.gif);
	background-repeat: repeat;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #000;
}
#searchdiv {
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 170px;
}
#newsbanner {
	height: 36px;
	margin-bottom: 5px;
	background-color: #00C;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #999;
}
.employment_faq dd {
	color: #00F;
}
.employment_faq dt {
	color: #000;
	font-size: medium;
	font-weight: bold;
}
.Channel3Text {
	color: #00C;
	font-weight: bold;
	text-align: center;
}
.apply_btn a{
	background-image: url(/images/buttons/gradientbutton_blue.jpg);
	background-repeat: repeat-x;
	border: 1px solid #000;
	line-height: 25px;
	padding-right: 10px;
	vertical-align: middle;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #FFF;
}
.apply_btn a:hover {
	background-image: url(/images/buttons/gradientbutton-ltblue.jpg);
	background-repeat: repeat-x;
	border: 1px solid #000;
	line-height: 25px;
	padding-right: 10px;
	vertical-align: middle;
	text-decoration: none;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #000;
}
.buttonbox {
	position:relative;
	border:1px solid black;
	background-color:#E8E8E8;
	padding: 3px 9px 3px 9px;
	text-decoration:none;	
	color:black;
}

/*2011 additions*/

.home_title {
	position:relative;
	clear:both;
	background-image: url(/images/buttons/gradientbutton_blue.jpg);
	background-repeat: repeat-x;
	color:white;
	font-size: 1.3em;
	text-transform: uppercase;	
	text-align:center;
}
.home_content {
	padding:6px;	
}
#home_3_block {
	position:relative;
	width:237px;
	float:left;
	border:1px solid black;
	margin-left:4px;
	height:250px;
}
#home_video {
	position:relative;
	width:526px;
	margin-left:4px;
	height:220px;
	float:left;	
	border:1px solid black;
}
#home_mayor {
	position:relative;
	width:190px;
	margin-left:4px;
	float:left;
	height:220px;
	text-align:center;
	font-size:1em;
	border:1px solid black;
}
#home_announce {
	position:relative;
	width:190px;
	margin-left:4px;
	margin-bottom:4px;
	float:left;
	height:125px;
	text-align:center;
	font-size:1em;
	border:1px solid black;
}
#home_news {
	position:relative;
	width:526px;
	margin-left:4px;
	height:600px;
	float:left;
	border:1px solid black;
	overflow: hidden;
}
#home_events {
	position:relative;
	width:190px;
	margin-left:4px;
	float:left;
	height:600px;
	font-size:.9em;
	border:1px solid black;
	overflow: auto;
	background-color:#E9E9E9;
}

/*TEXT*/
.bold {
	font-weight:bold;		
}
.italic {
	font-style: italic;
}
.blue, .blue a {
	color:blue;
}
.red {
	color:red;
}
.green {
	color:green;
}
.small, .small a {
	font-size:11px;
}
.medium {
	font-size:12px;
}
.large {
	font-size:15px;
}
.xlarge {
	font-size:18px;
}
.no_underline a {
	text-decoration:none;	
	color:blue;
}