/* Created by Chris Edwards, Web Multimedia Technician for the City of Winter Springs */
/* Last Updated on October 21st, 2009 at 2:00pm EST */

/* Global Template Elements */
body {
  background-color:#174666;
  background-image: url('templateimages/bg.jpg');
  background-repeat: repeat-x;
  font-family:Verdana,Tahoma,Arial,sans-serif;
  font-size:10pt;
  margin:30px 0;
  text-align:center;
}

td {
  font-family:Verdana,Tahoma,Arial,sans-serif;
  font-size:10pt;
}


#container {
  margin:0 auto;
  text-align:left;
  width:772px;
}

#header {
  background-image: url('templateimages/header_bg.jpg');
  width: 772px;
  height: 100px;
}

#content {
  background-image: url('templateimages/content_bg.jpg');
  width: 746px; /*For GOOD browsers*/
* width: 772px; /*For IE*/
  padding:13px 13px 0px 13px;
}

#contentsub {
  background-image: url('templateimages/content_bg.jpg');
  width: 758px;
* width: 772px;
  padding:13px 13px 0px 1px;
}


#footerend {
  background-image: url('templateimages/footer_bg.jpg');
  width: 772px;
  height: 20px;
}

#globalfooter {
  margin: 13px 0px 0px;
  width: 746px;
  color: #174666;
  text-align:center;
}

#breadcrumb, a#breadcrumb {
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: #154667;
  margin-Bottom: 5px;
  padding: 5px;
  width: 565px;
}

#breadcrumb a:link,#breadcrumb a:visited,#breadcrumb a:hover,#breadcrumb a:active  {
  color:#ffffff;
  text-decoration:none;
}

.blktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}

.bgGrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #000000;
	background-color: #E7E3AD;
}

.bgHoliday {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #666666;
	background-color: #E7E3AD;
}

.bgDayListing {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #000000;
	background-color: #E7E3AD;
}
.bgMonthListing {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #ffffff;
	background-color: #154667;
}

.calendarDropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}

.bidtable {
    border: 1px solid #154667;
	border-collapse: collapse;
}

.bidtable td {
    border: 1px solid #154667;
}

.bidtable th {
    border: 1px solid #000000;
	background-color: #154667;
	color: #FFFFFF;
	font-weight: bold;
	font: 10px/10px Verdana, Arial, Helvetica, sans-serif;	
}


hr {
	height:2px;
	color:#154667;
}

input {
color: #154667;
background-color: #cccccc;
Border: 1px solid #2f2f2f;
font-weight: bold;
font-family: verdana, arial, sanf-serif;
font-size: 10px;
}

select {
color: #154667;
background-color: #cccccc;
Border: 1px solid #2f2f2f;
font-weight: bold;
font-family: verdana, arial, sanf-serif;
font-size: 10px;
}

.button {
color: #154667;
background-color: #cccccc;
Border: 1px solid #2f2f2f;
}

.clear {
  height: 0;
  font-size: 1px;
  margin: 0;
  padding: 0;
  line-height: 0;
  clear: both;
}

/* Fonts */

h1 {
  background-color: #154667;
  color: #ffffff;
  font: 16px Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 2px;
}

h2 {
  border-bottom: 2px solid #154667;
  color: #000000;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 2px;
}


a:link, a:visited  {
  color:#174666;
  text-decoration:none;
}
a:hover, a:active {
  color:#174666;
  font-weight:bold;
  text-decoration:none;
}

/* Homepage Specific Elements */

#image {
  background-image: url('templateimages/image01.jpg');
  width: 772px;
  height: 201px;
}

#contentleft {
  width: 502px;
  float:left;
}

#contentright {
  width: 231px;
  float: right;
}

#eventbox_top {
  width: 502px;
  height: 28px;
  background-image: url('templateimages/lgbox_event_top_bg.jpg');
}

#eventbox_content {
  width: 482px;; /*For GOOD browsers*/
*  width: 502px; /*For IE*/
  height: 101px;
  padding:0px 10px;
  background-image: url('templateimages/lgbox_content_bg.jpg');
  overflow: hidden;
}

#newsbox_top {
  margin: 13px 0px 0px;
  width: 502px;
  height: 28px;
  background-image: url('templateimages/lgbox_news_top_bg.jpg');
}

#newsbox_content {
  width: 482px;; /*For GOOD browsers*/
* width: 502px; /*For IE*/
  height: 262px;
  padding:0px 10px;
  background-image: url('templateimages/lgbox_content_bg.jpg');
  overflow: hidden;
}

#lgbox_bottom {
  width: 502px;
  height: 19px;
  background-image: url('templateimages/lgbox_bottom_bg.jpg');
}

#mcbox_top {
  width: 231px;
  height: 62px;
  background-image: url('templateimages/smbox_mc_top_bg.jpg');
}

#mc_content {
  width: 211px;; /*For GOOD browsers*/
* width: 231px; /*For IE*/
  height: 65px;
  padding:0px 10px;
  background-image: url('templateimages/smbox_content_bg.jpg');
  overflow: hidden;
}

#smbox_content {
  width: 211px;; /*For GOOD browsers*/
* width: 231px; /*For IE*/
  height: 100px;
  padding:0px 10px;
  background-image: url('templateimages/smbox_content_bg.jpg');
  overflow: hidden;
}

#smbox_bottom {
  width: 231px;
  height: 20px;
  background-image: url('templateimages/smbox_bottom_bg.jpg');
}

#osbox_top {
  margin: 13px 0px 0px;
  width: 231px;
  height: 28px;
  background-image: url('templateimages/smbox_os_top_bg.jpg');
}

#ulbox_top {
  margin: 13px 0px 0px;
  width: 231px;
  height: 28px;
  background-image: url('templateimages/smbox_ul_top_bg.jpg');
}

/* Standard Subpage Specific Elements */

#contentsubleft {
  width: 180px;
  float:left;
}

#contentsubright {
  width: 565px;
  float: right;
}


/* Menu System */
/* Root = Vertical, Secondary = Vertical */

ul#navmenu li {
  margin: 0;
  padding: 0;
  width: 180px; /*For KHTML*/
  list-style: none;
}

ul#navmenu,
ul#navmenu ul {
  margin: 0;
  border-bottom: 1px solid #154667;
  padding: 0;
  width: 180px; /*For KHTML*/
  list-style: none;
}

ul#navmenu li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #154667;
  border-left-width: 10px;
  border-bottom-width: 0px;
  padding: 4px 6px;
  display: block;
  background: #eee;
  color: #000000;
  font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #154667;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 180px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}


/* horizontal.css */
/* SWIM2.0 :: Simple website menu
****************************************************************
* DOM scripting by brothercake -- http://www.brothercake.com/
* Licensed under GPL -- http://www.gnu.org/copyleft/gpl.html
****************************************************************
* For professional menu solutions visit -- http://www.udm4.com/ 
****************************************************************
*/



ul.horizontal, ul.horizontal li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
	}

ul.horizontal {
	position:relative;
	left:1px;
	background: #154667; 
	width:770;
	cursor:default;
	z-index:2000;

	}

ul.horizontal li {
	width:128px;
	float:left;
	position:relative;
	cursor:pointer;
	cursor:hand;
	text-align:center;
	margin:0 0 0 -1px;
	}
	
* html ul.horizontal li {
	margin:0 0 0 0;
	}

ul[class^="horizontal"] li {
	margin:0 0 0 0;
	left:0;
	}

ul.horizontal ul {
	z-index:2020;
	padding:0;
	cursor:default;
	position:absolute;
	top:auto;
	width:150px;
	margin:0 0 0 0;
	left:-10000px;
	}
	
ul.horizontal ul li {
	width:195px;
	left:auto;
	text-align: left;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	margin:-1px 0 0 0;
	}

ul.horizontal li br { 
	display: none; /*For IE*/
	}	


ul.horizontal ul.wider, ul.horizontal ul.wider li {
	width:300px;
	}
	
ul.horizontal li.smaller {
	width:128px;
	}	

ul.horizontal ul ul {
	margin:-0.45em 0 0 7.65em;
	}

@media Screen, Projection { 
	ul.horizontal li:hover > ul { left:auto; }
	ul.horizontal ul li:hover > ul { top:0; }
	}

ul.horizontal a, ul.horizontal a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	background:#154667;
	padding:2px 7px;
	font:normal bold 11px Verdana, Arial;
	color:#ffffff;
	text-decoration:none;
	letter-spacing:1px;
	}
	
ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a.rollover, ul.horizontal a.rollover:visited {
	background:#ccc;
	color:#fff;
	text-decoration:none;
	}



ul.horizontal a { float:left; }
@media Screen, Projection { ul.horizontal a { float:none; } }
ul.horizontal a:not(:nth-child(n)) { float:left; }
ul.horizontal ul a { float:none !important; }
@media screen, projection {
	* html ul.horizontal li {
		display:inline; 
		f\loat:left; 
		background:#ffffff; 
		}
	}
* html ul.horizontal li { position:static; }
* html ul.horizontal a { position:relative; }
ul[class^="horizontal"] ul { display:none; }
ul[class^="horizontal"] ul { displa\y:block; }