* {margin:0; padding:0;}
body {color:#474747; font:90% arial, helvetica, sans-serif; text-align:center; background-color:#eee;}

img, fieldset {border:0;}

h1 {font-size:100%;}
h2, h3, h4 {font-weight:normal;}
h3.strong {font-weight:bold;}
h2 {font-size:1.35em; margin:0 0 2px 0;}

a {color:#005baa; text-decoration:none;}
a:hover, a:active {text-decoration:underline;}

hr { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none; }

input[type=text] { border:1px solid #7F9DB9; padding:2px 4px; width:130px; }

/* Main page structure */
div.header { width:100%; height:122px; background-color:#fff; border-bottom:6px solid #7DC242; }
div.header div.content { width:880px; text-align:left; }
div.header div.content img.logo { padding:11px 0px 13px 0px; }
div.header div.content ul.links { list-style-type:none; padding-top:11px; }
div.header div.content ul.links li { display:inline; padding:0px; margin:0px 1px 0px 0px; float:left; min-height:32px; }
div.header div.content ul.links li a { color:#006543; font-size:110%; padding:7px 7px 5px; font-weight:bold; min-height:32px; }
div.header div.content ul.links li a:hover, 
div.header div.content ul.links li a:active { background-color:#7DC242; color:#fff; text-decoration:none; }
div.header div.content ul.links li.selected a { background-color:#7DC242; color:#fff; }
div.header div.content ul.links li.right { float:right; }
div.header div.content ul.links li.right a { font-size:90%; font-weight:normal; color:#006543; }
div.header div.content ul.links li.right a:hover,
div.header div.content ul.links li.right a:active { background-color:#fff; color:#006543; text-decoration:underline; cursor:pointer; }
div.header div.content ul.links li.right a span { vertical-align:bottom; margin-bottom:3px; display:inline-block; cursor:pointer; }
div.header div.content div.search { float:right; margin:16px 27px 0 0; }
div.header div.content div.search input { vertical-align:middle; }
div.header div.content div.search input.text { margin-right:4px; }
div.header div.content div.search input[type=image] { }

div.main {width:100%; text-align:center; }
div.content { width:880px; text-align:left; margin:0 auto; }

div.offline { padding:20px 0px; }
div.offline h1 { font-size:140%; padding-bottom:20px; }
div.offline ul { list-style-type:none; float:left; margin-right:40px; }

div.footer { width:100%; height:156px; background-color:#7dc242; color:#fff; /*margin-top:50px;*/ }
div.footer div.content { width:880px; text-align:left; }
div.footer div.content p { float:left; font-size:110%; margin-top:32px; margin-bottom:12px; }
div.footer div.content p a { color:#fff; }
div.footer div.content ul.links { list-style-type:none; float:left; }
div.footer div.content ul.links li { display:inline; padding:0px 2px 0px 4px; border-left:1px solid #fff; }
div.footer div.content ul.links li:first-child { padding-left:0px; border-left:0px; }
div.footer div.content ul.links li a { color:#fff; font-size:85%; }
div.footer div.content img.logo { float:right; margin-top:42px; }

div.content-box { background-color:#fff; -moz-border-radius:14px 14px 14px 14px; -webkit-border-radius:14px; margin-top:16px; padding:16px; position:relative; }
div.content-box-border { background-color:#fff; -moz-border-radius:14px 14px 14px 14px; -webkit-border-radius:14px; border:1px solid #CCCCCC; margin-top:16px; padding:16px; position:relative; }

/* General Styles */
.show { display:block; }
.hide { display:none; }

.error { color:#f00; }
div.error-box { color:#000; }
div.error-box h2 { }
div.error-box p { padding:20px 0px 0px; }
div.error-box ul { padding:10px 0px 0px 30px; list-style-type:disc; }

/* Anything with the class javascript-enabled will be visible if JavaScript is enabled otherwise it will be hidden */
.javascript-enabled { display:none; }
/* Anything with the class flash-enabled will be visible if flash is installed otherwise it will be hidden */
.flash-enabled { display:none; }


/* Rounded corners - use border radius for Firefox/Chrome/Safari and the following for IE etc.

   Set to display none and then to block in ie.css
*/
div.corner {position:absolute; width:15px; height:15px; background-image:url(../img/bgs/bg_corners.gif); background-repeat:no-repeat; display:none;}
div.topLeft {top:-1px; left:-1px; background-position:0px 0px;}
div.topRight {top:-1px; right:-1px; background-position:-15px 0px;}
div.bottomLeft {bottom:-1px; left:-1px; background-position:0px -15px;}
div.bottomRight {bottom:-1px; right:-1px; background-position:-15px -15px;}

div.content-box div.corner { background-image:url(../img/bgs/corners.gif); }


/* Buttons designed to look like links (so that they work correctly with JS disabled) */
input.link-button { border:0px; background-color:Transparent; color:#0059AD; cursor:pointer; cursor:hand; text-decoration:none; font-size:100%; 
                    display:inline-block; font-family:arial,helvetica,sans-serif; white-space:normal; letter-spacing:1px; }
input.link-button.hover {  text-decoration:underline; }


/* CSS Sticky Footer - http://ryanfait.com/sticky-footer/ */
html, body, form {
	height: 100%;
}
div.footer-wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -156px; /* the bottom margin is the negative value of the footer's height */
}
div.push {
	height: 206px; /* .push must be the same height as .footer */
}