#colorbox {
    background-color:33ccff;
    margin:-10;
    width: 2000px;
    border: 0;
    height: 2000px;
    }

#wrapper {
    background-image: url(images/sce_014_BACKGROUND-09.jpg);
    background-repeat:no-repeat;
    margin:0;
    padding:0;
    position:absolute;
    left: 0;
    top: 0;
    width: 1210px;
    border: 0;
    height: 2008px;
}
body {
    font-family: Trebuchet MS, Verdana, serif;
    color: #254866;
    margin:0px 0px 0px 10px;
    text-align:left;
    font-size: 100.01%;
    height: 807px;
}   
#leftcontent {
    position: absolute;
    left:7px;
    top:165px;
    width:200px;
    height: 681px;
        }
#footer {
    position:absolute;
    top: 319px;
    width: 195;
    left: 4px;
    height: 289px;
        }  
 
 #centercontent {
    /* SEE TEXT FILE for this hack IN NPRB WEBSITE FOLDER
        voice-family: "\"}\"";
    voice-family: inherit;*/
    position: absolute;
    margin-left: 220px;
    margin-right: 10px;
    margin-top: 165px;
    width: 560px;
    padding: 10px;
    border-right: 1px solid white;
        }
#banner {
    position: relative;
    width: 780px;
    height: 200px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height:150px;
    margin-left: 5px;
    margin-top: 5px;
        }   
    html>body #banner {
        height: 150px;
            margin-top: 165px;
        }
#posterbox {   /*this box is upper right in centercontent and holds an ad for the poster reception */
    position: absolute;
    top: 152px;
    left: 10px;
    width: 400px;
    padding: 0;
    z-index: 1;
    text-align: left;
    }
        
/*________________________ nav styles below_______________________________________*/    

    #nav ul {
        background-color: transparent;
        list-style-type: none;
        margin: 0; 
        padding: 10px;
        font-size: 78%;
        letter-spacing:0.05em;
        }
    #nav ul li {
        padding: 0;
        margin-left: 0px;
        }
    #nav ul li a {    /*this selector defines the link style within the nav part of the leftcontent*/
        color: #000000;     
        background-color: transparent; 
        text-decoration: none;   /*removes underline from links*/
        display: block;
        padding: 4px 10px 6px 4px;    /*applies padding to either side to give links a 'button' appearance'*/
        text-align: left;
        height: 1%;
        font-weight:bold;
        }
    #nav a:hover, #nav a:focus {         /*changes background color when mouse hovers over buttons*/
    background-color: #33ccff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color:white;
    font-size: 100%;
        }
/*_____________________________centercontent styles below__________________________________________*/    
        
h1 {
    color:#000000;
    font-size: 125%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
}
    
h2 {
        color:#000000;
        font-size: 108%;
        margin-top: 20px;
        margin-bottom: 0px;
        }
h3 {
        color:#000000;
        font-size: 102%;
        margin-top: 12px;
        margin-bottom: 2px;
        }
h4 {     /* for introductory material in centercol  */
    font: oblique 105% "Trebuchet MS", Verdana, serif;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
        }       
h5 {
        color:#254866;
        font-size: 100%;
        font-weight:bold;
        margin-top: 10px;
        margin-bottom: -10px;
        }   
h6 {
    color:#254866;
    font-size: 90%;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom:-5px;
    vertical-align: middle;
    }       
#centercontent p, #centercontent li {
    font-size: 78%;
    margin-top: 2px;
    margin-bottom: 0px;
        }
#footer p {
    font-size: 70%;
    text-indent:2px;
    font-style:italic;
    padding-left: 10px;
    }       
#centercontent a, #footer a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
        }
#centercontent a:hover, #centercontent a:focus, #footer a:hover, #footer a:focus {
    /*adds color when mouse hovers over buttons*/
    background-color: #9BE7FF;
    color:black;
    font-weight: bold;
        }  
        
pre {
    color: #5CACEE;
    text-align: center;
    margin: 0px;
    padding: 0px;
    font: bold 90% "Trebuchet MS", Verdana, serif;
}       


/*classes below */    
    .backimage {        /*this is an h2 class for centercontent; places an image behind h2 */
    height: 150px;
    width: 490px;
}
    .answer {
    font: lighter 80%/16px "Trebuchet MS", Verdana, serif;
    color: #2A0055;
}
.intro {
font-size: 120%;   /*formerly 12px*/
font-weight:700;
line-height: 21px;
color: #254866;
margin-bottom: 10px;
font-style:italic;
}
.cellhead {
    font-size: 90%;
    text-align: center;
    vertical-align: middle;
    margin: 0 0 0 10px;
    font-weight:bold;
    color: white;
}
.celltext {
    font-size: 90%;
    text-align: left;
    vertical-align: middle;
    margin: 0 0 0 10px;
    text-transform: capitalize;
}

    .emphasis {
    margin-top: 0;
    font-style:italic;
    color:#F46D2B;
    font-weight:bold;
    margin-bottom: 5px;
        }
.retrobutton {
    display: block;
    border: 1px solid;
    border-color: #66CCCC;
    width: 15em;
    font-size: 80%;
    text-align: center;
    margin-top: 2px;
    margin-bottom: 25px;
    font-weight:bold;
    z-index:3;
    text-decoration: none;
    background-color: #6CDBFF;
        } 

.retrobutton:hover {
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #7ecb8e #11721E #11721E #7ecb8e;
    text-decoration: none;
    background-color: #33ccff;
        } 
.leftimage {
        float: left;
        margin-right: 10px;
        border:1px solid white;
        }
.leftimage-no-border {
        float: left;
        margin-right: 10px;
        }
.leftimage-bottom-border {
    float: left;
    margin-right: 10px;
    border-bottom: 5px solid;
    border-bottom-color: #E45F2B;
        }
.rightimage {
    float: right;
    margin-left: 15px;
    margin-bottom: 20px;
        }
.footer {
    font-size: 70%;
    text-indent:2px;
    font-style:italic;
    border-top: 1px black solid;
    }

.list-header      { vertical-align: center
                  ; text-align: center
                  ; font-weight: bold
                  ; font-family: Arial, Helvetica, sans-serif
                  }

.retrobutton {      /*Back in the early days of the Web, "3D" buttons that appeared to become pushed in when moused over were all the rage. At that time, this could only be achieved through images and JavaScript, but now, with the advent of CSS, we can go retro and re-create this 3-D effect.*/
        display: block; 
        border: 1px solid; 
        border-color: #0099CC #2A0055 #2A0055 #0099CC; 
        background-color: #ffffff;
        font-size: 90%;
        text-align: center;
    vertical-align: middle;
        margin-top: 5px;
        margin-bottom: 15px;
}

.list-row-odd    { background-color: #DDDDDD
                 ; font-size: 11px
                 ; vertical-align: top
                 ; font-family: Arial, Helvetica, sans-serif
                 }

.list-row-even    { background-color: #EEEEEE
                  ; font-size: 9px
                  ; vertical-align: top
                  ; font-family: Arial, Helvetica, sans-serif
                  }

.info_message   {color: green; font-size: larger; font-weight: bold}
.warn_message   {color: blue; font-size: larger; font-weight: bold}
.error_message  {color: red; font-size: larger; font-weight: bold}
.fatal_message  {color: red; font-size: larger; font-weight: bold}

tr.generalForm      { vertical-align: top; width: 100%; font-weight: 1}
td.generalFormLabel { vertical-align: top; width: 90px}
td.generalFormText  { vertical-align: top}


tr.abstractStudentForm      { vertical-align: top; width: 100%; font-weight: 1}
td.abstractStudentFormLabel { vertical-align: top; width: 190px}
td.abstractStudentFormText  { vertical-align: top}

td.abstractAuthorColumnNo    { width: 20px; text-align: right}
td.abstractAuthorColumnInfo  {}

td.columnEdit       {width: 50px; text-align: center}