/*general*/
body {
  background-color:#98b2ad;
  color:#666666;
  font-family:Arial,Helvetica,San-serif;
  margin:0;
  padding:0;
}
body, p{
  color:#333333;
  font-family:Times New Roman,Times,Sans-Serif;
  font-size:14px;
  font-weight:normal;
  line-height:16px;
}
a, a:link, a:visited {
	color:#333;
	text-decoration: none;
}
a:hover {
	color:#333;
	text-decoration: underline;
}

.float_clear {
  clear: both;
}
.float_left {
  float: left;
}

table, tr, td {
  border-collapse:collapse;
}

span.label {
  font-weight:bold;
  padding-right: 3px;
}
/* two column layout*/
#content {
  background-color:#E2E2E2;
  padding: 0 0 2px 0;
  margin:0 auto auto auto;
  width:1140px;
}

#main {
  padding: 10px;
  min-height: 650px;
}

#main .section {
  background: #FFFFFF url(/images/shadows/section_left.gif) repeat-y scroll left top;
  padding: 0;
  width: 940px;
  vertical-align:top;
}

#main .section_top {
  background:transparent url(/images/shadows/section_top.gif) no-repeat scroll left top;
  padding:0pt 0pt 0pt 12px;
  height: 100%;
}

#main .section_top_right {
  background:transparent url(/images/shadows/section_top_right.gif) no-repeat scroll right top;
  padding:12px 12px 12px 0;
  height: 100%;
  
}

#main .section_content {
  min-height: 650px;
}

#main .side_nav {
  background: #FFFFFF url(/images/shadows/section_left.gif) repeat-y scroll left top;
  padding: 0;
  margin-right: 4px;
  width: 210px;
  vertical-align:top;
}
#header {
  background:#ffcc99;
  color:#666;
  margin:0;
  padding: 10px 0 0 0;
  height: 3em;
}

#header #logo {
  text-align:right;
  padding-right:20px;
  font-weight: bolder;
}

/* header navigation */
#navigation {
  padding-left: 200px;
  margin-top:0;
  float:left;
  background:#ffcc99;
  font-size: 130%;
  font-weight: bold;
  line-height:normal;
}
#navigation ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
}
#navigation li {
  display:inline;
  margin:0;
  padding:0;
}

#navigation a {
  float:left;
  /*background:url("/images/navigation/tableftF.gif") no-repeat left top;*/
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}

#navigation a span {
  float:left;
  display:block;
  /*background:url("/images/navigation/tabrightF.gif") no-repeat right top;*/
  padding:5px 15px 4px 6px;
  color:#666;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span {float:none;}
/* End IE5-Mac hack */
#navigation a:hover span {
  color: black;
}
#navigation a:hover {
  background-position:0 -42px;
}
#navigation a:hover span {
  background-position:100% -42px; 
}
#navigation a span.selected {
   color: #fff;
}

img {
  border:medium none;
}

/*left nav*/
.left_nav_links{
  float:left;
}

.left_nav_links li{
  list-style:none;
  margin:0;
  padding: 0 0 6px 0;
}

.left_nav_links li a.selected{
  font-weight: bolder;
}

.left_nav_links ul{
  margin: 5px;
  margin-top: 10px;
  padding:0;
  list-style:none;
}

/* home page*/
#home_page div.welcome{
  padding-top: 2em;
  margin-bottom: 1em;
  font-weight: bold;
  font-style: italic;
  font-size: 300%;  
  text-align: center;
}
#home_page .rotating_photo{
  text-align:center;
}

.side_nav .event_type{
  font-weight: bold;
}
.side_nav .title{
  padding-top: 40px;
  font-weight: bold;
  font-style: italic;
  font-size: large;
  margin-bottom: 10px;
}
.event_highlights div{
  padding: 2px 0 0 5px;
}
.event_highlights .event_type{
  padding-left: 0;
  padding-bottom: 5px;
}
.event_highlights a, .surveys a {
  font-style:italic;
  font-weight:bold;
  font-size: medium;
  color:#666;
}
.dotted_divider{
  padding: 15px 0 0 0;
  border-bottom: dotted 2px;
  margin-bottom: 10px;
}

.divider{
  padding: 25px;
  border-bottom: solid 2px;
  margin-bottom: 5px;
}

.surveys .survey {
  margin-bottom: 1em;
}
.external_resources ul {
  list-style:none;
  margin: 5px 0 5px 0;
  padding: 0 0 10px 0;
}

.external_resources li.resource {
   font-weight: bold;
}

.external_resources li.resource_info {
   padding-left: 5px;
}

/*photos*/
.landscape_large img {
	width: 	400px;
 	height: 308px;
}

.landscape_large {
  float: left;
}

.landscape_normal img {
	width: 	300px;
 	height: 225px;
}

.landscape_normal {
  padding: 10px;
  text-align: center;
}

.landscape_medium img {
	width: 	275px;
 	height: 206px;
}

.landscape_medium {
  padding: 10px;
}

.low .landscape_medium {
  padding-top: 30px;
  padding-bottom: 0;
}

/*  auto complete */
div.auto_complete {
  width: 350px;
  background: #fff;
}
div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected {
  background-color: #ffb;
}
div.auto_complete ul strong.highlight {
  color: #800;
  margin:0;
  padding:0;
}

/*Manage photos*/
.manage_photo{
  float:left;
  margin-right: 10px;
  text-align: center;
}

/* Neighborhood */
.neighborhood {
  min-height: 650px;
  position: relative;
}
.content_name {
  margin-top: 10px;
  text-align: center;
  font-size: 150%;
  font-weight:bold;
  line-height:normal;
  color: #666666;
}
.neighborhood .email {
  position: absolute;
  bottom: 0;
  left: 30%;
  text-align: center;
}

#neighborhood .rotating_photo{
  text-align:center;
}

#neighborhood .rotating_photo img {
 	height: 225px;
}

.email a {
  text-decoration: underline;
}
/*Events*/

.event_details {
  margin-top: 20px;
}
.event_info {
  margin-top: 110px;
  float: left;
  font-family: monospace;
}
#event img {
  margin-right: 30px;
  margin-bottom: 30px;
}
#event .label {
  font-weight: bold;
  font-size: 130%;
  color: #666666;
}

#event .rotating_photo{
  padding: 2px;
  float: left;
}

#event .rotating_photo img {
 	height: 300px;
}

.event .field {
  text-align: left;
  font-size: 120%;
}

table.event_table td {
  padding-bottom: 10px;
  padding-right: 5px;
}

.description, .description p{
  font-size: 110%;
}
/*flash error and notice*/
#error {
  background-color: #d60000;
  height: 1%;
}

#notice {
  background-color: #2088C9;
}

#error,
#notice {
  margin: 1em 0;
  padding: 2px;
  text-transform: uppercase;
  font: bold 10px Arial, Helvetica, sans-serif;
  color: white;
  text-align: center;
}

/* neighborhood lookup table*/
.neighborhood_lookup{
  margin-top: 1em;
}
#neighborhood_lookup_table th, 
#neighborhood_lookup_table td {
  padding-right: 3em;
  text-align: left;
}
#neighborhood_lookup_table th {
  font: bold 120% Arial, Helvetica, sans-serif;
}

#neighborhood_lookup_tab a a:link a:visited {
  font-size: 120%;
  text-decoration: underline;
}

/* upload photo */
#file_label {
  padding-right: 10px;
}

/* survey */
.survey_title {
  font-size: 150%;
  font-weight: bold;
  line-height:normal;
  color: black;
  text-align: center;
}

#survey {
  padding: 1em;
}
.survey_response .respondent_info,
.survey_response .text {
  margin-bottom: 1em;
}
.survey_response .comments {
  margin-top: 1em;
}
.survey_response .submit_area {
  text-align:center;
  margin-top: 1em;
}
.survey_response .submit_area input {
  font-weight: bold;
/*  background-color: #fff;*/
}

.thank_you {
  padding-top: 3em;
  text-align:center;
}