html, body, form { margin: 0 auto; padding: 0; height: 100%; background-image: url(/images/bg.jpg); background-repeat: repeat-x; background-color: #fcfcfc; }
#container { min-height: 100%; position: relative; margin: 0 auto; width: 100%; }
#subContainer { width: 1000px; margin: 0 auto; }
#pageBody { width: 700px; padding-bottom: 40px; }


/*HEADER STYLES*/

#header { padding: 10px; height: 174px; padding-top: 10px;}
.logo { float: left; z-index: 10; padding-top: 00px; }


/*GENERAL STYLES*/

p { padding: 0px; margin: 0px; }
input, textarea { font-family: Arial, sans-serif; }
textarea { font-size: 1.1em; }
a:focus { outline: none; }


/*SLIDING TOP PANEL STYLES*/

.slide { margin: 0px 0px 0px 820px; padding: -5px 0px 0px 0px; border-top: solid 6px #c0d72f; background: url(/images/btn-slide.png) no-repeat; background-position: right bottom; }
.btn-slide { background: url(/images/white-arrow.gif) no-repeat right -54px; text-align: center; width: 144px; height: 31px; padding: 2px 30px 0px 0px; margin: 0 auto; display: block; font: bold .8em Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
.active { background-position: right 5px; }

#panel { background-image: url(/images/pnl_bg.jpg); background-repeat: repeat-x; background-position: bottom; background-color: #d6e47b; height: 450px; display: none; }
#panelWrapper{width: 1000px; position: absolute; z-index: 99999;}
#panelInner { background-image: url(/images/pnl_bg.jpg); background-repeat: repeat-x; background-position: bottom; background-color: #d6e47b; height: 450px; padding: 0px 20px 6px 20px; font-family: Arial, sans-serif; line-height: 1.7em; font-size: 11px; color: #323232; }
#panelInner h1 { font-weight: bold; font-size: 1.7em; letter-spacing: .3em; color: #005596; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px; }
#panelInner h2 { font-size: 1.1em; font-weight: bold; letter-spacing: .1em; padding: 15px 0px 4px 0px; }
#panelInner a:link, #content a:visited { color: #015697; text-decoration: none; }
#panelInner a:hover { text-decoration: underline; }

#emailForm { float: right; width: 370px; text-align: left; }
#emailForm td { padding-top: 10px; }
#emailForm td.label { font-weight: bold; text-align: right; padding-bottom: 5px; vertical-align: top; padding-right: 10px; }



/*FOOTER STYLES */
#footer {position: absolute; bottom: 0; width: 100%; height: 150px; /* Height of the footer */ background: #6cf; background-image: url(/images/footer_bg.jpg); background-repeat: repeat-x; background-position: bottom; text-align: center; }
#footerInner { width: 1000px; margin: 0 auto; text-align: center; color: #DDD; font: .7em Arial, Helvetica, sans-serif; padding: 30px 10px; }
#footerLeft { float: left; width: 28%; text-align: justify; padding-right: 20px; }
#footerCenter { float: left; width: 33%; }
#footerRight { float: left; width: 33%; text-align: center; border-left: 1px dotted #676767; padding-left: 20px; }
#footerRight thead td { padding: 0px 0px 10px 0px; text-align: center; }
#footerRight tbody td { padding: 0px 3px 0px 3px; vertical-align: top; }



/*CONTENT STYLES */
#content { width: 1000px; text-align: left; font-family: Arial, sans-serif; line-height: 1.7em; font-size: 12px; color: #323232; padding: 20px 10px 150px 10px; }
#content { padding: 10px; padding-bottom: 150px; /* Height of the footer */ }

#content a:link, #content a:visited { color: #015697; text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content a.pdf { background: url(/images/file-red.gif) no-repeat right; padding-right: 16px; }
#content a.zip { background: url(/images/file-orange.gif) no-repeat right; padding-right: 16px; }
#content a.doc { background: url(/images/file-blue.gif) no-repeat right; padding-right: 16px; }
#content a.ppt { background: url(/images/file-pink.gif) no-repeat right; padding-right: 16px; }
#content a.xls { background: url(/images/file-green.gif) no-repeat right; padding-right: 16px; }
#content a.mail { background: url(/images/mail.gif) no-repeat right; padding-right: 16px; }
#content a.external, #subNav a.external { background: url(/images/window.gif) no-repeat right; padding-right: 16px; }

#content textarea.expanding { min-height: 150px; }
#content p { padding: 5px 0px 5px 0px; }
#content h1 { font-weight: bold; font-size: 1.7em; letter-spacing: .3em; color: #005596; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px; }
#content h2 { font-size: 1.2em; font-weight: bold; letter-spacing: .05em; padding: 15px 0px 4px 0px; }

.formStyle td { vertical-align: top; font-weight: bold; }
#content .message { color: #CC0000; }
#content ul { list-style-image: url(/images/bullet.gif); margin: 0px 0px 10px 35px; padding: 0px 0px 0px 0px; }
#content dt { font-weight: bold; font-size: 1.1em; }
#content dd { margin-bottom: 20px; }

.multicollist { width: 400px; }
.multicollist ul { list-style-image: url(/images/bullet.gif); margin: 0px 0px 10px 35px; padding: 0px 0px 0px 35px; }
.multicollist ul li { width: 100px; float: left; }



/* SIDEBAR STYLES */

#sidebar { float: right; width: 250px; font-family: Arial, sans-serif; line-height: 1.7em; font-size: 11px; color: #323232; padding: 0px 10px 10px 10px; margin: 0px; }
#sidebar ul { list-style: none; padding: 0px; margin: 0px; display: block; overflow: hidden; }
#sidebar ul li.title { font-weight: bold; font-size: 1.2em; padding: 10px 0px 5px 0px; }
#sidebar ul li { border-bottom: 1px solid #ccc; }
#sidebar ul li a { padding: 5px 5px 5px 5px; margin: 0px; display: block; text-decoration: none; color: #015697; font-weight: bold; }
#sidebar ul li a:hover { background-color: #e0e0e0; color: #015697; }
#subNav { padding-bottom: 40px; }



/* NAVIGATION STYLES */

#navigation { float: right; list-style: none; width: 770px; margin: 0px; padding: 0px; padding-top: 0px; padding-left: 10px; font: bold .9em Arial, Helvetica, sans-serif; text-align: left; }
#navigation ul { clear: both; margin: 0px; padding: 0px; }
#navigation li { float: right; list-style: none; margin: 0px; padding: 0px; }
#navigation li a:hover { border-bottom: 11px solid #005596; color: #005596; }
#navigation li a.active { outline: none; border-bottom: 11px solid #c0d72f; color: #c0d72f; }
#navigation li a { display: block; font-weight: bold; text-decoration: none; color: #FFF; padding: 10px 15px 9px 15px; margin: 0px; }
#navigation li a strong { display: block; color: #f5e4cc; font-size: 1.31em; }



/*CALENDAR PAGE STYLES */
#calendar table { margin: 15px 0px 15px 14px; }
#calendar thead td { font-weight: bold; font-size: 1.2em; color: #FFF; background-color: #c0d72f; padding: 3px 5px 3px 5px; }
#calendar tbody td { padding: 3px 30px 3px 7px; border-bottom: 1px dotted #323232; }