body {
     margin: 0;
     padding: 0;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 100%;
     line-height: 1.33;
     color: #000;
     background-color: #fff;
}

#global {
     position: relative;
     width: 62.5em;
     margin-right: auto;
     margin-left: auto;
     border-right: 1px solid #f757f7;
     border-left: 1px solid #f757f7;
}


/* ----------------------------------------------
TOP division containing box title and logo 
-------------------------------------------------*/

#top {
     height: 170px;
   width: 100%;
     margin: 0;
     padding: 10px 0;
     color: #000;
     background-color: #f757f7;
     /* background-color: #56117c; */
}
h1#bannertop {
     position: absolute;
     left: 195px;
     top: 20px;
     margin: 5px;
     border: none;
     padding: 5px;
     font-family: Arial, Verdana, Helvetica, sans-serif;
     font-size: 250%;
     font-weight: bold;
     z-index: 10;
     color: #000;
     background-color: transparent;
}
p#subbannertop {
     position: absolute;
     left: 195px;
     top: 65px;
     margin: 5px;
     border: 0;
     padding: 5px 5px 5px 7px;
     font-family: Arial, Verdana, Helvetica, sans-serif;
     font-size: 130%;
     font-weight: normal;
     color: #000;
     background-color: transparent;
     z-index: 230;
}
#nsuglogo {
     position: absolute;
     left: 15px;
     top: 5px;
     margin: 0;
     padding: 0;
     border: none;
}

/* ----------------------------------------------
TOP navigation 
-------------------------------------------------*/

#navcontainer {
     position: absolute;
     top: 155px;
     left: 20px;
     width: 90%;
     margin: 0;
     padding: 0;
}
ul#navlist {
     font: bold 80% Verdana, Arial, sans-serif;
     list-style-type: none;
     padding-bottom: 15px;
     margin: 0;
     padding-left: 0;
}
#navlist li {
     float: left;
     color: #000;
     background-color: #ccc;
     margin: 2px 2px 2px 2px;
     padding: 0;
     border: 1px solid #000;
}
li#current a {
     background-color: #fff;
     color: #000;
}
#navlist a {
     text-decoration: none;
     float: left;
/*     display: block; */
     background-color: #000;
     color: #fff;
     padding: 4px;
     text-align: center;
}
#navlist a:hover {
     text-decoration: none;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;
     padding-bottom: 5px;
     padding-right: 3px;
     color: #000;
     background-color: #f9c9f2;
}
#navlist a:active {
     color: #000;
     background-color: #f9c9f2;
}

/* ----------------------------------------------
TOP navigation help and sitemap
-------------------------------------------------*/

#helpnavi {
     position: absolute;
     top: 5px;
     right: 15px;
     z-index: 300;
}
ul#helpnav {
     font: bold 80% Verdana, Arial, sans-serif;
     list-style-type: none;
     padding: 0 0 0 15px;
     margin: 0;
}
ul#helpnav li {
     float: left;
     margin: 2px 2px 0 2px;
     border: 1px solid #5B3546;
}
#helpnav a {
     float: left;
     display: block;
     color: #fff;
     background-color: #5B3546;
     text-decoration: none;
     padding: 4px;
}
#helpnav a:hover {
     text-decoration: none;
     border-bottom: 1px solid black;
     padding-bottom: 5px;
     color: #000;
     background-color: #f9c9f2;
}

/* ----------------------------------------------
MIDDLE division
-------------------------------------------------*/

#middle {
     margin: 5px 245px 5px 200px;
     border-right: 1px solid #fa00ff;
     border-left: 1px solid #fa00ff;
     padding: 10px 10px 10px 10px;
     color: #000;
     background-color: #fff;
     overflow: auto;
/*     max-width: 34em; */
}
#middle h1 {
     margin: 3px 0 3px 0;
     padding: 2px;
     font-size: 150%;
     color: #8c005b;
     background-color: #fff;
}
#middle h2 {
     margin: 6px 0 3px 0;
     padding: 0;
     font-size: 120%;
     color: #8c005b;
}
#middle h2.news {
     margin: 15px 0 3px 0;
     padding: 3px;
     font-size: 100%;
     color: #8c005b;
     border-top: 1px solid #8c005b;
     border-bottom: 1px solid #8c005b;
}
#middle h3 {
     margin: 6px 0 3px 0;
     padding: 0;
     font-size: 100%;
     color: #8c005b;
}
#middle p {
     margin: 10px 0 10px 0;
     padding: 0;
     font-size: 80%;
}
#middle ul {
     font-size: 80%;
     list-style-position: inside;
     margin-top: 0px;
     margin-left: 5px;
     padding: 2px 0;
}
#middle ul li {
     list-style-position: outside;
     margin-bottom: 5px;
     margin-left: 30px;
}
#middle a:link {
     color: #000;
     background-color: #fff;
}
#middle a:visited {
     color: #006d00;
}
#middle a:hover {
     color: #000;
     background-color: #f9c9f2;
     text-decoration: none;
}

/* ----------------------------------------------
FOOTER division
-------------------------------------------------*/
/*
#footer {
     background-color: #fa00ff;
     margin: 0;
     padding: 10px;
     text-align: center;
} */
#footer {
/*     margin: 5px 245px 5px 200px; */
     margin: 0; 
     padding: 10px 10px 10px 10px;
     color: #000;
     background-color: #f757f7;
/*     max-width: 34em; */
}

/* ----------------------------------------------
LEFT division
-------------------------------------------------*/

#left {
     position: absolute;
     left: 5px;
     top: 195px;
     width: 170px;
     margin: 0;
     padding:  5px 5px 10px 5px;
     color: #000;
     background-color: #fff;
}
#left p {
     font-size: 80%;
}
#left p {
     margin: 0;
     padding: 10px 2px;
}
.newsflash {
     background-color: #000;
     color: #fff;
     text-align: center;
     margin: 20px 0px 1px 0px;
}
.announce {
     margin: 0px;
     text-align: left;
     padding-bottom: 10px;
     border-bottom: dotted 1px black;
}
#left a:link {
     color: #000;
     background-color: #fff;
}
#left a:visited {
     color: #006d00;
}
#left a:hover {
     color: #000;
     background-color: #f9c9f2;
     text-decoration: none;
}

/* ----------------------------------------------
RIGHT division
-------------------------------------------------*/

#right {
     position: absolute;
     right: 5px;
     top: 195px;
     width: 215px;
     margin: 0;
     padding: 10px 10px 10px 10px;
     color: #000;
     background-color: #fff;
}
#right h3 {
     font-size: 90%;
     text-align: center;
     margin: 3px 2px;
     padding: 3px 0 3px 0;
     background-color: #fff;
     color: #000;
     border: 1px solid #fa00ff;
}
#right h3.active {
     border-color: #000;
     background-color: #f9c9f2;
}
#right h2 {
     font-size: 80%;
     text-align: center;
     margin: 3px 2px;
     padding: 0.2em 0 0.2em 0;
     background-color: #fff;
     color: #000;
}
#right p {
     font-size: 80%;
     margin: 3px 2px;
     padding: 10px 2px;
}
#right a:link {
     color: #000;
     background-color: #fff;
     text-decoration: none;
     border-bottom: 1px solid #000;
     padding: 2px 3px;
     font-weight: normal;
}
#right a:visited {
     color: green;
     background-color: #fff;
     text-decoration: none;
     border-bottom: 1px solid #000;
     padding: 2px 3px;
     font-weight: normal;
}
#right a:hover {
     color: #000;
     background-color: #f9c9f2;
     text-decoration: none;
}
#right ul {
     list-style-type: none;
     margin: 0;
     padding: 2px;
}
#right ul li {
     color: #000;
     background-color: #fff;
     border-bottom: none;
     margin: 2px 0;
     padding: 3px 0 3px 20px;
     font-size: 80%;
     background-image: url(../graphics/blackimage12x12.gif);
     background-repeat: no-repeat;
     background-position: 2% 50%;
}
#right ul.noback li {
     background-image: none;
}
#right ul.voicecontents li {
     background-image: none;
}
#right ul.voice li {
     font-size: 60%;
     list-style: disc none inside;
     margin-top: 0px;
     margin-left: 5px;
     padding: 1px 0;
     background-image: none;
     border-bottom: none;
}
#right li.indicate {
     background-image: url(../graphics/blackimagereverse12x12.gif);
     background-repeat: no-repeat;
     background-position: 2% 50%;
     background-color: #fff;
     color: #8c005b;
     font-weight: bold;
}
#voicebox {
     text-align: center;
}

/* ----------------------------------------------
SPECIFIC LINKS independent of division
-------------------------------------------------*/

a.mail {
     text-decoration: none;
     color: #000;
     background-color: #fff;
     border-bottom: 1px solid #000;
     padding-bottom: .15em;
}
a.mail:hover {
     color: #000;
     background-color: #f9c9f2;
     border-bottom: none;
}
a.getone {
     text-decoration: none;
     color: #000;
     background-color: #fff;
     font-size: 100%;
     border-bottom: 1px solid #000;
     padding-bottom: .15em;
}
a.getone:hover {
     color: #000;
     background-color: #f9c9f2;
     border-bottom: none;
}

/* ----------------------------------------------
IMAGES
-------------------------------------------------*/
.leftgraphic {
     margin-right: 90px;
     float: left;
} /* left div */

.leftgraphiclink {
     margin-right: 110px;
     float: left;
     border: none;
}

#voice {
border-top: 1px solid #ccc;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #ccc;
padding: 0;
} /* right div */

#voicecomp {
     margin: 2.0em 0.9em 0.9em 0;
     float: left;
}
#voicemake {
     margin: 1.0em 0.9em 0.9em 0.9em;
     float: right;
}
#Jackiequest {
     margin: 0px 10px 10px 0px;
     padding: 0px;
     float: left;
}