body { color: #333333; background: #bed4df url( images/bluebg.jpg ) top repeat-x; padding: 0; margin: 0;
       font: normal 11px "Lucida Grande",Arial,Helvetica,sans-serif;}

#wrapper { background : #fff; margin-left : auto;  margin-right : auto;  width : 900px; }

#leftcol {  background : #0071bd url(images/leftcolbg.jpg) top no-repeat; margin-left : auto;  margin-right : auto;  width : 250px; }

h1 { color: #1b5e92; padding-top: 10px;
     font-size: 20px; font-family : Arial, Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; font-style: italic;}

h2 { color: #1b5e92; font-size: 18px; font-family : Arial, Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }
h3 { color: #1b5e92; font-size: 16px; font-family : Arial, Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }
h4 { color: #1b5e92; font-size: 14px; font-family : Arial, Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }

/* #003366 */
a:link { color:#0060b6; text-decoration: none; font-weight: bold; }
a:visited { color:#0060b6; text-decoration: none; font-weight: bold; }
a:hover { color:#0d80a6; text-decoration: none; font-weight: bold; }
a:focus, a:active { color:#0060b6;}

.text_9px  { font-size:  9px; }
.text_10px { font-size: 10px; }
.text_11px { font-size: 11px; }
.text_12px { font-size: 12px; }
.text_13px { font-size: 13px; }
.text_14px { font-size: 14px; }
.text_18px { font-size: 18px; }
.text_24px { font-size: 24px; }

/* get input and get static text */
.formsubtitle  { color: #ffffff;  background-color: #44408c; height:20px; padding-left:10px;
                 font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight:bold ; }
.formsubgap  { width:50px; }
.formbg  { background-color: #ffeedf; }

.inputbox { height:23px; }

input[type=text] { color: #454545; border: 1px solid #B0B0B0;
                   background: #FFF url( images/bg-form.jpg) center top repeat-x scroll; }
input[type=password] { color: #454545; border: 1px solid #B0B0B0;
                       background: #FFF url( images/bg-form.jpg) center top repeat-x scroll; }
input[type=image] { color: #454545;
                    background: #FFF url( images/bg-form.jpg) center top repeat-x scroll; }

input[type=reset] { color: #454545; border: 1px solid #B0B0B0;
                    background: #FFF url( images/bg-form.jpg) center top repeat-x scroll; }

input[type=submit] { color: #454545; border: 1px solid #B0B0B0;
                     background: #FFF url( images/bg-form.jpg) center top repeat-x scroll; }

select, textarea { color: #454545; border: 1px solid #B0B0B0;
                   background: #FFF url( images/bg-form.jpg) center top repeat-x scroll; }

.submitbutton { font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }
.submitbutton:hover { background: #eef; border: 1px solid #f00; cursor:pointer; }

.imagebutton { font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }
.imagebutton:hover { background: #eef; border: 1px solid #f00; cursor:pointer; }

.txt            { color: #000000;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.txtrd          { color: red;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.txtsm          { color: #000000;  line-height : 150%;
                  font-size: 7pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.gettxt         { color: #000000;  background-color: #ffffff;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold;  }

.gettxtwe       { color: #FFFFFF;  line-height : 150%;
                  font-size: 8pt;  font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }

.gettxtdisable  { color: #999999; line-height : 150%;
                  font-size: 8pt;  font-family: Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold;
                  padding-left: 5px; }

.get            { color: #003300; background-color: #FFFFFF; line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; font-style: normal;
                  padding-left: 5px;  }

.getdisable     { color: #003399; background-color: #EFEFEF;  line-height : 150%;
                  font-size: 8pt;  font-family: Helvetica,Tahoma,Geneva, sans-serif; font-style: normal;
                  PADDING-LEFT: 5px; border: solid 1px #009999; }

.dropdntxt      { color: #000000;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

.btntxt         { color: #000000;  line-height : 150%;
                  font-size: 8pt; font-family: Helvetica,Tahoma,Geneva, sans-serif; }

/* boxes */
.errorbox       { background-color:#F9E5E4; color:#B00033; padding-top:10px; padding-bottom:10px; padding-left:50px;
                  margin-left:10px; margin-right:10px;
                  border-color:#E4ADAA; border-style:solid; font-weight: bold; } /* lite Pink */

.successbox     { background-color:#EAF9E4; color:#178400; padding-top:10px; padding-bottom:10px; padding-left:50px;
                  margin-left:10px; margin-right:10px;
                  border-color:#B5E9AB; border-style:solid; font-weight: bold; } /* lite Green */

.infobox        { background-color:#E7EAF9; color:#3C55BA; padding-top:10px; padding-bottom:10px; padding-left:50px;
                  margin-left:10px; margin-right:10px;
                  border-color:#ADC4ED; border-style:solid; font-weight: bold; } /* lite Blue */

.noticebox      { background-color:#FAF9E4; color:#7F9B85; padding-top:10px; padding-bottom:10px; padding-left:50px;
                  margin-left:10px; margin-right:10px;
                  border-color:#E8E4A7; border-style:solid; font-weight: bold; } /* lite Yellow */

/* main menu */
.thanks { color : #FC7300; padding-left:10px;
          font-size : 14px; font-family : Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }
.error { color : #FF0000; padding-left:10px;
         font-size : 14px; font-family : Helvetica,Tahoma,Geneva, sans-serif; font-weight: bold; }

.header1 { color: #1b5e92;  padding-bottom: 20px; padding-top: 20px; padding-right:10px; padding-left:10px;
           font-size: 14pt; font-family : Verdana,Helvetica,Geneva, sans-serif; font-weight: bold;
           font-style: italic;}

.txt_body { color: #333333; padding-right:10px; padding-left:10px; line-height: 160%;
            font-size: 11px; font-family: Trebucet MS, Verdana, Helvetica,Tahoma; }

/*hint box */
#hintbox { position:absolute; top: 0; background-color: lightyellow;
           width: 175px;                                                  /*Default width of hint.*/
           padding: 3px; border:1px solid black; font:normal 10px Verdana; line-height:18px;
           z-index:100;
           border-right: 3px solid black; border-bottom: 3px solid black;
           visibility: hidden; }

.hintanchor { font-weight: bold; color: navy; margin: 3px 8px; }

/* loading or wait */
div.loading-invisible{ display:none ; /*make invisible*/ }

div.loading-visible{ background:#fff; display:block; height:200px;
                     position:relative; top:200px; left:0; width:90%; text-align:center;
                     border:1px solid #000000 ; opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); }

li { padding: 2px; color:#333333; }

p { padding: 4px; line-height: 16px; }

div { border: solid 0px red; }

/* top sections **********************************************************************************************/

div#page { background: url(lookfeel/pagebg.jpg) repeat-y; width: 900px; _width: 920px;
           padding: 0px 10px 0px 10px; text-align: left; }

div#banner { background: url(lookfeel/banner.jpg) no-repeat; width: 900px; height: 115px; }

div#content { background: url(lookfeel/contentbg.jpg) repeat-y; width: 900px;
              min-height: 500px; _height: 500px; }

div#left { background: #0071bd url(lookfeel/leftbg.jpg) no-repeat; float: left; width: 150px;
           min-height: 232px; _height: 232px; padding-top: 20px; }

div#main { background: #ffffff url(lookfeel/mainbg.jpg) repeat-x top; float: left;
           width: 560px; _width: 600px; padding: 20px; }

div#right { color: #dddddd; background: #0071bd url(lookfeel/rightbg.jpg) no-repeat; float: left;
            width: 120px; _width: 150px; min-height: 232px; _height: 232px; padding: 15px; }

div#footer { background: #bb6239; clear: both; width: 880px; _width: 900px; padding: 10px; }

/* top menu styles **********************************************************************************************/

div.Side0 { display: block; }

a.Side0, a.Side0:link, a.Side0:visited, a.Side0:hover { color: #ffffff; display: block; width: 120px; _width: 150px;
                                                        padding: 5px 15px 5px 15px; _padding: 4px 15px 4px 15px;
                                                        text-align: left; font-size: 11px; font-weight: normal;
                                                        line-height: 14px; text-decoration: none; }

a.Side0:hover { background: #00318b; }

div.Side1 { background: #0060b6; position: absolute; visibility: hidden; top: -2000px; left: -2000px;
            border-top: solid 1px #ffffff; margin-top: 0px; z-index: 100; }

a.Side1, a.Side1:link, a.Side1:visited, a.Side1:hover {
    color: #ffffff; background: #0060b6;
    display: block; padding: 5px 15px 5px 15px; border-bottom: solid 1px #ffffff;
    font-size: 11px; font-weight: normal; line-height: 11px; text-decoration: none; }

a.Side1:hover { background: #00318b; }

/* general ****************************************************************************************************/

table.search { width: 120px; padding: 20px 15px 0px 15px; _margin-top: 40px; _margin-left: 15px; }

table.search tr, td.searchlabel, td.searchdata { margin: 0px; padding: 0px; }
td.searchdata { padding: 2px 0px 2px 0px; }

div.sub { clear: both; }

div.title, div.subtitle, div.f1title { margin: 14px 0px 7px 0px;
                                       font-weight: bold; font-size: 14px; }

div.text, div.subsummary, div.f1summary { margin: 7px 0px 7px 0px; }

td.searchlabel { color: #dddddd; }

div#right a, a.fltitle:link, a.fltitle:visited, a.fltitle:hover { color: #ffffff; font-weight: bold; }

div#right a, div#right a:link, div#right a:visited, div#right a:hover { color: #fffff; }

/*----------------LINKS----------------*/

.footer { color: #FFFFFF;  background-color: #BB6239;
          font-size: 9px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

.footerlinks:link { color:#FFFFFF; text-decoration:none ; }
.footerlinks:visited { color:#FFFFFF; text-decoration:none;}
.footerlinks:hover { color:#FCF802; border-bottom: 1px dashed #FCF802;}

.ontimefooter:link { color:#FFFFFF; text-decoration:none ; font-weight: normal;}
.ontimefooter:visited { color:#FFFFFF; text-decoration:none; font-weight: normal;}
.ontimefooter:hover { color:#FC7300; text-decoration:none; font-weight: normal ;}

.adminlogin { color: #000000;
              font-size: 8pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

.adminlogin:link { color:#000000; text-decoration:none ; }
.adminlogin:visited { color:#000000; text-decoration:none;}
.adminlogin:hover { color:#FC7300; text-decoration:none; }

.email { color: #000000;
         font-size: 8pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

.email:link { color:#000000; text-decoration:none ; }
.email:visited { color:#000000; text-decoration:none;}
.email:hover { color:#FC7300; text-decoration:none; }

/*---------------- Menu ----------------*/
/* Main Menu Bar CSS ######### */
.mattblackmenu ul{ background: #44408c;                  /* #414141 */
                   margin: 0;
                   padding: 0;
                   font: 12px Arial ;
                   list-style-type: none;
                   border-bottom: 1px solid #44408c;
                   overflow: hidden;
                   width: 100%; }

.mattblackmenu li{ display: inline; margin: 0; }

.mattblackmenu li a{ color: white; background: #44408c;  /* #414141 */
                     float: left;
                     display: block;
                     text-decoration: none;
                     margin: 0;
                     padding: 6px 8px;              /*padding inside each tab*/
                     padding-right: 15px;
                     padding-left: 15px;
                     border-right: 1px solid white; /*right divider between tabs*/ }

.mattblackmenu li a:visited{ color: white; }

.mattblackmenu li a:hover{ color: #000000; background: #c6c5d7; /*background of tabs for hover state */ }

.mattblackmenu a.selected{  color: #000000; background: #c6c5d7; /*background of tab with "selected" class assigned to its LI */ }
/* ######### Drop Down ULs CSS ######### */

.ddsubmenudiv ul{ background: white; font: normal 12px Arial;
                  left: 0; top: 0; margin: 0; padding: 0; position: absolute; list-style-type: none;
                  border: 1px solid black; border-bottom-width: 0; visibility: hidden; z-index: 100; }

.ddsubmenudiv ul li a{ color: black; background-color: lightyellow;
                       width: 160px; display: block; text-decoration: none; padding: 4px 5px;
                       border-bottom: 1px solid black; }

* html .ddsubmenudiv ul li a{ /*IE6 CSS hack*/  display: inline-block; }

.ddsubmenudiv ul li a:hover{ background-color: black; color: white; }

/* ######### Neutral CSS  ######### */
.mainmenupointer{ /*CSS for arrow image added to top menu items*/
                  padding-left: 4px; border: 0; }

.submenupointer{ /*CSS for arrow image added to drop down menu items*/
                 position: absolute; padding-top: 3px; right: 2px; border: 0; }

#ddiframeshim{ background: transparent; position: absolute; z-index: 500; border-width: 0;
               width: 0; height: 0; display: block; }

/* ********************************************************* */