/*

This is Eric Meyer's CSS Reset. 

(http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)  It's pretty

harsh, but serves as a clear-all for browser-imposed CSS styles.  If you wish to

perform your own CSS reset, comment out this line.

*/



@import url("/css/reset.css");



p {

  padding: 0 0 13px 0;

}

th, td {

  padding: 5px;

}

textarea {

  height: 150px;

  width: 550px;

}



.center {

  margin: 0 auto;

  text-align: center;

}



#container {

  margin: 0 auto;

  width: 960px;

}



#footer {

  clear:both;

  padding: 10px;

  text-align: center;

}





/* Some styles for 'cms/edit' */

/*

#edit_page_form {

  display: block;

  float: left;

}

.wmd-preview {

  border: thin solid;

  height: 190px;

  margin-left: 600px;

  overflow: auto;

  width: 550px;

}

*/



/* Styling for /login.php login form */

#login_form {

  margin: 0 auto;

  text-align: center;

  width: 350px;

}













/**************************************************************where it starts***/



body {

  font: 11px Verdana;

}



a {

  color: #000;

  text-decoration: none;

}

a:hover {

  text-decoration: underline;

}



input {

  font: 11px Verdana;

}



.title {

  font-size: 13px;

  font-weight: bold;  

}



/* Admin - CMS */

.cmsSection {

  padding: 5px;

}

.cmsSection a {

  padding-left: 5px;

}

.cmsSectionName {

  font-size: 13px;

  font-weight: bold;

}

#cmsForm {

  text-align: center;

}



/* Admin - Login */

#login {

  height: 93px;

  margin: 0 auto;

  width: 207px;

}



.formLabel {

  font-weight: bold;

  text-align: right;

}



/* Admin */

#admin {

  padding: 10px;

}



























/******************************************************************************************************from carb.css***/



/* CSS Document */



body {

	margin:0;

	padding:0;

	background:url(/images/backgroundrepeat.jpg) top repeat-x #151716;

	font-family: tahoma;

	color:#7D7D85;

	font-size:11px;

}



a {

  color: #7D7D85;

  outline: none;

  text-decoration: none;

}

a:hover {

  color: #aaa;

}

h2 {

  color: #9ABDE5;

  font-size: 11px;

}

hr {

  border: 0;

  color: #DEEAF8;

  background-color: #DEEAF8;

  height: 1px;

}

#main {

	width:1024px;

	background:url(/images/contentcontainer_repeat.jpg) repeat-y top;

	min-height:600px;

	height: auto !important;

	height: 600px;

	margin: auto;



}

#top {
	background: #151716;
	text-align:right;
	padding-top:3px;
	height:22px;
	width:100%;
}

#toplinks {
	padding-right:34px;
	text-align:right;
	width:990px;
}


#banner {

	background:url(/images/banner.jpg) no-repeat top;

	width:1024px;

	height:189px;

	text-align:left;

}





/*NAVIGATION*/



#nav {

	float:right;

	width:489px;

	height:25px;

	margin-top:164px;

	margin-right:43px;

}



li.buttons {

	list-style-type:none;

	float:left;

	}

	

ul#buttons {

	}

	

a.about:link, a.about:active, a.about:visited {

	width: 57px; 

	height: 25px ; 

	display:block;

	background: url(/images/buttons.jpg) 0px 0px;

	}

	

a.about:hover {

	background-position: 0px -25px;

	}	

	

a.government:link, a.government:active, a.government:visited {

	width: 91px; 

	height: 25px ; 

	display:block;

	background: url(/images/buttons.jpg) -57px 0px;

	}

	

a.government:hover {

	background-position: -57px -25px;

	}	

	

a.cityservices:link, a.cityservices:active, a.cityservices:visited {

	width: 99px; 

	height: 25px; 

	display:block;

	background: url(/images/buttons.jpg) -148px 0px;

	}

	

a.cityservices:hover {

	background-position: -148px -25px;

	}

	

a.residents:link, a.residents:active, a.residents:visited {

	width: 74px; 

	height: 25px; 

	display:block;

	background: url(/images/buttons.jpg) -247px 0px;

	}

	

a.residents:hover {

	background-position: -247px -25px;

	}

	

a.residents:link, a.residents:active, a.residents:visited {

	width: 74px; 

	height: 25px; 

	display:block;

	background: url(/images/buttons.jpg) -247px 0px;

	}

	

a.residents:hover {

	background-position: -247px -25px;

	}	

	

a.businesses:link, a.businesses:active, a.businesses:visited {

	width: 87px; 

	height: 25px; 

	display:block;

	background: url(/images/buttons.jpg) -321px 0px;

	}

	

a.businesses:hover {

	background-position: -321px -25px;

	}



a.visitors:link, a.visitors:active, a.visitors:visited {

	width: 64px; 

	height: 25px; 

	display:block;

	background: url(/images/buttons.jpg) -408px 0px;

	}

	

a.visitors:hover {

	background-position: -408px -25px;

	}



a.contact:link, a.contact:active, a.contact:visited {

	width: 66px; 

	height: 25px; 

	display:block;

	background: url(/images/buttons.jpg) -472px 0px;

	}

	

a.contact:hover {

	background-position: -472px -25px;

	}



a.links:link, a.links:active, a.links:visited {

	width: 51px; 

	height: 25px; 

	display:block;

	background: url(/images/buttons.jpg) -538px 0px;

	}

	

a.links:hover {

	background-position: -538px -25px;

	}

	

/*CONTENT CONTAINER*/



#content {

	background:url(/images/contentcontainer_top.jpg) repeat-x top;

	min-height:300px;

	height: auto !important;

	height: 300px;

	padding:20px 40px 0px 20px;

	}

	

#contentbottom {

	background:url(/images/contentcontainer_bottom.jpg) no-repeat top;

	height:27px;

	

}



#content1 {
	min-height:333px;

	height: auto !important;
	
	height:333px;

	width:940px;

	margin: auto;

}



#content2 {

	min-height:272px;

	height: auto !important;

	height: 272px;

	width:940px;

	text-align:left;

	margin: auto;

}



#content3 {

	width:940px;

	text-align:left;

	height: 680px;

}

	

#welcome {

	width:443px;

	background:white;

	min-height:236px;

	height: auto !important;

	height: 236px;

	padding:20px;

	float:left;

	margin-right:8px;

}

	

#events {

	width:180px;

	background:white;

	min-height:236px;

	height: auto !important;

	height: 236px;

	padding:20px;

	float:left;

	margin-right:8px;

	line-height:10px;
}



.event_title {

	color: #9ABDE5;

	font-size: 11px;

}



a.event_title, a.event_title:link, a.event_title:active, a.event_title:hover, a.event_title:visited {

	color: #9ABDE5;

	font-size: 11px;

	text-decoration: none;

	line-height: 14px;

}

	

a.event_more, a.event_more:link, a.event_more:active, a.event_more:hover, a.event_more:visited {

	color: #e71e1e;

	font-size: 10px;

	text-decoration: underline;

}

	

#projects {

	width:180px;

	background:white;

	min-height:236px;

	height: auto !important;

	height: 236px;

	padding:20px;

	float:left;

}



/* EVENT PAGE */

#event_rsvp {

	width: 900px;

	min-height:242px;

	height: auto !important;

	height: 542px;

	background: white;

	padding:20px;

	float:left;

}



/* Temporary? */

.tableLabel {

  font-weight: bold;

  text-align: right;

  vertical-align: top;

}

.tableInfo {

  text-align: left;

}



.event_date {

    font-size: 10px;

    font-style: italic;

  }

  

#projects {

    line-height: 11px;

  }





      /* menu styling */

.menu {

  font-family: arial, sans-serif; 

  width:850px;

  position:relative; 

  font-size:11px; 

  z-index:100;

}

.menu ul li a, .menu ul li a:visited {

  display:block; 

  text-decoration:none; 

  color:#000;

  text-align:left; 

  color:#fff; 

  line-height:20px; 

  font-size:11px; 

  overflow:hidden;

}

.menu ul li a {

  height: 20px;

  width: 190px;

}

.menu ul {

  padding:0; 

  margin:0; 

  list-style: none;

}

.menu ul li {

  float:left; 

  position:relative;

}

.menu ul li ul {

  display: none;

  margin-top: 3px;

}

.menu ul li:hover a {

  color:#fff; 

}

.menu ul li:hover ul {

  display:block; 

  position:absolute; 

  top:21px; 

  left:0; 

  width:105px;

}

.menu ul li:hover ul li a.hide {

  background:#C4CCDF; 

  color:#fff;

}

.menu ul li:hover ul li:hover a.hide {

  background:#C4CCDF;

  color:#000;

}

.menu ul li:hover ul li ul {

  display: none;

}

.menu ul li:hover ul li a {

  display:block; 

  background:#ddd; 

  color:#000;

  padding-left: 10px;

}

.menu ul li:hover ul li a:hover {

  background:#C4CCDF; 

  color:#000;

}

.menu ul li:hover ul li:hover ul {

  display:block; 

  position:absolute; 

  left:105px; 

  top:0;

}

.menu ul li:hover ul li:hover ul.left {

  left:-105px;

}

/*end menu*/



/**********************************************wmd content ***/

#wmd_content {

  width: 930px;

  margin: auto;

  font-family: georgia, times, serif;

  font-size: 12px;

}

#wmd_content h1 {

  color: #374667;

  font-size: 20px;

  margin-bottom: 10px;

}

#wmd_content h2 {

  color: #374667;

  font-size: 15px;

  font-weight: bold;

  margin-bottom: 10px;

}

#wmd_content p {

  line-height: 18px;

}



/* EVENTS PAGE */

a.viewevent1:link, a.viewevent1:visited, a.viewevent1:active , a.viewevent1:hover {

	background:url(/images/button_eventdetails.png)  no-repeat top;

	display:block;

	height:37px;

	margin-top:50px;

	margin-left:auto;

	margin-right:auto;

	width:128px;

}



a.viewflyer1:link, a.viewflyer1:visited, a.viewflyer1:active, a.viewflyer1:hover {

	background:url(/images/button_flyer.png)  no-repeat top;

	display:block;

	height:37px;

	margin-top:50px;

	margin-left:auto;

	margin-right:auto;

	width:128px;

}



a.regevent1:link, a.regevent1:visited, a.regevent1:active, a.regevent1:hover {

	background:url(/images/button_eventregister.png)  no-repeat top;

	display:block;

	height:37px;

	margin-top:50px;

	margin-left:auto;

	margin-right:auto;

	width:128px;

}



a.viewcal:link, a.viewcal:visited, a.viewcal:active, a.viewcal:hover {

	background:url(/images/button_calview.png)  no-repeat top;

	display:block;

	height:36px;

	margin-left:auto;

	margin-right:auto;

	width:128px;

}



a.viewlist:link, a.viewlist:visited, a.viewlist:active, a.viewlist:hover {

	background:url(/images/button_listview.png)  no-repeat top;

	display:block;

	height:36px;

	margin-left:auto;

	margin-right:auto;

	width:128px;

}