/*------------- [ LAYOUT ] -------------*/

body { background: #FFFFFF url(../images/body-bg.png) repeat-x; }
	#body-bg-leftcorner { width: 4px; height: 137px; position: absolute; top: 10px; left: 0px; background: url(../images/body-bg-leftcorner.png); }
	#body-bg-rightcorner { width: 4px; height: 137px; position: absolute; top: 10px; right: 0px; background: url(../images/body-bg-rightcorner.png); }

	#container { width: 975px; margin: 0px auto 0px auto; }
		#header { height: 159px; float: left; }
			#logo { float: left; display: inline; margin: 21px 0px 0px 8px; }

			#menu-container { width: 716px; float: left; }
				#menu { float: right; display: inline; position: relative; margin: 10px 12px 0px 0px; background: url(../images/menu-bg.png) repeat-x; }
					#menu-bg-leftcorner { width: 8px; height: 39px; position: absolute; left: 0px; background: url(../images/menu-bg-leftcorner.png) no-repeat; }
					#menu-bg-rightcorner { width: 8px; height: 39px; position: absolute; right: 0px; background: url(../images/menu-bg-rightcorner.png) no-repeat; }

					#menu ul { margin: 0px 10px 0px 10px; }
						#menu li { float: left; }
							#menu li a { height: 26px; display: block; padding: 13px 5px 0px 20px; color: #999999; font-size: 12px; font-weight: bold; text-transform: uppercase; }
							#menu li a:hover { background: url(../images/menu-bg-hover.png); }
							#menu li .current { background: url(../images/menu-bg-current.png); }
								#menu li a span { display: block; padding: 0px 15px 0px 0px; background: url(../images/menu-mark.gif) right no-repeat; }
								#menu li a:hover span, #menu li .current span { background: none; }

				#submenu { width: 255px; float: right; display: inline; clear: both; margin: 14px 450px 0px 0px; border-right: 1px #F3F3F3 solid; padding: 0px 10px 0px 0px; text-align: right; }
					#submenu li a { padding: 0px 12px 0px 0px; background: url(../images/submenu-mark.png) right no-repeat; color: #999999; font-size: 12px; }
					#submenu li a:hover { color: #4BA8B9; }

		#body { clear: both; background: url(../images/content-bg.png) repeat-y; }
			#panel { width: 180px; float: left; display: inline; margin: 0px 24px 0px 30px; padding: 0px 0px 34px 0px; }
				#panel h1 { margin: 34px 0px 16px 0px; color: #666666; font-size: 15px; font-family: 'Trebuchet MS', Helvetica; text-transform: lowercase; line-height: 1.1; }
					#panel h1 em { display: block; color: #B5B5B5; font-size: 10px; text-transform: uppercase; }

				#panel input, #panel select, #panel textarea { width: 97%; }

				#search input { float: left; width: 150px; border-right: none; }
				#search button { width: 25px; height: 19px; float: left; margin-top: 0px; background: #FFFFFF url(../images/panel-search-button.png); }

				#panel ul li a { display: block; color: #92B132; font-size: 12px; }
				#panel .long li { line-height: 1.25; }
					#panel .short li a { padding: 3px 3px 3px 3px; border-bottom: 1px #EFEFEF solid; }
					#panel .short .first a { border-top: 1px #EFEFEF solid; }
					#panel .short li a:hover { background: #F3F3F3; }

					#panel .long li a { padding: 3px 0px 3px 12px; background: url(../images/panel-li-mark.png) left 9px no-repeat; }
					#panel .long li a:hover { text-decoration: underline; }

			#content { width: 740px; float: left; }
				#content-container { padding: 8px 0px 16px 26px; }

	#footer { width: 1008px; margin: 0px auto 0px auto; padding: 32px 0px 0px 0px; background: url(../images/footer-bg.png) no-repeat 4px top; text-align: right; }
		#footer ul { margin: 0px 0px 0px 40px; }
			#footer li { float: left; padding: 0px 10px 0px 10px; border-left: 1px #CCCCCC solid; }
			#footer .first { border-left: none; }
				#footer li a { display: block; color: #4BA8B9; font-size: 12px; }
				#footer li a:hover { text-decoration: underline; }

		#footer div { float: right; }
			#footer p { margin: 0px 15px 0px 0px; color: #999999; font-size: 12px; }

		#footer img { float: right; display: inline; margin: 3px 15px 10px 0px; }