@import url('/stylesheets/elements.css');
@import url('/stylesheets/classes.css');
@import url('/stylesheets/menu.css');

#wrapper-outer { background: url(../images/body-bg.jpg) repeat-y center top; }
#wrapper-middle { background: url(../images/body-top.jpg) no-repeat center top; }
#wrapper-inner { margin: 0 auto; width: 830px; text-align: left; }
	#header {  }
		#logo img { }
		#menu { list-style: none; padding: 0; margin: 0; height: 38px; font-size: 1em; font-weight: bold; float: left; }
			#menu li { display: block; float: left; background: url(../images/menu-left.gif) no-repeat left bottom; margin: 0 2px 0 0; line-height: 38px; }
				#menu li a { display: block; float: left; line-height: 38px; padding: 0 12px; text-decoration: none; color: #0F3574; background: transparent url(../images/menu-right.gif) no-repeat right bottom; }
					#menu li.selected { background: url(../images/menu-selected-left.gif) no-repeat left bottom !important;  }
						#menu li.selected a { background: transparent url(../images/menu-selected-right.gif) no-repeat right bottom !important; color: #fff !important; }
					#menu li:hover { background: url(../images/menu-hover-left.gif) no-repeat left bottom;  }
						#menu li a:hover { background: transparent url(../images/menu-hover-right.gif) no-repeat right bottom; color: #333; }
		.submenu { list-style: none; padding: 0; margin: 10px 0 0; line-height: 38px; font-size: 1em; }
			.submenu li { display: block; float: left; }
				.submenu li a { display: block; float: left; line-height: 30px; padding: 0 20px; text-decoration: none; color: #ffff99; }
					.submenu li.selected a { background: #333; color: #aaa; }
					.submenu li a:hover { color: #9EB1C3; }
	#banner { margin: 20px 0 0 9px; }
		#banner-content {  }
			#banner-content h1 {  }
			#banner-content a {  }
				#banner-content a:hover {  }

	#content, #footer { line-height: 1.7em; margin: 0 10px; }
	
	#home #smoothGallery { height: 300px !important; width: 550px !important; margin: 0 0 20px 0; }
	
	#content { min-height: 600px; padding: 15px 15px 25px; margin-top: 25px; background: #fff;}
	#content-with-sidebar { float: left; width: 510px; }
	#content a { border-bottom: 1px solid #0085AF; text-decoration: none; }
	#content a:hover { color: #fff; background: #0085AF; border-bottom: none; }
	#crumb { line-height: 40px; }
	#sidebar { float: right; width: 250px; }

	#error, #notice { font-size: 1.2em; color: #fff; padding: .5em .75em; font-weight: bold; margin-bottom: 1em; }
	#error { background: #b00; }
	#notice { background: #0b0; }
	#errorExplanation { border: 2px solid #f00; padding: 0; margin: 20px 0; color: #f00; }
	#errorExplanation p { padding: 0 10px; }
	#errorExplanation h2 { color: #fff; background-color: #f00; padding: 8px; margin-top: 0; }
	
	#footer-outer { background: url(../images/body-bottom.jpg) no-repeat center bottom; height: 160px;}
	#footer { padding: 10px; text-align: left; font-size: .85em; width: 790px; margin: 0 auto; height: 100px; background: #fff; }
		#footer img {float: right;}
			#footer div {width: 550px;}
		#footer-menu { list-style: none; margin: 0; padding: 0; line-height: 40px; }
			#footer-menu li { display: block; float: left; margin: 0 20px 0 0; }
	#smoothGallery { width: 880px !important; height: 650px !important; z-index: 999; }
	#smoothGallery a { border: none !important; }
	#smoothGallery a:hover { background: none; }

	#google-map { width: 248px; height: 300px; overflow: hidden; margin-top: 10px; border: 1px solid #77a8c7; }