body { background: #f8f5e9 url(images/bgtile.jpg) repeat-x top; font: normal 14px/20px Georgia, "Times New Roman", Serif; }

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal /*IE sets bold unless specified*/; margin-bottom: 0.5em; line-height: 1; }
h4, h5, h6 { font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif; margin-bottom: 0.25em; }

h1 { color: #343642; font-size: 2.5em; letter-spacing: -1px; }
h2 { color: #343743; font-size: 2em; letter-spacing: -1px; }
h3 { color: #344e5b; font-size: 1.6em; letter-spacing: -1px; line-height: 1.1em; }
h4 { color: #347383; font-size: 1.36em; letter-spacing: -1px; }
h5 { color: #348090; font-size: 1.25em; }
h6 { color: #348799; font-size: 1.15em; }


/* Text elements
-------------------------------------------------------------- */

p { margin-bottom: 1em; }

ul, ol { margin: 0 0 1.5em 2.25em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
li { line-height: 1.5; }

dt { color: #344e5b; font-size: 115%; font-weight: bold; }
dd { margin: 0 0 1.5em 2.25em; }

a { color: #348899; text-decoration: underline; outline: none; transition:all .25s linear;-o-transition:all .25s linear;-moz-transition:all .25s linear;-webkit-transition:all .25s linear}
a:hover { color: #59afc1; }

abbr { cursor: help; }
code { font-family: Courier New, Courier, Monospace; letter-spacing: -1px; }
table { border-collapse: collapse; border-spacing: 0; }
small { color: #999; display: block; font-size: 11px; margin-bottom: 0.25em; }

/* Structural elements
-------------------------------------------------------------- */

#container { margin: 0 auto; position: relative; width: 768px; }

/*Header*/
#header { height: 206px; width: 100%; display: inline; overflow: hidden; }
#header * { line-height: 1;}
#header h1 { background: transparent url(images/logo.jpg) no-repeat top; height: 161px; margin: 0 auto; text-indent: -99999px; width: 500px; }
#header h1 a { height: 161px; width: 500px; display: block; position: relative; }
#header h1 a span { position: absolute; cursor: pointer; }

#nav li.static a.level1{color: #c4dfe4; line-height: 40px; padding: 0 15px 5px 15px;font-size: 20px;/*text-decoration:none;*/ }
#nav li.static a:hover.level1{background: transparent url(images/StaticHoverStylebg.jpg) no-repeat bottom; color: #ddedf0 !important; }
#nav li.static a.selected{background: transparent url(images/StaticSelectedStylebg.jpg) no-repeat bottom; color: #fff !important; }

/*Content*/
#content { background: #f8f5e9; padding: 24px; min-height: 300px; _height: 1%; margin-bottom: 0.5em; display: block; overflow: hidden; }
.contentifsidebar { float: left; width: 384px; }
.sidebar{ color: #348899; float: right; margin: 0 12px 12px 0; padding: 12px; width: 276px;  }

.scroll { padding: 0 12px 0 0; }
.scrolltop, .scrollbottom { display: block; height: 26px; width: 300px; }
.scrolltop { background-image: url(images/scrolltop.gif);  }
.scrollbottom {  background-image: url(images/scrollbottom.gif);  }
.scrollcontent { background-color: #f4efd4; padding: 12px 14px; position: relative; left: 12px; }
.scroll .button { margin: 0 auto; }

.recentnews { font-size: 11px; font-family: Trebuchet MS, Arial, Sans-Serif; list-style: none; margin: 0; }
.recentnews h4 { font-weight: bold; line-height: 1; }
.recentnews p { margin: 0; line-height: 15px; }
.recentnews .date { border-top: dotted 1px #717575; clear: both; color: #979c9c; line-height: 13px;}
.recentnews a { clear: both; margin: 0 0 0.5em 0; display: block; font-weight: bold; text-align: right; }
.recentnews li ul { margin-bottom:1.5em; }

.news h3 { margin-bottom: 0.25em; }
.news .article { margin-bottom: 3em; }
.news .article .date { border-top: dotted 1px #717575; clear: both; color: #717575; font-family: Trebuchet MS, Arial, Sans-Serif; font-size: 11px; line-height: 13px; margin-bottom: 0.5em; }

.button { background-image: url(images/button.gif); color: #c4dfe4; display: block; font-family: Georgia, Times New Roman, Serif; font-size: 20px; height: 42px; line-height: 42px; text-align: center; text-decoration: none; width: 138px; }
.button:hover { color: #fff; }

.clear { clear: both; height: 0; line-height: 0; font-size: 0; visibility: hidden; display: block; /*IE Only: height and line-height provided to address a rendering error of empty containers*/ }
.footnote { color: #999; font: 11px/13px Arial, San-serif; }

.pager {margin-top: 24px; }
.pager a { display: block; float: left; margin-right: 10px; }

.listnav { font: normal 11px/13px Arial, Helvetica, Sans-Serif; float: left; margin-left: 1em; width: 28%; }
.listnav li { margin-bottom: 0.75em; }
.listnav li.selected a { font-weight: bold; }
.listnavcontent { float: right; width: 68%; }

.topofpage { text-align: right; font: normal 11px/1 Arial, Helvetica, San-Serif; }


/* Footer */
#footer { background: transparent url(images/footerbg.gif) no-repeat center top ; color: #979c9c; font: normal 12px/18px Trebuchet MS, Arial, Sans-Serif; height: 1%; overflow: auto; padding: 30px 0 15px 0;  text-align: center;  }


/* Forms
-------------------------------------------------------------- */
.formwrapper { display: block; font-size: 12px /*Adjusted font-size baseline for more compact forms*/; line-height: 1;  max-width: 768px; overflow: hidden; position: relative; }
.formwrapper small { font-family: Arial, Sans-Serif; }

/*Fieldsets Styles*/
	.formwrapper fieldset { border: none; }
	.formwrapper fieldset fieldset { background: transparent url(images/fieldsetbg.gif) repeat-x top; border: none; border-top: solid 2px #f1eac7; padding-left: 0.05em /*FF legend 0 indent hack; pairs up with a negative margin of equal negative width for the 'inner' wrapper*/; }

/*Feildsets Inner Styles (Prevents some IE box model issues)*/
	.formwrapper fieldset .fm-inner { height: 1%; margin: 0.5em 1.25em; overflow: hidden; position: relative; }
	.formwrapper fieldset fieldset .fm-inner { margin: 0 0 0 -0.05em; padding: 1em; }

/*Fieldset Legends Styles*/
	.formwrapper legend { color: #348899; font: normal 1.85em/1 Georgia, "Times New Roman" , Times, Serif; margin: 0 !important;  padding: 0 0.25em 0.25em 0; }
	.formwrapper fieldset fieldset legend { color: #348899; font: normal 1.5em/1 Georgia, "Times New Roman", Times, Serif; margin-left: 1em !important; padding: 0 0.25em 0.25em 0.25em; }
	
/*Form Element Styles*/
	.formwrapper input, .formwrapper textarea, .formwrapper select { border: solid 1px #979c9c; color: #348899; font: normal 1.15em/1.25 Arial, Helvetica, san-serif; margin-bottom: 0.25em; -moz-border-radius: 2px; border-radius:2px; padding: 1px; }
	.formwrapper select { min-width: 175px; }
	.formwrapper input:focus, .formwrapper select:focus, .formwrapper textarea:focus { background-color: #ffffcc; }
	.formwrapper textarea { width: 90%; }
	.formwrapper label { color: #348899; }
	.formwrapper label.required { font-weight: bold; }
	.formwrapper label.required:before { content: "* "; }

/*Form Lists Styles*/
	.formwrapper dl { clear: both; float: left; list-style: none; overflow: hidden; width: 100%; margin-bottom: 0.25em; }
			.formwrapper dl dt { float: left; padding: 0 1.5em 0 1em; text-align: right; width: 30%; font-size: 100%; }
			.formwrapper dl dt label { display: block; font-size: 115%; line-height: 1.5; margin-bottom: 2px; position: relative; }
		.formwrapper dl dd { _float: left; overflow: hidden; margin: 0; }
			.formwrapper dl dd input, .formwrapper dl dd textarea, .formwrapper dl dd select { background: #fff url(images/inputbg.gif) repeat-x top; line-height: 1.5 /*Corrects Safari's input line-height*/; }
			.formwrapper dl dd.controlset { float: left; margin-top: 2px; }
			.formwrapper dl dd.controlset * { background-color: Transparent !important; background-image: none !important; border: none; *height: 1em; overflow: visible; *width: 1em; vertical-align: middle; }
			.formwrapper dl dd.controlset label { line-height: 1.25; margin: 0 0.5em;  }
			.formwrapper dl dd.controlset small { height: auto; width: 100%; padding: 2px 0; }

	.formwrapper .buttonrow { border-bottom: none; margin: 0; }
		.formwrapper .buttonrow input {  background: transparent url(images/button.gif) no-repeat; border: none; color: #c4dfe4; display: block; float: left; font-family: Georgia, Times New Roman, Serif; font-size: 20px; height: 42px; line-height: 42px; overflow: hidden; padding: 0; width: 138px; }
		.formwrapper .buttonrow input:hover { color: #fff; cursor: pointer; }
		.formwrapper .buttonrow .secondaryaction { display: inline; float: left; line-height: 1.25; margin: 1em 0 0 1em; overflow: visible; }

/*Form Error Styles*/
	.formwrapper .error { background: transparent url(images/error.gif) no-repeat left; color: red; font: bold 1em Arial, Helvetica, San-serif; padding: 2px 0.5em 2px 18px; display: block; }
/* --- */