html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption, p{	margin: 0;	padding: 0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background: #003926 url(../layout/body.jpg) center 135px no-repeat;	
	text-align: center;
	height: 100%;
}

html { width: 100%; height: 100%; }

a 		{ color: #fff7ab; text-decoration: underline; }
a:hover { text-decoration: none; }
img 	{ border: none; }
.clear 	{ clear: both; } 


/* ----------------------------------------------------- */
/* ---------------------->>> WRAP <<<------------------- */
/* ----------------------------------------------------- */
#wrap { width: 990px; padding: 135px 0 10px; margin: 0 auto; position: relative; text-align: left; background: url(../layout/body.jpg) center 135px no-repeat; }

/* header */
#header 			{ width: 100%; height: 135px; background: url(../layout/header.jpg) top repeat-x; position: absolute; top: 0; left: 0; }
#header_background 	{ width: 100%; height: 135px; background: url(../layout/header_background.jpg) center top no-repeat; }
#header_wrap 		{ width: 990px; height: 135px; margin: 0 auto; background: url(../layout/header_background.jpg) center top no-repeat; position: relative;  }


/* ----------------------------------------------------- */
/* -------------------->>> LOGO <<<--------------------- */
/* ----------------------------------------------------- */
a#logo 			{ display: block; width: 209px; height: 134px; overflow: hidden; position: absolute; top: 0; left: 388px; }
a#logo span 	{ display: block; width: 209px; height: 134px; background: url(../layout/logo.jpg); position: absolute; top: 0; left: 0; }

#from_year 		{ width: 209px; height: 48px; background: url(../layout/from_year.png); position: absolute; bottom: -47px; left: 388px; z-index:1000; }


/* ----------------------------------------------------- */
/* ------------------>>> NAVIGATION <<<----------------- */
/* ----------------------------------------------------- */
ul#nav 					{ list-style: none; position: absolute; top: 20px; left: 0; }
ul#nav li 	 			{ display: block; position: absolute; top: 0; }
ul#nav li a 			{ display: block; width: 191px; height: 99px; position: relative; }
ul#nav li a span 		{ display: block; width: 191px; height: 99px; background-position: top; position: absolute; top: 0; left: 0; cursor: pointer; }
ul#nav li a.active span,
ul#nav li a:hover span,
ul#nav li.sfHover a span
 	{ background-position: bottom; }
	ul#nav li.item_1 { left: 0px; }
	ul#nav li.item_2 { left: 191px; }
	ul#nav li.item_3 { left: 596px; }
	ul#nav li.item_4 { left: 787px; }
		ul#nav li.item_1 a span { background-image: url(../layout/nav_1.jpg); }
		ul#nav li.item_2 a span { background-image: url(../layout/nav_2.jpg); }
		ul#nav li.item_3 a span { background-image: url(../layout/nav_3.jpg); }
		ul#nav li.item_4 a span { background-image: url(../layout/nav_4.jpg); }


ul#nav ul 	 		{ display: none; width: 182px; padding-top: 15px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
ul#nav ul li 		{ display: block; float: left;  width: 100%; position: relative; }
ul#nav ul li a 		{ display: block; width: auto; height: auto; padding: 10px 0 9px; border-bottom: 1px solid #2e4a33; color: #fff7ab; text-transform: uppercase;
					text-decoration: none; padding-left: 18px; background: #002418; text-align: left; line-height: normal; font-weight: normal; }
ul#nav ul li a:hover { background: #00472f; color: #fff7ab; }

	ul#nav ul li.last a			{ border-bottom: none; padding-bottom: 10px; background: url(../layout/nav.gif) left bottom no-repeat; }
	ul#nav ul li.last a:hover	{ background: url(../layout/nav.gif) right bottom no-repeat; }



/* ----------------------------------------------------- */
/* -------------------->>> COLUMNS <<<------------------ */
/* ----------------------------------------------------- */
#big_right		{ width: 765px; float: right; }
#right 			{ width: 230px; float: right; padding: 50px 0 20px; }
#left 			{ width: 185px; float: left; padding: 5px 0px 20px; }

#content 		{ float: left; width: 490px; padding: 5px 0px 20px; }

/* ----------------------------------------------------- */
/* -------------------->>> FOOTER <<<------------------- */
/* ----------------------------------------------------- */
#footer 						{ width: 990px; height: 117px; position: relative; position: relative; background: url(../layout/footer.jpg); font-family: Georgia, "Times New Roman", Times, serif; overflow: hidden; text-align:left;  }
#footer .news					{ height: 100px; overflow: hidden; position: absolute; top: 54px; left: 85px; }
#footer .news .item				{ float: left; width: 250px; padding-right: 40px; }
#footer .news h2				{ color: #603913; font-size: 14px; font-style: italic; margin-bottom: 8px; }
#footer .news h2 a 				{color: #603913; font-size: 14px; font-style: italic; text-decoration:none;}
#footer .news h2 a:hover 		{text-decoration:underline;}
#footer .news p					{ color: #003926; font-size: 11px; }
#footer .news .img 				{ display: block; float: left; width: 80px; height: 80px; padding: 5px; margin-right: 10px; margin-bottom: 12px; position: relative; overflow: hidden; }
#footer .news .img span.border 	{ display: block; width: 90px; height: 90px; background: none; position: absolute; top: 0; left: 0; background: url(../layout/hp_box_new_img.gif); }

#footer .panel 					{ width: 826px; position: absolute; top: 55px; left: 85px;}
#footer .advertisement			{ float: left; display:none; width: 500px; }
#footer .opinion				{ float: left; width: 140px; padding-left: 32px; font-size: 12px; font-style: italic; color: #603913; background: url(../layout/opinion.gif) 0px 0px no-repeat; line-height: 1.8em; }
#footer .opinion a				{ color: #003926; font-weight: bold; }
#footer .facebook				{ float: left; width: 250px; background: url(../layout/facebook.gif) 0px 3px no-repeat; padding-left: 20px; line-height: 1.8em; }
#footer .facebook iframe		{ float: right; }
#footer .facebook strong		{ font-weight: normal; font-style: italic; color: #36559b; }
#footer .facebook strong a		{ float:left; color: #36559b; text-decoration:none; }
#footer .facebook strong a:hover{ text-decoration:underline; }
#footer .copyright				{ float: right; width: 350px; font-size: 10px; color: #754c24; text-align: right; font-size: 10px; line-height: 2em; }
#footer .copyright a			{ color: #754c24; text-decoration: none; }
#footer .copyright a:hover		{ text-decoration: underline; }

	/* hp */
	body#homepage #footer 			{ width: 996px; height: 210px; background: none; margin: 0 auto; }
	body#homepage #footer .bg		{ position: absolute; top: 0; left: 0; }
	body#homepage #footer .panel 	{ top: 180px; }
	#hp_box 						{ width: 100%; position: absolute; left: 0; bottom: 0; }