@charset "UTF-8";
/* CSS Document */

/* General */

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body {
	background: #fff;
	color: #444444;
	font-family: "Lucida Grande", arial, helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.3em;
	margin: 30px 0 0 0;
}

.clear {
	clear: both;
}
a.button {
	background: url(../images/bg_button.gif) no-repeat left top;
	width: 90px;
	height: 22px;
	line-height: 22px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: .8em;
	text-align: center;
}

a:hover.button {
	background-position: left bottom;
}

/* end General */

/* Wrapper */

#container {
	background: #fff url(../images/bg_container.gif) repeat-y 0 0;
	width: 940px;
	margin: 0 auto;
}

#home #container {
	background: #fff url(../images/bg_container.gif) repeat-y 0 0;
}

#sub #container {
	background: #fff url(../images/bg_sub_container.gif) repeat-y 0 0;
}

/* end Wrapper */

/* Navigation */

#navigation {
	width: 940px;
	min-height: 47px;
	background: #76bffd url(../images/bg_navigation.gif) no-repeat 0 0;
	font-size: .9em;
}
#navigation ul {
	width:auto;
}
#navigation ul li {
	background: url(../images/bg_nav_item.gif) no-repeat right bottom;
	list-style-type: none;
	float: left;
	text-align: center;
	min-height: 47px;
	line-height: 47px;
	display: block;
	position: relative;
	z-index:1;
}

	#navigation ul li.last{
		background:none;
	}

#navigation ul li a {
	color: #fff;
	
	padding:0 23px;
	text-decoration: none;
	display: inline;
	height: 46px;
}

#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus, #navigation ul li a.selected {
	color: #438ece;
}

   #navigation ul ul {
     display: none;
     position: absolute;
     width: 210px;
     background: #77C0FD;
     left: 0px;
     z-index:99999;
   }
     #navigation li:hover ul {
       display: block;
     }
     
     #navigation li li {
       background:none;
       line-height:32px;
       min-height:32px;
       text-align:left;
       border-bottom: 1px solid #8FCDFF;
       width: 210px;
     }
       #navigation li li a {
         padding: 0px 5px 0px 10px;
         height: 32px;
       }

    
   #navigation ul ul ul, #navigation ul li:hover ul ul {
     display: none;
     left: 200px;
     top: 0px;
     border-left: 1px solid #8FCDFF;
   }
      #navigation ul ul li:hover ul {
        display: block;
      }


#navigation ul li#nav_city-services {
	width: 147px;
}

#navigation ul li#nav_points-of-interest {
	width: 184px;
}

#navigation ul li#nav_programs {
	width: 125px;
}

#navigation ul li#nav_departments {
	width: 151px;
}

#navigation ul li#nav_links {
	width: 91px;
}

#navigation ul li#nav_contact-us {
	width: 134px;
}

/* end Navigation */

/* Masthead */

#home #masthead {
	background: url(../images/bg_masthead.jpg) no-repeat 0 0;
	width: 940px;
	height: 202px;
}

#sub #masthead {
	background: url(../images/bg_sub_masthead.jpg) no-repeat 0 0;
	width: 940px;
	height: 195px;
}

#masthead #logo h1 {
	/* text-indent: -9000em;
	background: url(../images/logo_city-of-noble.png) no-repeat 0 0;*/
	width: 333px;
	height: 105px;
}

/* end Masthead */

/* Content */

#content {
	width: 940px;
}

/* * Left Column * */

#content #left_column {
	width: 208px;
	float: left;
	font-size: .8em;
	padding: 0 0 15px 0;
	position: relative;
	z-index:0;
}

#content #left_column #top {
	width: 208px;
	height: 39px;
	text-align: center;
	position: absolute;
	top:-37px;
}
  #home #content #left_column #top {
    background: url(../../images/bg_left_column_top.gif) no-repeat;  
    position: static;
    top:0;
  }
    
#content #left_column #top select {
	margin: 9px 0;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	width: 160px;
}

#content #left_column h2 {
	font-size: 1.3em;
	color: #c79048;
	margin: 0 0 11px 0;
}
	
	#content #left_column h2 a{
		color: #c79048;
		text-decoration:none;
	}
	
	

/* * * Left Column Home - Events * * */

#home #content #left_column #events {
	margin: 15px 19px 19px 19px;
	line-height: 1.4em;
}

#home #content #left_column #events .event_item {
	margin: 7px 0 0 0;
	padding: 0 0 7px 0;
	background: url(../images/img_column_divider.gif) no-repeat left bottom;
}

#home #content #left_column #events #last_event_item.event_item {
	background: none;
}

#home #content #left_column #events .event_item .date {
	width: 34px;
	float: left;
	color: #c79048;
	text-transform: uppercase;
	font-size: .9em;
	text-align: right;
}

#home #content #left_column #events .event_item .date .number {
	font-size: 1.1em;
	font-weight: bold;
}

#home #content #left_column #events .event_item .description {
	width: 128px;
	float: right;
}

/* * * Left Column Home - Calendar * * */

#home #content #left_column #calendar {
	width: 175px;
	background: #fff;
	font-size: .7em;
	padding: 2px 6px 6px 6px;
	line-height: 2.2em;
	margin: 30px 10px 0 10px;
}

#home #content #left_column #calendar a {
	color: #444444;
	text-decoration: none;
}

#home #content #left_column #calendar a:hover {
	text-decoration: underline;
}

#home #content #left_column #calendar .month-year {
	font-size: 1.5em;
	color: #83c6fd; 
	margin: 0 0 10px 0;
}

#home #content #left_column #calendar .day {
	float: left;
	text-transform: uppercase;
	color: #c79048;
	font-size: .8em;
	font-weight: bold;
	width: 25px;
	text-align: center;
}

#home #content #left_column #calendar .date {
	width: 25px;
	text-align: center;
	font-size: 1.1em;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	float: left;
}

#calendar div.dateToday{
	background-color:#FFECEC;
}

#calendar div.eventToday{
	background-color:#F8F0CA;
	
}

/* * * Left Column Home - See All Events Button * * */

#home #content #left_column #btn_events {
	float: right;
	margin: 16px 11px 0 0;
}	

/* * Left Column Sub - Side Navigation * */

#sub #content #left_column #side_navigation {
	margin: 15px 19px 19px 19px;
	line-height: 1.4em;
}

#sub #content #left_column #side_navigation ul li {
	list-style-type: none;
	padding: 0 0 6px 0;
}

#sub #content #left_column #side_navigation ul li a {
	color: #3280c3;
	text-decoration: none;
}

#sub #content #left_column #side_navigation ul li a:hover, #sub #content #left_column #side_navigation ul li a:active, #sub #content #left_column #side_navigation ul li a.selected, #sub #content #left_column #side_navigation ul li a:focus {
	font-weight: bold;
}

#sub #content #left_column #side_navigation ul ul {
	padding: 6px 0 0 0;
	background: #f9f3d5 url(../../images/nav_border.gif) no-repeat center top;
	font-size: .8em;
	font-style: italic;
	margin: 0 0 6px 0;
	display:none;
}
  #sub #content #left_column #side_navigation ul li.parent ul, #sub #content #left_column #side_navigation ul li.current ul {
    display: block;
  }
     #sub #content #left_column #side_navigation ul li.parent ul ul, #sub #content #left_column #side_navigation ul li.current ul ul {
      display: none;
    }
      #sub #content #left_column #side_navigation ul li.parent ul li.parent ul, #sub #content #left_column #side_navigation ul ul li.current ul {
        display: block;
      }
        #sub #content #left_column #side_navigation ul ul li.current ul ul {
          display: none
        }
        
    #sub #content #left_column #side_navigation ul ul li.last {
      background: url(../../images/nav_border.gif) no-repeat center bottom;
    }
  
#sub #content #left_column #side_navigation ul ul li {
	margin: 0 10px;
}

#sub #content #left_column #side_navigation ul ul li a:hover, #sub #content #left_column #side_navigation ul ul li a:active, #sub #content #left_column #side_navigation ul ul li a:focus, #sub #content #left_column #side_navigation ul ul li a.selected {
	color: #c79048;
}

#sub #content #left_column #side_navigation ul ul ul {
	background: url(../images/img_column_divider.gif) no-repeat 0 0;
	padding: 8px 0 0 0;
	margin: 0;
	font-size: 1em;
}

#sub #content #left_column #side_navigation ul ul ul li {
	list-style-image: url(../images/icon_tert_nav_arrows.gif);
	font-style: normal;
	padding-left: 3px;
	margin: 0 20px;
}

	#side_navigation ul li.current{
		font-weight:bold;
	}

		#side_navigation ul li.current li{
			font-weight:normal;
		}

/* end Left Column */

/* Main Content Column */

#content #main_content a {
	color: #6aaae6;
	font-style: italic;
	text-decoration: none;
}

#content #main_content a:hover {
	color: #438ece;
}

#content #main_content h2 {
	font-size: 1.6em;
	color: #6aaae6;
}

#home #content #main_content h2 {
	margin: 0 20px;
}

#sub #content #main_content #main_content_wrapper h2 {
	font-size: 2em;
	margin: 0 0 5px 0;
}

#content #main_content h3 {
	font-size: 1.3em;
	color: #c79048;
	text-transform: uppercase;
	margin: 0 0 8px 0;
}
#content #main_content h4 {
	font-size: 1.2em;
	color: #6AAAE6;
	margin: 0 0 8px 0;
}

#home #content #main_content {
	width: 524px;
	float: left;
	margin-top: -30px;
}

#sub #content #main_content {
	width: 709px;
	float: left;
	margin-top: -60px;
}

#sub #content #main_content #main_content_wrapper {
	margin: 0 20px 20px 20px;
	font-size: .8em;
	line-height: 22px;
}

#sub #content #main_content #main_content_wrapper img {
	margin:10px;
	border:1px solid #ccc;
	padding: 7px;
}

#sub #content #main_content #main_content_wrapper p {
	margin: 5px 0 15px 0;
}
  #sub #content #main_content #main_content_wrapper ul,  #sub #content #main_content #main_content_wrapper ol {
     margin: 15px 0px;
  }
    #sub #content #main_content #main_content_wrapper li {
   	 margin: 5px 0 0px 25px;
	 color: #444;
    }

/* * * Main Content Home - Welcome Message * * */

#home #content #main_content #welcome {
	margin: 0 20px 20px 20px;
	color: #c79048;
	font-style: italic;
	font-size: .95em;
	line-height: 1.8em;
}

/* * * Main Content Home - News * * */

#home #content #main_content #news {
	background: url(../images/bg_gradient.gif) no-repeat 0 0;
	padding: 27px 0 0 0;
}

#home #content #main_content #news .news_item {
	margin: 20px 20px 0 20px;
	padding: 0 0 20px 0;
	background: url(../images/img_divider.gif) no-repeat left bottom;
	font-size: .8em;
}

#home #content #main_content #news #last_news_item.news_item {
	margin: 20px 20px 0 20px;
	padding: 0;
	background: none;
	font-size: .8em;
}

#home #content #main_content #news .news_item img {
	margin: 5px 0 5px 10px;
	border: 5px solid #e5e2e2;
	float: right;
}

/* end Main Content Column */

/* Right Column Home */

#home #content #right_column {
	width: 208px;
	float: left;
	font-size: .8em;
	padding: 0 0 15px 0;
}

#home #content #right_column #top {
	background: #66b7fc url(../images/bg_right_column_top.gif) no-repeat 0 0;
	width: 208px;
	height: 39px;
}
#home #content #right_column .top {
	background: #66b7fc url(../images/bg_right_column_top.gif) no-repeat 0 0;
	width: 208px;
	height: 39px;
}

#home #content #right_column h2 {
	font-size: 1.3em;
	color: #c79048;
	margin: 0 0 8px 0;
}

#home #content #right_column #column_news {
	margin: 15px 19px 19px 19px;
	line-height: 1.35em;
}

#column_news a{
	color: #6699ff;
	text-decoration:none;
}

#column_news a:hover{
	color:#3399cc;
	text-decoration:none;
}

#events a{
	color: #6699ff;
	text-decoration:none;
}

#events a:hover{
	color:#3399cc;
	text-decoration:none;
}



#home #content #right_column #column_news .column_news_item {
	margin: 12px 0 0 0;
	padding: 0 0 12px 0;
	background: url(../images/img_column_divider.gif) no-repeat left bottom;
}

#home #content #right_column #column_news #last_column_news_item.column_news_item {
	background: none;
}

#home #content #right_column #column_news #btn_news {
	float: right;
	margin: 8px 3px 0 0;
}

#home #content #right_column #news_rss {
	background: url(../images/icon_rss.gif) no-repeat right center;
	width: 180px;
	margin: 0 10px;
	line-height: 1.3em;
	font-size: .9em;
}

#home #content #right_column #news_rss a {
	color: #c79048;
	text-decoration: none;
	margin: 0 0 0 9px;
	display: block;
	width: 100%;
}

#home #content #right_column #news_rss a:hover {
	color: #6aaae6;
}

#home #content #right_column #news_rss a .text {
	padding: 13px 0;
	width: 118px;
	display: block;
	font-weight: bold;
}

/* end Right Column Home */

/* Contact - Used in Right Column on Home and Left Column on Sub */

#contact {
	margin: 25px 19px 19px 19px;
	line-height: 1.35em;
}

#contact address {
	font-style: normal;
	margin: 15px 0 0 0;
}

/* end Contact */

/* Footer */

#footer {
	clear: both;
	width: 940px;
	font-size: .65em;
	text-align: center;
	padding: 35px 0 20px 0;
}

#home #footer {
	background: #83c6fd url(../images/bg_footer.gif) no-repeat 0 0;
}

#sub #footer {
	background: #83c6fd url(../images/bg_sub_footer.gif) no-repeat 0 0;
}

#footer li {
	background: url(../images/icon_footer_bullet.gif) no-repeat 1px 5px;
	display: inline;
	list-style-type: disc;
	margin-left: 0 19px;
	padding-left: 10px;
}

#footer li#first {
	background: none;
}

/* end Footer */






/* Alex's Stuff */

#eventSidebar{
	padding:10px;
}

	#eventSidebar h3{
		font-size:18px;
		padding:5px 0;
	}

		#eventSidebar ul{
			list-style:none;
			border-left:4px solid #444444;
			padding:0 3px;
		}
			
			#eventSidebar ul li{
				padding:4px;
			}
		
				#eventSidebar ul a{
					color:#444;
					text-decoration:none;
				}


#main_content_wrapper div.event{
	
}

	#main_content_wrapper div.event h3{
		background-color:#ffe8cb !important;
		margin:10px 0 0 0 !important;
	}


#eventCalendar{
	width:492px;
	margin:20px auto;
	line-height:1em !important;
}

	

	#eventCalendar div.month-year{
		float:left;
		width:100%;
		text-align:center;	
	}
	
		#eventCalendar div.month-year p{
			font-weight:bold;
		}
	

	#eventCalendar div.day{
		float:left;
		text-align:center;
		width:69px;
	}
	
	#eventCalendar div.dayCont{
		border-bottom:1px solid #c0c0c0;
	}

	#eventCalendar div.calCont{
		border-left:1px solid #c0c0c0;
		width:491px;

	}

	#eventCalendar div.date{
		float:left;
		display:inline;
		text-align:left;
		width:65px;
		height:47px;
		padding:18px 2px 5px 2px;
		border-right:1px solid #c0c0c0;
		border-bottom:1px solid #c0c0c0;
		position:relative;
		background-color:#fafafa;
	}
	
		#eventCalendar div.emptyDate{
			background-color:#FFFFFF;
		}
	
	#eventCalendar div.eventToday{
		background-color:#d6f2f3;
	}
	
	#eventCalendar div.dateToday{
		background-color:#ECF3D6;
	}
	
		#eventCalendar div.dateToday a{
			font-weight:bold;
		}
	
		#eventCalendar div.date a.dayLabel{
			display:block;
			font-size:12px;
			font-style:normal !important;
			line-height:1em !important;
			text-decoration:none;
			color:#444444 !important;
			position:absolute;
			left:5px;
			top:5px;
		}
		
		#eventCalendar div.date p.eventDescription{
			font-size:11px;
			padding:2px 0;
			line-height:1em;
		}
	

div#fancy_div h2{
	color:#77a76a;
	font-size:26px;
	font-weight:bold;
	padding:5px 0 0 0;
}

div#fancy_div h4{
	background-color:#C6F8B9;
	color:#77A76A;
	font-size:20px;
	font-weight:normal;
	margin:5px 0;
	padding:5px 5px 0 5px;
}

div#fancy_div p{
	font-size:12px;
	line-height:160%;
	color:#444444;
}

	div#fancy_div a{
	
	}