@charset "utf-8";
/* Civil Services */
/* 2010-Feb-23 */
/* ----- CSS Reset ----- */
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, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ----- Styles ----- */
body {
	font: 80%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background: #fff;
	margin: 0;
}
#header-bg {
	height: 130px;
	background: #26551B url(../img/bg-header-strip-1a.jpg) repeat-x;
}
#content-bg {
	background: #ffffc0;
}
#footer-bg {
	background: #1C4B11 url(../img/bg-footer-strip-1a.jpg) repeat-x;
	xpadding: 0 0 20px;
}
#header, #content, #footer {
	position: relative;
	margin: 0 auto; 
}
#header {
	width: 660px;
	height: 130px;
	color: #FFF;
	background: #584;
}
#header span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/header-1a.jpg) no-repeat;
}
#content {
	width: 530px;
	background: #FEFCED url(../img/bg-content-1b.jpg) repeat-y;
	padding: 20px 65px;
}
/* --------- Main Navigation ----------- */
ul#pri-nav {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	margin: 0;
}
#pri-nav li {
	float: left;
	text-align: center;
	list-style: none;
}
#pri-nav li a{
	display: block;
	width: 132px;
	height: 27px;
	font-weight: bold;
	color: #5B9B4D;
	color: #4B8B3D;
	text-decoration: none;
	background: #ffffc0 url(../img/bg-nav-3a.jpg) no-repeat center top;
	padding: 8px 0 0;
}
#pri-nav li a:hover{
	color: #3B7B2D;
	background-position: center -35px;
}
#pri-nav li#nav-home a:hover{
	color: #3B7B2D;
	background-position: center -70px;
}
/* ----- h2 ------------ */
h2 {
	clear: both;
	font-size: 1.3em;
	color: #690;
	margin: 2em 0 1em;
}

#home h2, #footer h2 {
	clear: both;
	position: relative;
	width: 160px; height: 27px;
	margin: 2em 0 1em; 
}
#home h2 span, #footer h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/h2-titles-1b.jpg) no-repeat left top;
}
h2#welcome span {background-position: left -8px;}
h2#what span {background-position: left -40px;}
h2#who span {background-position: left -72px;}
h2#links span {background-position: left -104px;}
h2#contact span {background-position: left -133px;}

h3 {
	font-size: 1.2em;
	color: #483;
	color: #372;
}
p {
	margin: 1em 0;
}
a {
	color: #690;
}
a:hover {
	text-decoration: none;
}
a:visited {
	color: #9c3;
}
ul {
	margin: 1em 2em;
}
dl {
	margin: 1em 0;
}
dt {
	clear: both;
	font-weight: bold;
	border-top: 1px dotted #cc9;
	margin-top: 2em; padding-top: 3px;
}
dd {
	margin: 1em;
}
dd.img{
	clear: both;
	float: left;
	xmargin: 3px;
}
img{
	background: #fff;
	border: 1px solid #ddd;
	xmargin: 3px; padding: 3px;
}

#footer {
	width: 530px; height: 300px;
	color: #eee;
	background: #6B9835 url(../img/bg-footer-1c.jpg) no-repeat;
	padding: 1px 65px 0;
}
#footer-1 {
	width: 300px;
	float: left;
}
#footer-2 {
	width: 200px;
	float: right;
}
#footer a {
	color: #ffc;
}
/* Misc styles */
p.top {
	position: relative; width: 30px; height: 30px;
	xtext-align: right;
	font-size: 90%;
	margin-left: 530px;
}
p.top a span {
	position: absolute; width: 100%; height: 100%;
	background: url(../img/btn-top-1c.jpg) no-repeat left top;
}
p.top a:hover span {
	background-position: right top;
}
p.top a:hover {
	text-decoration: none;
}
p.tag {
	clear: both;
	text-align: center;
	font-style: italic;
	xcolor: #41C0A2;
	color: #3bb;
	font-weight: bold;
	font-size: 110%;
}
.article {
	margin-right: 5em;
}
div.notice {
	background: #fff;
	border: 1px solid #E3E4AB;
	padding: 10px 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 1px 1px 1px #bbb;
	-webkit-box-shadow: 1px 1px 1px #bbb;
	box-shadow: 1px 1px 1px #bbb;
}