html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* CSS Document */

body {margin: 0px auto; text-align: center; background: #18471F url(img/bg02.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif;}
#wrapper {position: relative; width: 897px; margin: 0 auto;}
.clear {clear: both;}
/* header */
#header {width: 680px; height: 55px; padding: 30px 200px 0 20px;}
#header h2 {color: #EFF8EF; font: 25px bold Arial, Helvetica, sans-serif; float: left;}
#header p {float: right; line-height: 28px; color: #FAF01F; font-weight: bold; padding-left: 35px; font-size: 14px; background: url(img/bg04.gif) left center no-repeat;}
#header p a {color: #EFF8EF; text-decoration: none; font-weight: normal; }
#header p a:hover {text-decoration: underline; color: #EFF8EF;}
/* banner */
#banner {width: 877px; height: 141px; padding: 25px 0 0 20px; background: url(img/bg03.gif) no-repeat; text-align: left;}
#banner #star {position: absolute; top: -2px; left: 668px;}
#banner h1 {font: 23px normal Arial, Helvetica, sans-serif; color: #EFF8EF;}
#banner h1 span {color: #FFBB02;}
#banner p {font: normal 16px Arial, Helvetica, sans-serif; color:#EFF8EF; margin-top: 20px;}
/* content */
#content {width: 645px; border-right: 5px solid #64882E; border-left: 5px solid #64882E; background: #879F5A; float: left; text-align: left; margin-top: -5px;}
#content h3 {font: normal 20px Arial, Helvetica, sans-serif; color: #EFF8EF; margin: 8px 0 0 0px; padding-left: 39px;}
#content p {display: block; margin: 4px 0 0 40px; width: 230px; color: #EFF8EF; font: normal 12px Arial, Helvetica, sans-serif; line-height: 14px;}
#content a {font: bold 11px Arial, Helvetica, sans-serif; color: white; margin-left: 205px; text-decoration: none;}
#content a span {font-weight: normal; font-size: 13px;}
#content a:hover {color: #FAF01F;}
.box {width: 300px; height: 240px; float: left; margin-left: 14px;}
#box1 {background: url(img/bg07.jpg) bottom center no-repeat; _margin-left: 7px; height: 420px;}
#box2 {background: url(img/bg08.jpg) bottom center no-repeat; height: 420px;}
#box3 {background: url(img/bg05.jpg) bottom center no-repeat; margin-top: 14px; _margin-left: 7px;}
#box4 {background: url(img/bg05.jpg) bottom center no-repeat; margin-top: 14px;}
#content .box h3#bgh1 {background: url(img/bgh1.gif) 9px 1px no-repeat;}
#content .box h3#bgh2 {background: url(img/bgh2.gif) 9px 1px no-repeat;}
#content .box h3#bgh3 {background: url(img/bgh3.gif) 9px 1px no-repeat;}
#content .box h3#bgh4 {background: url(img/bgh4.gif) 9px 1px no-repeat;}
/* right */
#right {width: 230px; height: 501px; margin-top: 11px; float: right; background: url(img/bg10.gif) no-repeat; text-align: left; color: white; font-size: 13px;}
#right h5 {font: normal 17px Arial, Helvetica, sans-serif; margin: 20px 0 18px 10px; color: white; padding-left: 33px; background: url(img/bgh5.gif) left 2px no-repeat; font-weight: bold;}
#right h5 span {display: block; font-weight: normal;}
#right h4, #right p, #right a {margin-left:43px;}
#right h4 {font: bold 13px Arial, Helvetica, sans-serif; color: #18471F; margin-bottom: 10px;}
#right p {line-height: 15px;}
#right p span {font-weight: bold;}
#right a {display: block; margin: 232px 0 0 0; font-size: 15px; color: #18471F; text-decoration: none; font-weight: bold;}
#right a:hover {color: white; }

/* footer */
#footer {width: 655px; height: 40px; float: left; padding-top: 30px; background: top center url(img/bg09.gif) no-repeat; text-align: left;}
#footer p {font-size: 11px; color: #8CA38F; line-height: 13px;}
#footer p span {font-weight: bold;}
#footer a {color: #8CA38F; text-decoration: none;}
#footer a:hover {color: #FAF01F;}
