/*--------------------------------------------------
    Name:    Fairmount Park Conservatory
    File:    screen.css
    Purpose: CSS screen layout template for FPC 
		Version: B1.0
		Release: 20070110
		Update:  20070110
		Author:  Brian E. McElaney 
		E-Mail:  bmcelaney@electronicink.com   
--------------------------------------------------*/
						



/*------------------------------------------------------------------------------
--   Layout                                                                   --
------------------------------------------------------------------------------*/


* {
  padding: 0;
  margin: 0;
	}

body,html {
	background: #607758 url(../images/top.jpg) top repeat-x;
	overflow-y:auto;
	overflow-x:hidden;
	}
	ul {
		list-style: none;
		}
		
a:link, a:visited { font-weight: bold; color: #962a2a; }
a:hover { text-decoration: none; color: #f00;}

#content { 
	position:absolute;
	background: url(../images/bottom.gif) bottom repeat-x;
	width:100%;
	}
	#frame {
		margin-left:auto;
		margin-right:auto;
		width:750px;
		}
		#contentBar {
			float: right;
			width:530px;
			margin-top: 20px;	
			border-width: 3px;
			border-bottom:0px;
			border-style: solid;
			text-align:left;
			border-color: #607758;
			background-color: #F9F9F1;
			}

			#contentBar h1 {
				display: none;
				}	
			#main h2, #main h2.main {
					padding-top:1em;
					padding-left: 30px;
					padding-right: 30px;
					color:#861D1D;	
					margin: 0 0 .75em;
					font-size: 18px;
					}
			#main h2#home, h6, .featured_heading, #main h2.main {
                color:#2C3429;
                font-size:1.2em;
                font-weight: normal;
                text-transform:uppercase;
                letter-spacing:.2em;
                margin:0;
            }

			#contentBar h3 {
				padding-top:1em;
				padding-left: 30px;
				padding-right: 30px;
				}
			#contentBar h4 {
				padding-top: .3em;
				padding-left: 30px;
				padding-right: 30px;
				}
			/* #image */
			.image { position: relative; overflow:hidden; height:275px; width:530px; }
				.image h2 {
					text-indent:-1000em;
					position:absolute;
					top:205px;
					z-index:50;
					width:530px;
					height:70px;
					display:block;
/*					background: url(../images/head_overlay.png) no-repeat bottom right;*/
					}
				.imageCaption {
					font-size: .9em;
					position:absolute;
					z-index:100;
					width:140px;
					height:200;
					margin-top:230px;
					margin-left: 350px;
					margin-bottom:0px;
					padding:10px;
					padding-bottom:60px;
					}
		#main {
            position:relative;
            z-index:50;
            margin-top:1em;
            width:530px;
            }  
			#main p {			
				padding-bottom:1.5em;
				padding-left: 30px;
				padding-right: 30px;
				line-height: 150%;
				}
			#main h3 {
				margin:0;
				padding: 10px 0;
				padding-left: 30px;
			}
			#main ol {			
				padding-top: 0em;
				padding-bottom:.5em;
				padding-left: 50px;
				padding-right: 30px;
				line-height: 150%;
				}
				#main ol li {
					margin: 15px 0;
				}
			#main ul {
				padding-bottom:.5em;
				padding-left:30px;
				padding-right: 30px;
				line-height: 150%;
				}				
			body#aboutIndex #main ul {
				list-style:circle url(../images/leaf_bullet.gif); 
				}
			body#aboutFacts #main ul {
				list-style:circle url(../images/leaf_bullet.gif); 
				}
			body#supportIndex #main ul {
				list-style:circle url(../images/leaf_bullet.gif); 
				}		
				body#supportIndex #main ul li {
					padding: 5px 0;
				}		

			body#projectIndex #main ul {
				list-style:circle url(../images/leaf_bullet.gif); 
				}	
			.pressRelease {
				margin: 10px 10px 10px 30px;
				}
				.pressRelease h5 {
					display:block;
					font-weight:normal;
					margin-bottom:2px;
					font-size:12px;
				}
				.pressRelease h3 a, #contentBar .pressRelease h3  {
					font-weight:bold;
					font-size:12px;
					text-decoration:underline;
					margin-left:0;
					padding-left:0px;
					text-align:left;
					margin-bottom:1px;
					color:#000;
				}
				.pressRelease .summary {
					margin:0;
					padding:0;
				}
			#leafDivider {
				clear:both;
				height:45px;
				background:url(/images/leaf_divider.gif) no-repeat center center;
			}
			#conservancyOverview {
				clear:both;
				border-top:1px solid #BAC6B9;
				border-bottom:1px solid #BAC6B9;
				margin:0px 30px;
				margin-top:25px;
				padding-top: 10px;
			}
			#conservancyOverview p{
				margin: 0;
				padding-left:0;
				padding-right:0;
				color:#666666;
			}
			#homePressReleases {
				margin: 0px;
			}
		#footer {
			padding-top: 4.5em;
			padding-bottom: 2em;
			padding-left: 30px;
			padding-right: 30px;
			}
			#footer p {
				line-height: 150%;
			}
			#menuBar {
				width:196px;
				float:left;
				}
				#menuTopBox {
					border:3px solid #00542d;
					border-top:none;
					width:190px;
					overflow:hidden;
				}
				#menuHead {
				  width:190px;
				  height:131px;
				  overflow:hidden;
					}

					.menu {
					    width:160px;
						background-image:url(../images/menu_back.jpg);	
				  		background-position:bottom left;
						padding: 0 15px;
						height:100%;
						overflow:hidden;
						}

							.menu hr {
								height:0px;
								width:80%;
								margin-left:auto;
								margin-right:auto;
								margin-top:8px;
								margin-bottom:5px;
								display:none;
								}
								.menu li {
									border-bottom: 1px solid #C6BE8D;
									}	
							/* Landing Pages */
								.menu li a { 
									text-indent:-1000em;
									width:161px;
									height:29px;
									overflow: hidden;
									display:block;
									margin:0px;
									background-position: top left;
									background-repeat:no-repeat;
									background-color:transparent;
								}
								
								.menu li a:hover, .menu li a.current {
									background-position: bottom left;
								}
								.menu #home {
									  background-image: url(../images/menu_home.gif);
									}
								.menu #about {
									  background-image: url(../images/menu_about.gif);
									}
								.menu #project {
									  background-image: url(../images/menu_project.gif);
									}
								.menu #news-events {
									  background-image: url(../images/menu_news-events.gif);
									}
								.menu #support {
									  background-image: url(../images/menu_support.gif);
									}
								.menu #faqs {
									  background-image: url(../images/menu_faqs.gif);
									}
								.menu #parkFacts {
									  background-image: url(../images/menu_park_facts.gif);
									}
								.menu #donate {
									  background-image: url(../images/menu_donate.gif);
									  height:31px;
									  overflow:hidden;
									  margin-bottom:20px;
									}
								.menu .menuLast {
									border-bottom:none;
								}
							#subMenu {
							    width:161px;								
								padding-bottom:3px;						
								}
							#main #subMenu {
								width:auto;
							}
							#subMenu li {
								padding:0;
								margin:0;
								border:none;
								background:none;
								}
							#subMenu a, #subMenu a:active {
								background: url(../images/bulletSub.png) 4px 8px no-repeat;
								text-indent:0;
								margin:0;
								padding:0;
								height:auto;
								letter-spacing:-.1px;
								font-size:10px;
								color:#000;
								padding:2px 0px 7px 12px;
								font: normal 10px Verdana, Arial, sans-serif;
								}
							#subMenu a:hover {
								text-decoration:none;
								}
							
							#subMenu .linkFocus {
								color:#861D1D;
								text-decoration:none;
							}	
				#tools {
					padding-top:1em;
					margin: 1em 0 2.5em;
					}
					#formSearch {
						display:inline;
						}
						#formSearch fieldset {
							border:0px;
							}
							#formSearch label {
								margin-bottom:.3em;
								font-size: .9em;
								}
							#formSearch .button {
                                float:right;
                                border: 1px solid #c3c8b8;
                                padding:4px 1px 3px 1px;
                                margin-top:6px;
                                font-weight:bold;
                                width:54px;
                                color: #f9f8f1;
                                background: #00542d;
								text-align: center;
								font-family: Futura, Verdana, Arial, sans-serif;
								font-size: 11px;
								font-weight: normal;
								letter-spacing: 0em;
                                }
                            #formSearch .button:hover {
                                background: #004324;
                                border-color: #c3c8b8;
                            }
                            #formSearch .requiredText {
                                float:left;
                                width:126px;
                                border: 1px solid;
                                padding:4px;
                                margin-top:6px;
                                font-size:12px;
                                }
						.vcard { margin-top: 2em; }
						.vcard, .vcard a, #sideOverview {
                            display:block;
                            margin-bottom:20px;
                            color:#F5F2EA;
                            font-weight: normal;
							line-height: 1.4em;
                            }
							.vcard a:hover {
								text-decoration:none;
							}
							.vcard h4, #sideOverview h4 {
                                margin-bottom:.25em;
                                color:#D8CD8F;
                                font: normal 1.3em Futura, Verdana, Arial, sans-serif !important;        
                                font-weight: normal !important;            
                                }

					ul.circle {
						list-style:circle url(../images/leaf_bullet.gif);
						margin-left:15px;
						}
						ul.circle li {
							margin: 15px 0;
						}
					
/*------------------------------------------------------------------------------
--   Color                                                                    --
------------------------------------------------------------------------------*/

	#contentBar h3 {
		color:#861D1D;
		color:#7D1E1A;
		}
	/* #image */		
		.imageCaption {
			color: #666;
			background-color: #F9F9F1;		
			}	
	#main {
		background-color: #F9F9F1;		
		}	
		#footer {
			color: #666666;
			}
			#footer a {
			color: #666666;		
			}

			#menuHead {
				border-color: #10320C;
				}

		.menu {
			background-color: #E8E3C6;
			}
			/* Landing Pages */
				.menu #home, .menu #home-hi, .menu #about, .menu #project, .menu #support, .menu #contact, .menu #contact-hi, .menu #donate {
						border-color:#c8c092;
						}

			/* Form */	

				#formSearch label {
					color:#D8CD8F;
					}

				#formSearch .requiredText {
					color: #d8dcd0;
					background: #546a4c;
					border-color: #979e81;
					}
					
.directors li {
	line-height:1.1em;
	padding: 5px 0;
}

/*------------------------------------------------------------------------------
--   Typography                                                               --
------------------------------------------------------------------------------*/
body {
	font: normal .70em Verdana, Arial, sans-serif;
	}
	#main h3 {
		font: normal 2em Futura, Verdana, Arial, sans-serif;	
		}
	#contentBar h3 {
		font: normal 1.5em Futura, Verdana, Arial, sans-serif;	
		}	
	#footer {
		font: normal .9em Verdana, Arial, sans-serif;		
	}

	#menuBar label {
    font: normal 1.3em Futura, Verdana, Arial, sans-serif;    
    font-weight: normal !important;                
    } 
	/* formSearch */
	#formSearch .requiredText {
		font-family: Futura, Verdana, Arial, sans-serif;
		font-size:12px;
		}
	.vcard {
	font: normal Verdana, Arial, sans-serif;			
	}
	.n {
		font-weight: bold;
		}
		
/* Google Search */
#searchcontrol .gs-webResult .gs-visibleUrl-short {
	display:none;
}

#searchcontrol .gs-webResult .gs-visibleUrl-long {
	display:block;
	color:#293328;
}

#searchcontrol .gsc-control {
	width:450px;
}

#searchcontrol .gsc-result {
	margin-bottom:20px;
}

#searchcontrol .gsc-trailing-more-results {
	display:none;
}

#searchcontrol .gs-title, #searchcontrol .gs-title * {
	color:#7D1E1A;
}

#searchcontrol .gsc-ad-box {
	display:none;
}

#main ul { 
	list-style:circle url(../images/leaf_bullet.gif); 
}

#main ul li {margin-bottom: .75em; }

ul.directors {text-transform:uppercase;}
ul.directors li em {text-transform: none; padding-left: .5em;}

/* News and Events */
body#news-eventsIndex #main dl {
	margin: 0 30px 30px;
}

body#news-eventsIndex #main dl dd dl {
	margin: 0 0 15px;
}

body#news-eventsIndex #main dl dt {
	color:#2C3429;
	font-weight:normal;
	margin: 0 0 .25em;
}

body#news-eventsIndex #main dl dt {
	font-style: italic;
}

body#news-eventsIndex #main dl dd dl dt {
	font-style: normal;
	font-size: 1.1em;
	letter-spacing: 0;
	text-transform: none;
}

body#news-eventsIndex #main dl dd dl dd {
	margin: 0 0 10px;
}