/*! globally applied styles */
* 
{
	margin: 0;
	padding: 0;
	border:none;
}
body
{
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	line-height: 16px;
	color: #3e362f;
}

/*! text */
p
{
	font-size: 12px;
}
#gov_links_cont a	/* for government links in li's */
{ color: #e2e0d3; text-decoration: none; }
#gov_links_cont a:hover
{ text-decoration: underline; }
#url_bar a			/* links in url path */
{
	color: #797066;
	text-decoration:none;
}
#url_bar a:hover
{ text-decoration: underline; color: #60bffb; }
#url_bar
{ margin-bottom: 20px; }
h3, #gov_links_cont h3 a					/* global orange h3 */
{
	color: #ff9300;
}
a					/* global blue a */
{		
	color: #60bffb;
	text-decoration: underline;
}
a:hover
{ text-decoration: none; }
p					/* global brownish-gray p with top / bottom margin */
{	
	color: #706f6f;
	margin: 10px 0 10px 0;
}
.blue					/* apply to anything */
{
	color: #60bffb;
}
.red
{
	color: red;
}
.orange					/* apply to anything */
{
	color: #ff9300;
}
#footer h3				/* ul headers in footer only */
{
	color: #706f6f;
}
.rss					/* used for links to rss feed */
{
	background: transparent url(http://www.downtownmedford.com/images/icons/rss.gif) no-repeat;
	background-position: center right;
	padding: 0 15px 0 0;
}
/* 	VV this is funny and specific VV 
	use for home page and news headers
*/
h3 a.orange
{ text-decoration: none; }
h3 a.orange:hover
{ text-decoration: underline; }
/*! divs */
#full_container		/* contains the entire body 100% width */
{
	width: 100%;
	background: transparent url(http://www.downtownmedford.com/images/header_bg_s.jpg) repeat-x;
	background-color: #FFF;
}
#spacer { height: 35px; } /* spacer for non-home page content, to push down */
#body_container		/* centered body container */
{
	width: 760px;
	margin: 0 auto;
}
#gov_links_slider	/* slider container used for jqeury anim */
{
	background-color: #51473d;
	width: 100%;
	padding: 10px 0 0 0;
	display: none;
}
#gov_links_cont		/*  links slider */
{
	margin: 0 auto;
	width: 760px;
	height: 125px;
}
#navigation			/* holds main navigation */
{
	margin-left: 140px;
	margin-top: 39px;
}
#sub_navigation		/* holds sub navigation */
{
	background-color: #eae7d2;
	height: 30px;
	padding: 15px 0 0 0;
	margin: 9px 0 0 0;
	width: auto;
}
#featured_events		/* featurd events - should we keep in footer? */
{
	width: 750px;
	height: 200px;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 50px;
}
.featured_event			/* individual event holders - 3 in container */
{
	width: 214px;
	height: 180px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	float:left;
	margin: 3px;
	padding: 10px;
}
.featured_event img, .event_holder img		/* not sure if this is in use or not */
{
	margin: 5px 0 10px 3px;
	float:right;
}
.li_holder			/* div to hold lists in footer and header */
{
	float: left;
	list-style-type: none;
	list-style: none;
	margin-left:15px;
	margin-right: 10px;
}
.li_holder a		/* a's inside of footer and header - for ease */
{
	display:block;
}
.ajax				/* used for loading ajax form submissions */
{
	border:1px solid #d3d3d3; 
	background-color: #fcfcfc; 
	color: #ff0000; 
	padding: 30px; 
	margin: 0px 0px 10px 0px; 
	display:none;
	width: 400px;
}
.ajax #close
{
	color: #3e362f;
	text-decoration: none;
}
.ajax #close:hover
{
	text-decoration: underline; 
}
/* footer styles for png container */
.container_top			/* top border */
{
	/* 	top border of containers */
	margin: 0 auto;
	background: url(http://www.downtownmedford.com/images/content_top.png) no-repeat;
	width: 765px;
	height: 9px;
}
.container_bottom		/* bottom border */
{
	/*	bottom border of containers */
	margin: 0 auto;
	background: url(http://www.downtownmedford.com/images/content_bottom.png) no-repeat;
	width: 765px;
	height: 9px;
}
.container				/* content container */
{
	/* container for content w/ rounded edges */
	width: 725px;
	height: auto;
	margin: 0 auto;
	padding: 10px 20px 30px 20px;
	background-color: #FFF;
	background: url(http://www.downtownmedford.com/images/content_bg.png) repeat-y;
}
#newsletter_signup		/* newsletter signup holder */
{
	width: 750px;
	margin: 20px 0 20px 0;
	text-align: center;
}
#footer					/* footer holder */
{		
	bottom: 0px;
	width: 100%;
	height: auto;
	background: transparent url(http://www.downtownmedford.com/images/reflection_bg.jpg) repeat-x;
	background-position: 0 120px;
	margin-bottom: 0px;

}
#footer_links			/* div holding actual links */
{
	height: 125px;
}

{ margin-bottom: 5px; }
#footer_links a
{ text-decoration: none; }
#footer_links a:hover
{ text-decoration: underline; color: #ff9300; }
#reflection				/* underneath footer for awesome */
{
	bottom: 0;
	width: 720px;
	height: 100%;
	margin: 0 auto;
	padding: 15px 0 60px 40px;
	background: transparent url(http://www.downtownmedford.com/images/reflection.png) no-repeat;
	color: #acacac;
}
/*! uls */
/*! MAIN NAVIGATION */
ul.main				/* main navigation ul */
{
	list-style: none;
	list-style-type:none;
}
ul.main li			/* main navigation li */
{
	display: inline;
	margin: 0 1px 0 0;
}
ul.main li a		/* non-active tabs in main navigation */
{
	background: #584f45;
	padding: 10px 20px 10px 20px;
	color: #eae7d2;
	text-decoration: none;
}
ul.main li a:hover
{ background: #645a4e; }
ul.main li a.active		/* active tab in main navigation */
{
	background: #eae7d2;
	color: #3e362f;
}
ul.sub					/* sub navigation ul */
{
	list-style:none;
	list-style-type:none;
	margin: 0;
	padding: 0;
}
ul.sub li				/* sub navigation li's */
{
	display: inline;
	padding: 0;
	margin: 0;
}
ul.sub li a				/* sub navigation a's */
{
	background: #eae7d2;
	color: #3e362f;
	padding: 12px 20px 12px 20px;
	text-decoration:none;
	background: transparent url(http://www.downtownmedford.com/images/sub_border_right.jpg) no-repeat;	
	background-position: right;
	
}
ul.sub li a:hover		/* sub nav a hover */
{ text-decoration: underline; }
/*! MAIN NAVIGATION COMPLETE */
ul.foot				/* for containing header and footer links */
{
	list-style: none;
	list-style-type: none;
	margin-bottom: 10px;
}
/* extra global uls */
/* bottom links for minutes */
#minute_list
{ margin-bottom: 20px; }
#minute_list .li_holder
{ width: 100px; margin-top: 20px; float: left; clear: none; }
#minute_list .li_holder h3
{ color: #60bffb; }
#minute_list .li_holder ul
{ list-style: none; list-style-type:none; }
#minute_list .li_holder ul li a
{ text-decoration:none; color: #706f6f; border-bottom: 1px solid #d3d3d3; padding: 1px 1px 1px 3px; }
#minute_list .li_holder ul li a:hover
{ color: #FFFFFF; background: #60bffb; }
/*! imgs */
img.lightbox			/* apply to all lightbox images */
{
	padding: 5px 5px 20px 5px;
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;
	background: url(http://www.downtownmedford.com/images/lightbox_enlarge.jpg) no-repeat;
	background-position: bottom right;
}
img.notlightbox			/* apply to all non-lightbox images */
{
	padding: 5px 5px 5px 5px;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid
}
/*! forms */
.newsletter				/* newsletter input used above footer */
{
	border-color: #dbdbdb;
	border-width: 1px;
	border-style: solid;
	background: #f7f7f7;
	padding: 3px;
	width: 200px;
	color: #000;
}
.btn					/* multiple class used for newsletter btn */
{
	background: #FFF;
	color: #60bffb;
	width: 50px;
	cursor:pointer;
}
.textarea
{
	height: 200px;
	min-height: 200px;
	max-height: 200px;
	min-width: 200px;
	max-width: 200px;
}
.form
{
	background-color: #CCCCCC;
	background: transparent url(http://www.downtownmedford.com/images/form_bg.jpg) repeat-x;
	color: #000;
	font-size: 12px;
	padding: 4px;
	border: 0;
}
#search
{ float:right; margin-right: 0px; margin-top: 5px; }
#search #rss
{ float:right; margin-bottom: 10px; }
#search #search_bar
{ clear:right; } 
#search #search_txt
{
	width: 115px;
	padding: 3px;
	color: #4b4b4b;
	background: #FFFFFF;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}
#search #search_sub
{
	padding: 3px;
	color: #4b4b4b;
	background: #FFFFFF;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	cursor:pointer;
}
/*! misc */
.slider_link			/* div for gov link tab */
{
	height: 35px;
	width: 120px;
	margin: 0 0 0 auto;
	background: transparent url(http://www.downtownmedford.com/images/government_link.jpg) no-repeat;
}
.slider_link a		/* the a inside of gov_link */
{ display: block; text-indent: -9999px; height: 35px; }
.logo				/* used in h1 for logo */
{
	width: 112px;
	height: 106px;
	float: left;
	margin: -15px 0 0 15px;
	background: url(http://www.downtownmedford.com/images/mura_logo.jpg) no-repeat;
}
.logo a				/* the a inside the h1 logo */
{ display: block; text-indent: -9999px; height: 106px; }
.clear				/* for getting rid of those awful floats! */
{ clear: both; }
hr					/* global hr -> gray line */
{
	width: 100%;
	background-color: #CCCCCC;
	border: 0;
	height: 1px;
	margin: 10px 0 10px 0;
	clear: both;
}

#white_overlay		/* lol */
{
	width: 100%;
	height: 100%;
	background: #FFF;
	position: absolute;
}
#misc_back_btn
{
	background: transparent url(http://www.downtownmedford.com/images/icons/left_arrow.png) no-repeat;
	background-position: center left;
	border-width: 1px;
	border-color: #d3d3d3;
	border-style: solid;
	width: 180px;
	margin: 10px 0 10px 10px;
	float:right;
}
#misc_back_btn:hover
{
	background-color: #f6f6f6;
}
#misc_back_btn a
{
	display:block;
	color: #47b02e;
	text-decoration: none;
	padding: 10px;
	padding-left: 60px;
}
#misc_back_btn a:hover
{
	text-decoration:underline;
}
/* calendar box */
#calendar_container		/* main container */
{
	float: left;
	width: 225px;
	margin-top: 20px;
	background: transparent url(http://www.downtownmedford.com/images/calendar_small_bg.jpg) repeat-x;
	background-position: 0 25px;
	
}
/* recent news box */
#recent_news_container	/* main container */
{
	float: right;
	width: 500px;
	margin-top: 20px;
}
#recent_news_container ul		/* ul for recent news */
{
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #c6c2be;
	list-style:none;
	list-style-type:none;
	float:left;
	width: 250px;
	margin: 10px 0;
}
#recent_news_container ul li a	/* a's inside */
{
	display:block;
	background: transparent url(http://www.downtownmedford.com/images/recent_news_li_bg.jpg) repeat-y;
	background-color: #fffff0;
	padding: 3px;
	color: #706f6f;
	text-decoration:none;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #c6c2be;
}
#recent_news_container ul li a:hover
{ background: #ffffcc; }
#recent_news_container ul li a.on	/* active tab */
{
	background: #FFF;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #c6c2be;
}
#recent_news_container div			/* content holding div */
{
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #c6c2be;
	width: 240px;
	float: right;
	margin: 10px 0;
	padding: 10px 0 0 10px;
}
/* tooltips */
#tooltip {
	position: absolute;
	z-index: 3000;
	background: transparent url(http://www.downtownmedford.com/images/tooltip_arrow_bg_dark.png) left no-repeat;
	padding: 5px 5px 5px 17px;
}
#tooltip div { margin: 0; }
#tooltip h3 { color: #FFFFFF; background-color: #706f6f; padding: 7px 6px 5px 0;  }

#tooltip.pretty {
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}
/* sweet tab section for mura overview*/
#goals_and_objectives
{
	border-color: #d3d3d3;
	border-width: 0 0 1px 0;
	border-style: solid;
}
#goals_and_objectives ul, #minutes ul
{
	list-style: none;
	list-style-type: none; 
	margin: 20px 0 20px 0;
	padding: 0;
}
#goals_and_objectives ul li, #minutes ul li
{
	display: inline;
	margin: 0;
	padding: 0;
}
#goals_and_objectives ul li a, #minutes ul li a
{
	text-decoration: none;
	border-bottom: 1px solid #d3d3d3;
	padding: 3px 10px 3px 10px;
	margin: 0 -4px 0 0;
}
#goals_and_objectives ul li a:hover, #minutes ul li a:hover
{
	color: #3e362f;
}
#goals_and_objectives ul li a.on, #minutes ul li a.on
{
	text-decoration: none;
	color: #3e362f;
	border-color: #d3d3d3;
	border-width: 1px 1px 0 1px;
	border-style:solid;	
}
#goals_and_objectives ul li a.on:hover, #minutes ul li a.on:hover
{
	color: #60bffb;
}
#goals_and_objectives div
{
	width: 700px;
	min-height: 175px;
	margin: 0 auto;
}
#minutes div
{
	margin-top: 20px;
}
/* committee selector */
/* sweet quick links section */
#committee_selector
{
	width: 214px;
	height: auto;
	float: right;
	margin: 0 0 50px 15px;
	background: transparent url(http://www.downtownmedford.com/images/board_menu_header.png) top no-repeat;
}
#committee_selector h3
{
	color: #FFF;
	font-size: 16px;
	padding: 18px 0 0 20px;
	margin-bottom: 15px;
}
#committee_selector a
{
	color: #9b9b9b;
	display: block;
	text-decoration: none;
	margin: 0 0 0 3px;
	padding: 8px 0 8px 18px;
	width: 190px;
	border-bottom: 1px solid #d3d3d3;
}
#committee_selector a:hover
{
	color: #525252;
	background-color: #EDEDED;
}
#committee_selector a:active
{
	color: #FFFFFF;
	background-color: #60bffb;
}
/* download button */
.download_container
{
	width: 740px;
	height: 100px;
	border-width: 2px;
	border-color: #d3d3d3;
	border-style: dotted;
	background-color: #fcfcfc;
	padding: 10px;
	margin: 20px 0 10px 0;
}
.download_container img.example
{
	border-width: 1px;
	border-style: solid;
	border-color: #d3d3d3;
	float:right; 
	margin: -18px 5px 20px 20px;
}
/* MORE INFORMATION NEWS BUTTON */
#to_minutes
{
	background: transparent url(http://www.downtownmedford.com/images/icons/arrow_big_right.png) no-repeat;
	background-position: center right;
	border-width: 1px;
	border-color: #d3d3d3;
	border-style: solid;
	width: 220px;
	margin: 10px 0 10px 0px;

}
#to_minutes:hover
{
	background-color: #f6f6f6;
}
#to_minutes a
{
	display:block;
	color: #47b02e;
	text-decoration: none;
	padding: 10px;
}
#to_minutes a:hover
{
	text-decoration:underline;
}
/* GLOBAL CALENDAR */
.cal_title
{
	color: #706f6f;
	text-decoration: none;
}
.cal_title:hover
{
	text-decoration: underline;
}
.calendar_d_small#day_holder td:hover
{
	background: #ff9300;
}
td.n_f
{
	background: #e9e9e9;
	color: #d3d3d3;
}
tr.headings
{
	text-align:center;
}

table.calendar_d_large td a
{ padding: 2px; }
table.calendar_d_small td a.holiday, table.calendar_d_large td a.holiday
{
	background: transparent url(http://www.downtownmedford.com/images/cal_holiday_bg.jpg) repeat-x;
	background-color: #edebe2;
	margin-bottom: 1px;
}
table.calendar_d_small td a.holiday:hover
{
	background: transparent url(http://www.downtownmedford.com/images/cal_holiday_bg.jpg) repeat-x;
	background-color: #edebe2;
}
table.calendar_d_small td a.meeting, table.calendar_d_large td a.meeting, table.calendar_d_small td a.meeting_tmp, table.calendar_d_large td a.meeting_tmp
{
	background-color: #66cccc;
	margin-bottom: 1px;
}
table.calendar_d_small td a.meeting:hover, table.calendar_d_large td a.meeting:hover, table.calendar_d_small td a.meeting_tmp:hover, table.calendar_d_large td a.meeting_tmp:hover
{
	background-color: #99ffff;
}
table.calendar_d_small td a.event, table.calendar_d_large a.event
{
	background-color: #ff9933;
	margin-bottom: 1px;
}
table.calendar_d_small td a.event:hover, table.calendar_d_large td a.event:hover
{
	background-color: #ffcc99;
}
table.calendar_d_small td a.featured, table.calendar_d_large td a.featured
{
	background: #ff9300;
	margin-bottom: 1px;
}
table.calendar_d_small td a.featured:hover, table.calendar_d_large td a.featured:hover
{
	background: #ca7a0d;
}
table.calendar_d_small td.today, table.calendar_d_large td.today
{
	background: #ffffcc;
}
table.calendar_d_small td a.craterian, table.calendar_d_large td a.craterian
{
	background-color: #66cc66;
	margin-bottom: 1px;
}
table.calendar_d_small td a.craterian:hover, table.calendar_d_large td a.craterian:hover
{
	background-color: #33cc33;
}
table.calendar_d_large td a.holiday:hover
{
	background: #ffffcc;
	background-color: #ffffcc;
}
ul.no_list { list-style: none; list-style-type: none; }
ul.no_list li { margin: 8px; }

/* !new design */
	h1.mura_h { color: #ffffff; font-size: 24px; font-weight: normal; margin: -15px 0 10px 0;  width: 500px;}
	h2.mura_h { color: #ececec; font-size: 12px; font-weight: normal; margin: 5px 0 5px 0; width: 500px; }
		.mura_h a { color: inherit; text-decoration: inherit; }
	.logo_new { width:72px; height: 69px; background: url(/images/downtownmedford_logo_small.jpg) no-repeat; float: left;}
		.logo_new a { display: block; text-indent: -9999px; height: 69px; }
#navigation_new { margin-left: 90px; margin-top: 13px; } 
#sub_navigation_new	{ background-color: #eae7d2; height: 30px; padding: 15px 0 0 0; margin: 9px 0 0 0; width: auto; }
.slider_link_new { height: 35px; width: 120px; margin: 0 0 0 auto; background: transparent url(http://www.downtownmedford.com/images/government_link_new.jpg) no-repeat; }
.slider_link_new a		/* the a inside of gov_link */
{ display: block; text-indent: -9999px; height: 35px; }

/* hma brochure */
.hmaBrochure { border: 1px solid #ccc; padding: 140px 10px 10px 10px; background: url('/images/hmaBrochure.jpg') 10px 10px no-repeat;}
	.hmaBrochure a { text-decoration: underline; color: #60bffb; }
		.hmaBrochure a:hover { text-decoration: none;}

/* !new etc.'s for inline styles that aren't inline styles :P */
.fr { float: right; }
.fl { float: left; }
.c { clear: both; }
.cr { clear: right; }
.cl { clear: left; }

.spacer { height: 25px; }