body {font-size: 10pt; font: 70% Arial,sans-serif; color: #000000; margin:0;padding:0;}

h4{font-weight: bold; font-size: 1em;}
h3{font-weight: bold; font-size: 1.25em;}
h2{font-weight: bold; font-size: 1.5em;}
h1{font-weight: bold; font-size: 2em;}

fieldset {padding: 2px;}
legend {font-weight: bold; font-size: 1em;}

span.heading1 {font-size: 14pt; font: Arial,sans-serif;}
span.heading2 {font-size: 12pt; font: Arial,sans-serif;}

/*
######################
        MAIN PAGE DIVS  
######################
*/	

div#menu {padding-top:0px; background: #3399cc;}
div#menu2 {width: 100%; padding-top:0px; background: #D6EADD; height:12px;}
div#errorb {padding:2px; margin:2px; background: #FF5252;}
div#error {padding:1px; margin:1px; background: #FFCCCC;}
div#nav2t {float:left; width: 180px; padding:5px; background: #3399cc;  margin-top:5px; margin-left:5px;}
div#nav2{float:none; width: 170px; padding:5px; background: #BBD9EE url(/images/ngrad.gif) repeat-x bottom left;  margin-top:5px; }
div#content {float:left; width: 80%; padding:5px; margin:10px; background: #D6EADD url(/images/cgrad.gif) repeat-x bottom left; display: inline; padding-bottom: 100px;}
div#content2 {float:left; width: 95%; padding:5px; margin:10px; background: #D6EADD; display: inline;}
div#help {width: 95%; padding:5px; margin:10px; background: #D6EADD; }
div#blueb {float:none; width: 300px; padding:5px; background: #FFFFFF;}
div#blue {float:none; width: 290px; padding:5px; background: #BBD9EE;}
div#blueb_wide {float:none; width: 500px; padding:5px; background: #FFFFFF;}
div#blue_wide {float:none; width: 490px; padding:5px; background: #BBD9EE;}	
div#footer{clear: both; height: 5%; border-width: 1px 0 0 0; vertical-align: middle; padding: 0; margin: 0; text-align:center; color: #999;}
div#whitenote {width: 85%; padding:3px; margin:5px; background: #FFFFFF;}
div#opt_container {width: 600px; padding:5px; background: #C5E2F0; height:100%; border:2px solid #A8D3E9;}
div#overview_dv{margin:0px;}
div#style_dv{margin:0px;}
div#fcns_dv{margin:0px;}
div#richtent,div#richtent2,div#richtent3{width: 550px; padding:5px; margin:10px; background: #A8D3E9;}
div#el1,div#el2,div#el3 {width: 550px; padding:5px; margin:10px; background: #A8D3E9;}


FORM#login {position:relative;}
DIV#userid,DIV#password {position:relative; float:left; margin-right:3px;}
INPUT#username-field,INPUT#password-field {width:11em;}
LABEL.overlabel {position:absolute; top:3px; left:5px; z-index:1; color:#999;}
	
/*
######################
        Navbar  
######################
*/	

ul#nav,ul#nav li {list-style-type:none; margin:0; padding:0;}
ul#nav {margin-left: 10px;}
ul#nav li {float:left; margin-right: 3px; text-align: center;}
ul#nav a {float:left; width: 7em; padding: 5px 0; background: #E7F1F8; text-decoration:none; color: #666;}
ul#nav a:hover {background: #A8D3E9; color: #FFF;}
ul#nav li.activelink a,ul#nav li.activelink a:hover {background: #FFF; color: #003;}

ul#opt,ul#opt li {list-style-type:none; margin:0; padding:0;}
ul#opt {margin-left: 10px; width:100%;}
ul#opt li {float:left; margin-right: 3px; text-align: center;}
ul#opt a {float:left; width: 7em; padding: 5px 0; background: #E7F1F8; text-decoration:none; color: #666;}
ul#opt a:hover {background: #A8D3E9; color: #FFF;}
ul#opt li.activelink1 a,ul#opt li.activelink1 a:hover {background: #FFF; color: #003;}
ul#opt li.inactivelink1 a,ul#opt li.inactivelink1 {background: #E7F1F8; color: #666;}

ul#ovrview,ul#ovrview li {list-style-type:none; margin:0; padding:2px;}
ul#ovrview {margin-left: 15px; width:100%;}

ul#mlst1,ul#mlst1 li,ul#mlst2,ul#mlst2 li {list-style-type:none; margin:0; padding:5px;}
ul#mlst1,ul#mlst2 {margin-left: 15px; width:100%;}

div#login {float:right; width:175px; background: #FFFFFF; padding:5px; margin-right:10px; margin-top:5px;}
div#container {position: relative; background: #FFFFFF; padding:5px; margin-right:5px;}
div#time {position: absolute; top: 5px; left: 120px; font-size: 8pt; color: #fff; font-weight: bold; float:none; width:300px; background: #3399cc; padding:5px; margin-right:10px; margin-top:5px;}
div#slogan {font-size: 8pt; font-weight: bold; float:none; width:250px; background: #ffffff; padding:5px; margin-right:10px; margin-top:1px;}
div#logo {position: absolute; top: 0px; left: 0px; float:left; width: 146px; padding:5px; background: #BBD9EE; display: inline; z-index:1;}
	
#dropmenudiv{position:absolute; border:1px solid #3399cc; border-bottom-width: 0; font:normal 12px Verdana; line-height:18px; z-index:100;}
#dropmenudiv a{width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #3399cc; padding: 1px 0; text-decoration: none; font-weight: bold; color: #3399cc;}
#dropmenudiv a:hover{background-color: #3399cc; color: #FFF;}
	
/*
######################
        OLD CLASSES COPPIED OVER
######################
*/	
	
span.small {font-size: 10pt; font-family: timesnewroman;}
span.dark { color: #115569; font-family: timesnewroman;font-size: 11pt; font-weight: bold; }
span.light {color: #959595; font-family: arial; font-size: 10pt;	}
span.arial1w {font-family: arial; font-size: 12px; color: #FFFFFF;}	

A.box:link, A.box:visited, A.box:active, A.box:hover {text-decoration: none; background: transparent;}
A:link { color: #3366aa; font-size: 10pt; background: transparent; text-decoration: none;}
A:visited { color: #3366aa; font-size: 10pt; background: transparent; text-decoration: none;}		
A:hover, A:active { color: #3366aa; font-size: 10pt; background: transparent; text-decoration: underline;} 
A.white:link { color: #ffffff; font-size: 10pt; background: transparent; text-decoration: none;}
A.white:visited { color: #ffffff; font-size: 10pt; background: transparent; text-decoration: none; }		
A.white:hover, A.white:active { color: #ffffff; font-size: 10pt; background: transparent; text-decoration: underline;}
A.red:link, A.red:hover, A.red:visited , A.red:active {color:red; font-size: 8pt;}
	 
b {font-size: 10pt; font-family: timesnewroman;}

#useful{width: 450px; height: 310px; margin: 0 2px 0 0; float: left; background-color:#000000;}
div#helpFORM{margin: 0px 20px 0px 20px; display: none;}
div.fx {background: #bbb; color: #111; width: 200px; padding: 10px;}

/*
######################
        TABLE DIVS
######################
*/	

#table {display: table; width: 780px; background: #ffffff;}
#row {display: table-row;}
#left{width: 150px; height: 20px; display: table-cell; background: #deebf7; padding: 5px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; vertical-align : top; float: left;}
#middle {height: 20px; display: table-cell; background: #deebf7; padding: 5px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; vertical-align : top; float: left;}
#right{height: 20px; display: table-cell; background: #deebf7; padding: 5px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; vertical-align : top;}

table.blue{background-color:blue;}
td.arial1w {font-family: arial; font-size: 10px; color: #FFFFFF; }
td.arial1 {font-family: arial; font-size: 10px;}
td.arial2 {font-family: arial; font-size: 12px;}
td.arial2w {font-family: arial; font-size: 12px; color: #FFFFFF;}
td.whiteinset {border-top: 1px solid #B0BAC4; border-right: 1px solid #B0BAC4;}

/*
######################
        BUTTONS
######################
*/	

input.previewbtn{
   color:#000000; font-family:'trebuchet ms',helvetica,sans-serif; font-size:99%; font-weight:bold; background-color:#C5E2F0; border:1px solid;
   border-top-color:#003366; border-left-color:#003366; border-right-color:#003366; border-bottom-color:#003366;}
input.previewbtnON{
   color:#505050; font-family:'trebuchet ms',helvetica,sans-serif; font-size:99%; font-weight:bold; background-color:#C5E2F0; border:1px dotted;
   border-top-color:#003366; border-left-color:#003366; border-right-color:#003366; border-bottom-color:#003366;}  

/*
######################
        FORMS
######################
*/	

.checkboxOff {display: inline; margin: 0px; padding: 2px; padding-left: 20px; color: #666; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; background-image: url(/images/forms/checkbox_off.gif); background-repeat: no-repeat; background-position: 0% 50%; border: 0px;}
.checkboxOn {display: inline; margin: 0px; padding: 2px; padding-left: 20px; color: #000; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; background-image: url(/images/forms/checkbox_on.gif); background-repeat: no-repeat; background-position: 0% 50%; border: 0px;}
.radioOff {display: inline; margin: 0px; padding: 2px; padding-left: 20px; color: #666; font: .8em/16px Verdana,Arial,Helvetica; background: transparent url(/images/forms/off.gif) no-repeat 0% 50%;}
.radioOn {display: inline; margin: 0px; padding: 2px; padding-left: 20px; color: #000; font: .8em/16px Verdana,Arial,Helvetica; background: transparent url(/images/forms/on.gif) no-repeat 0% 50%;}
.radioOn:hover {background-image: url(/images/forms/on_hover.gif);}
.radioOff:hover {color: #333 !important; background-image: url(/images/forms/off_hover.gif);}
select.small {font-size:10px;	width:100;height:10;}