html { height: 100% }body { font-family: Arial, Verdana, Geneva, Helvetica; color: #464646; font-size: 12px; background-color: #F9F9F9; height: 100% }h1, h2, h3 { font-family: georgia }table, tr, td, p, ol, ul, li { font-size: 12px }li  { font-size: 12px;  line-height: 120% }
/**** A.href Styles ****/

a { color: #9E090E; text-decoration: none; font-weight: bold }a:link { color: #9E090E; font-weight: bold }a:hover { color: #9E090E; text-decoration: underline; font-weight: bold }a:visited { color: #9E090E; font-weight: bold; }a:active  { color: #9E090E; font-weight: bold }

/**** Div Elements ****/

#header { background-color: #DDDDDD; padding: 10px; border-bottom: 1px solid #C6C6C6; position: relative }
#header-left { float: left; width: 50% }
#left-icon { float: left; height: 30px; width: 30px }
#right-text { margin-left: 40px; height: 30px; font-family: georgia; color: #464646; font-size: 22px; line-height: 30px; letter-spacing: 1px }
#header-right { float: left; width: 50%; color: #777777; font-size: 13px; line-height: 30px; text-align: right; letter-spacing: .5px }
#header-right a { color: #222; font-weight: normal }
.clear { clear: left }	

.form-left { float: left; width: 100px; line-height: 30px; text-align: right; padding: 5px; font-weight: bold }
.form-right { float: left; padding: 5px }
#body-wrapper { padding: 10px; position: relative }
#body-wrapper-left { position: absolute; left: -30px; top: 0px; width: 225px; min-height: 2000px }
#body-wrapper-right { margin-left: 225px }
#footer { margin-top: -31px; height: 30px; clear:both; border-top: 1px solid #C6C6C6; position: relative; text-align: right; font-family: georgia; color: #464646; font-size: 12px; line-height: 31px; background-color: #E3E3E3; padding-right: 10px }
#wrap {min-height: 100%;}
#main {overflow:auto; padding-bottom: 31px;}  /* must be same height as the footer */

/*Opera Fix*/
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }
#loginbox { background-color: #FFF; margin:0px auto; width: 280px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 3px solid #ccc; padding: 10px; text-align: left; }
#loginbox p { line-height: 20px }	

#loginheader { padding-top: 10px; width: 350px; text-align: left; margin:0px auto; height: 60px }
#loginheader-left { float: left; width:60px; height: 50px; }
#loginheader-right { float: left; width: 290px; height: 50px }
#logintext { width: 350px; margin:0px auto }

/**** Form Elements ****/

input[type=text] { outline: none; font-size: 12px; height: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc }
input[type=password] { outline: none; font-size: 12px; height: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc }

select { outline: none; font-size: 12px; height: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc }

textarea { outline: none; font-size: 12px; height: 18px; width: 400px; height:200px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc }
.button, input[type=button], input[type=submit], input[type=reset] { outline: none; font-size: 12px; height: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 3px solid #233038; color: #233038; background-color: #F8F8F8 }
.button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover { outline: none; font-size: 12px; height: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 3px solid #233038; color: #FFF; background-color: #233038 }
.buttonesque { outline: none; font-size: 12px; height: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 3px solid #233038; color: #FFF; background-color: #233038 }
.buttonesque:hover a { color: #FFF }
.buttonesque a { color: #233038 } 

.buttonesque a:hover { color: #FFF; text-decoration: none }
.buttonesque-short { outline: none; font-size: 12px; height: 12px; line-height: 12px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 3px solid #233038; color: #233038; background-color: #F8F8F8; width: 100px; text-align: center }
.buttonesque-short:hover { outline: none; font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 3px solid #233038; color: #FFF; background-color: #233038; }
.buttonesque-short:hover a { color: #FFF; font-weight: normal }
.buttonesque-short a { color: #233038; font-weight: normal } 

.buttonesque-short a:hover { color: #FFF; text-decoration: none }
.buttonesque-short2 { outline: none; font-size: 12px; height: 12px; line-height: 12px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 3px solid #233038; color: #233038; background-color: #F8F8F8; width: 150px; text-align: center; margin-left: 10px; font-weight: normal }
.buttonesque-short2:hover { outline: none; font-size: 12px; height: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 3px solid #233038; color: #FFF; background-color: #233038; font-weight: normal; }
.buttonesque-short2:hover a { color: #FFF }
.buttonesque-short2 a { color: #233038; font-weight: normal } 

.buttonesque-short2 a:hover { color: #FFF; text-decoration: none }

.textbox { outline: none; font-size: 12px; line-height:25px; color: #000; height: 25px; width: 99%; padding-left: 5px; border: 1px solid #c9c9c9; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; }
.textbox-med { outline: none; font-size: 12px; line-height:25px; color: #000; height: 25px; width: 150px; padding-left: 5px; border: 1px solid #c9c9c9; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; }
.textbox-sm { outline: none; font-size: 12px; line-height:25px; color: #000; height: 25px; width: 100px; padding-left: 5px; border: 1px solid #c9c9c9; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; }

.textarea {	outline: none; font-size: 12px; height: 18px; width: 95%; height:200px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #c9c9c9; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; outline: none; }


/**** Navigation ****/

#menu7 { width: 225px; margin: 0; padding 0; }	
#menu 7 ul { list-style: none }
#menu7 li { list-style: none }	
#menu7 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 22px; text-decoration: none; }	
	
#menu7 li a:link, #menu7 li a:visited { color: #000; display: block; background:  url(/lib/images/menu.gif); padding: 8px 0 0 18px; }	
#menu7 li a:hover { color: #FFF; background:  url(/lib/images/menu.gif) 0 -32px; padding: 8px 0 0 18px; }	
#complete { width: 100%; border: 1px solid #38B549; background-color: #EBF8ED; border-radius: 5px }
#complete-left { width: 35px; float: left; padding: 10px }
#complete-right { width: 500px; float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; line-height: 30px }
#complete-right-full { width: 700px; float: left; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; line-height: 35px }	

.image-floaters { float: left; width: 170px; height: 300px; font-size:12px; padding-top: 6px; padding: 5px; text-align: center; }
.image-floaters img { margin-bottom: 10px; max-width:160px; max-height:200px; }
.image-floaters-nowidth { float: left; height: 320px; font-size:12px; padding-top: 6px; padding: 10px; text-align: center; }