html { width:100%; height:100%; }

body { 
 margin:0px; padding:0px;
 font-family:verdana,arial,helvetica,sans-serif; font-size:12px; 
 color:#000000;
 text-align:justify; background-color:lightblue;
/* background-image:url('pics/blue_gradient_thin.jpg');
 background-repeat:repeat-y; */
background-image:url('images/nbg.gif');
 background-repeat:repeat-x; 
 position:relative; top:0; left:0;
 z-index:1;
  }

p { margin:2px; }

table { padding:0; border-collapse:collapse; }
tr { padding:0px; }
td { padding:0px; }

 a { color:#cc3333; }
 a:link { color:#cc3333; }
 a:visited { color:#cc3333; }
 a:hover { color:#000080; background-color:yellow; }
 a:active { color:#cc3333; }

.boldText { font-weight:bold; }

h1 { margin-top:0px; margin-bottom:0px; font-family:georgia,serif; font-style:italic; font-weight:bold; font-size:32px; text-shadow:1px 2px 0 #fff; }
h2 { margin:8px 2px 4px 2px; font-family:georgia,times,serif; font-size:14px; text-align:center; }

.h2Box { margin:2px; padding:1px; background-color:orange; border:solid 1px skyblue; }
.h2Box h2 { text-align:center; }

/*  new stuff  */
/* the orange was #ff7b2c; */

#mainContent { position:relative; z-index:1; width:90%; margin:0 auto; padding:0; }
#topBarBox { position:relative; z-index:1; top:0; left:0; width:100%; height:50px; color:white; }
#topBarBox a { display:block; float:left; margin-left:7%; height:22px; padding-top:8px; font-size:14px; color:white; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0 #000; }
#topBarBox a:hover { color:black; background-color:linen; text-decoration:underline; }

#bodyTable { position:relative; top:0; left:0; } /* background-color:#fffbec; */

#innerDIV { position:relative; width:97%; height:97%; margin:4px auto; padding:0 3px; border:solid 1px black; }

#rainboBar { position:relative; z-index:1; width:100%; margin:2px 0px; padding:0px; background-color:red; 
             font-family:arial,helvetica,sans-serif; font-size:13px; color:white; font-weight:bold; }
#rainboBar  a { color:white; margin-top:0px; }
#rainboBar  a:link { color:white; }
#rainboBar  a:visited { color:white; }
#rainboBar  a:hover { color:black; background-color:yellow; }
#rainboBar  a:active { color:white; }

#mainTopBox { position:relative; z-index:1; height:200px; }
#titleBox { position:absolute; left:450px; top:10px; z-index:12; width:420px; padding:7px; }
#logoBox { position:absolute; right:35px; bottom:10px; z-index:1; }
#upperImage { position:absolute; top:20px; left:20px; z-index:2; border:solid 2px black; }
#tableDiv { padding:6px 3px; text-align:justify; }

#menuList { padding-left:10px; height:100%; text-align:center; font-family:arial,helvetica,sans-serif; font-size:11px; font-weight:bold; }
#menuBar { position:relative; z-index:3; width:100%; height:25px; border:solid 1px black;
           background-image:url('pics/green_bar.jpg'); background-repeat:repeat-x;
           font-family:arial,helvetica,sans-serif; font-weight:bold; font-size:16px; color:white;
           text-align:center; }
#menuBar a { margin-top:8px; text-decoration:none;}
#menuBar a:link { color:#ffffff; }
#menuBar a:visited { color:#ffffff; }
#menuBar a:hover { background-color:green; text-decoration:underline; }
#menuBar a:active { color:#ffffff; }
#introText { text-align:justify; margin-left:3px; margin-right:5px; }
#buttonsBox { text-align:center; }

address { font-size:11px; }
#addressBox { width:300px; margin:6px auto; background-color:white; border:solid 1px black; }
#addressInset { width:150px; margin:2px auto; }

.stdtext { text-indent:2em; font-size:12px; font-family:trebuchet ms,verdana,arial,helvetica,sans-serif; }
.smalltitle { font-size:12px; }
.smalltext { font-size:10px; }
.biggertext { text-indent:2em; font-size:16px; }
.strongText { font-weight:bold; }
.centered { text-align:center; }


