/* Example site format
Author:	Andy Waschick
Version:	2007.12.15  */

/* Gestalt system required CSS definitions */
@import url("gestalt.css");  

/* override the editing tools wrapper block, it interferes with the dropdown menus */
#edit-wrapper {
	height: 32px !important; 
	}

/* Main styles */
body, html  {
	margin: 0px; 
	padding: 0px; 
	background-color: #fff; 	
	color: #444; 
	font-family: arial, helvetica, sans-serif; 
	text-align: center; 
	}

#fixed-origin {
	position: fixed; 
	top: 0px; 
	right: 0px; 
	width: 100%; 
	height: 10%; 
	}

#print-logo {
	display: none; 
	}

.page {
	position: relative;
	margin: 0 auto;
	width: 950px;
	top: 0px; 
	}

	#page-fixed {
		height: 98%; 
		}
		
	#page-scroll {
		}
		
	.wrapper {
		margin: 0px; 
		padding: 0px; 
		font-size: 12px; 
		line-height: 20px; 
		width:950px; 
		padding-bottom: 30px; 
		}
		
		#wrapper-fixed {
			height: 98%; 
			}
			
		#wrapper-scroll {
			}
		
		.main {
			text-align: left;
			width:950px;
			position: relative; 
			}
			
			#main-fixed {
				height: 98%; 
				}
				
				#main-fixed #utility-block-1 {
					border: 1px solid #005941; 
					position: absolute; 
					top: 0px; 
					left: 150px; 
					bottom: -865%; 
					width: 1500px; 
					z-index: 0; 
					overflow: hidden; 
					}
					
					#main-fixed #utility-block-1 img {
						z-index: -10; 
						}
					
					#main-fixed #utility-block-1 .content {
						} 
				
				#main-fixed #utility-block-2 {
					position: absolute; 
					height: 100%;  
					left: 150px; 
					bottom: -965%; 
					width: 950px; 
					z-index: 200; 
					background-color: #fff; 
					
					}
				
				#main-fixed #special-links {
					position: absolute; 
					top: 300px; 
					left: 0px;
					width: 150px; 
					height: 80px; 
					z-index: 200; 
					}
					
					#main-fixed #special-links .content {
						text-align: right; 
						margin-right: 10px; 
						color: #005941; 
						font-weight: bold; 
						font-size: 13px; 
						}
						
						#main-fixed #special-links .content a {
							color: #005941;
							text-decoration: none; 
							}
							
							#main-fixed #special-links .content a:hover {
								color: #7ac363; 
								text-decoration: underline; 
								}	
								
				#main-fixed #more-special-links {
					position: absolute; 
					top: 370px; 
					left: 0px;
					width: 150px; 
					height: 80px; 
					z-index: 200; 
					}
					
					#main-fixed #more-special-links .content {
						text-align: right; 
						margin-right: 10px; 
						color: #005941; 
						font-weight: bold; 
						font-size: 13px; 
						}
						
						#main-fixed #more-special-links .content a {
							color: #005941;
							text-decoration: none; 
							}
							
							#main-fixed #more-special-links .content a:hover {
								color: #7ac363; 
								text-decoration: underline; 
								}	
				
				#main-fixed #navigation {
					position: absolute; 
					top: 0px; 
					left: 0px; 
					width: 1200px; 
					border-top: 3px solid #005941; 
					z-index: 200; 					
					height: 23px; 
					}
					
					#main-fixed #navigation .content {
						background-color: #f6ed08; 
						border-bottom: 1px solid #005941; 
						z-index: 250; 
						height: 23px; 
						border-left: 1px solid #005941; 
						}
						
						#main-fixed #navigation .content ul {
							z-index: 300; 
							}
						
					#main-fixed #navigation #background-mask {
						position: absolute; 
						left: 150px; 
						top: 0px; 
						width: 1200px; 
						height: 59px; 
						z-index: -5; 
						display: none; 
						}
				
				#main-fixed #logo {
					position: absolute; 
					top: 80px; 
					left: 35px;
					width: 151px; 
					height: 150px; 
					z-index: 200; 
					}
					
					#main-fixed #logo .content {
						}
						
					#main-fixed #logo #logo-mask {
						position: absolute; 
						left: 0px; 
						top: -90px; 
						width: 119px; 
						height: 130px; 
						z-index: -5; 
						background-color: #fff; 
						}	
						
				#main-fixed #feature-image {
					position: absolute; 
					top: 150%; 
					right: 0px;
					width: 320px; 
					padding-top: 10px; 
					}
					
					#main-fixed #feature-image .content {
						}
						
						#main-fixed #feature-image .content img {
							width: 250px; 
							height: auto; 
							/* border: 1px solid #bbb;  */
							}
						
				#main-fixed #navigation-image {
					position: absolute; 
					left: 0px;
					bottom: -845%; 
					height: 90px; 
					width: 750px; 
					z-index: 200; 
					}
					
					#main-fixed #navigation-image #teaser-block {
						position: absolute; 
						left: -25px; 
						width: 175px; 
						height: 90px; 
						background-color: #005941; 
						vertical-align: middle; 
						}
						
						#main-fixed #navigation-image #teaser-block .content {
							color: #fff; 
							text-align: right; 
							padding: 5px; 
							padding-right: 10px; 
							}
	
							#main-fixed #navigation-image #teaser-block .content a {
								color: #fff; 
								text-decoration: none; 
								}
								
								#main-fixed #navigation-image #teaser-block .content a:hover {
									color: #7ac363; 
									}	
								
					#main-fixed #navigation-image #images-block {
						position: absolute; 
						left: 151px; 
						width: 730px; 
						height: 90px; 
						/* with border background-color: #fff; */ 
						}
						
						#main-fixed #navigation-image #images-block.opaque {
							filter:alpha(opacity=100);
							opacity:1;
							}
							
						#main-fixed #navigation-image #images-block.transparent {
							filter:alpha(opacity=30);
							opacity:0.3;
							}
													
						#main-fixed #navigation-image #images-block #prevbutton {
							position: absolute; 
							top: 7px; 
							left: 4px; 
							width: 30px; 
							}
							
						#main-fixed #navigation-image #images-block #imagebar {
							position: absolute; 
							top: 0px; 
							left: 25px; 
							width: 675px; 
							}
						
						#main-fixed #navigation-image #images-block #nextbutton {
							position: absolute; 
							top: 7px; 
							left: 700px; 
							width: 30px; 
							}
				
				#main-fixed #footer {
					position: absolute; 
					right: 0px; 
					top: 900%;
					width: 250px; 
					height: 12%; 
					}
					
					#main-fixed #footer .content {
						}
				
				#outer-footer {
					position: absolute; 
					bottom: -880%; 
					left: 210px; 
					width: 800px; 
					z-index: 1000; 
					height: 60%; 
					vertical-align: middle; 
					text-align: left;
					}
					
					#outer-footer .content {
						font-size: 11px; 
						color: #aaa; 
						line-height: 19px; 
						}
				
			#main-scroll {
				padding-bottom: 15px; 
				}
				
				#main-scroll #article {
					position: absolute; 
					top: -5px; 
					left: 150px;
					width: 450px;
					padding-bottom: 12%; 
					margin-bottom: 60px; 
					padding-top: 80px; 
					z-index: 100; 
					}
					
					#main-scroll #article .content {
						padding-left: 60px; 
						padding-right: 20px; 
						color: #005941;
						font-size: 13px; 
						}
						
						#main-scroll #article .content a {
							color: #005941;
							}
							
							#main-scroll #article .content a:hover {
								color: #7ac363; 
								}	
						
						#main-scroll #article .content h1, #main-scroll #article .content .headline {
							font-size: 18px; 
							font-weight: bold; 
							line-height: 24px; 
							}
						
						#main-scroll #article .content h1, #main-scroll #article .content .feature-text {
							font-size: 18px; 
							line-height: 24px; 
							}
							
						#main-scroll #article .content .sidebar-image {
							position: absolute; 
							left: 450px; 
							margin: 0px; 
							margin-top: 5px; 
							}
						
						#main-scroll #article .content .feature-image {
							position: absolute; 
							left: 450px; 
							margin: 0px; 
							margin-top: 5px; 
							}
							
				#main-scroll #feature-image {
					position: absolute; 
					top: 115px; 
					right: 0px;
					width: 320px; 
					padding-top: 10px; 
					}
					
					#main-scroll #feature-image .content {
						}
						
						#main-scroll #feature-image .content img {
							width: 250px; 
							height: auto; 
							/* border: 1px solid #bbb;  */
							}
							
.container-tools {
	border: 1px solid #ddd; 
	background-color: #eee; 
	font-size: 11px !important; 
	padding: 3px; 
	margin: 3px; 
	}
	
.container-preview {
	border: 1px solid #ddd !important; 
	background-color: #e8cece; 
	font-size: 11px !important; 
	padding: 3px; 
	margin: 3px; 
	}

#edit-spacer {
	display: none; 
	}

.emphasis-block {
	display: block; 
	color: #f6ed08; 
	background-color: #005941; 
	padding: 6px; 
	width: 96%; 
	clear: both; 
	font-size: 16px; 
	font-weight: bold; 
	}