body {margin:5px;
      text-align:center;  /* allow for ie*/
      color:#ffffff;background-color:#5eaafa;
      background-image:url(blue2blue.png);background-repeat:repeat-x;
     }

body,p,table,tr,td,ul,h2,h3
     {font-size:10pt;color:#ffffff; 
       font-family:'verdana','arial',sans-serif;}
#topic{width:240px;}

#container {margin:auto;
            margin-top:5px;
            width:710px;
            background-color:transparent;
            border:1px solid orange;
            padding:8px;
            padding-top:2px;
            text-align:center;}

h1 	{font-size:13pt;font-weight:bold;
/*         background-color:#202020;
         color:#ffffff;
         border:1px red solid;
*/
         padding:3px;
         margin:0px;
        }
h2 	{font-size:12pt;font-weight:bold;}
h3 	{font-size:11pt;font-weight:bold;}

/* style of header on opening page index.htm */
.p1header {text-align:center;margin-left:auto;margin-right:auto;
            width:100%;padding:0px;margin:0px;}

body {  /* ie only stuff */
/* scrollbar-arrow-color: #DCC65D;
scrollbar-base-color: #000000;
scrollbar-dark-shadow-color: #100F0A;
scrollbar-track-color: #777563;
scrollbar-face-color: #C3A158;
scrollbar-shadow-color: #8E8048;
scrollbar-highlight-color: #F7DE84;
scrollbar-3d-light-color: #FFFFFF;
*/}

body.controlbar {text-align:center;
                 background-image:url(back1.jpg);background-repeat:repeat;}
body.controlbar {text-align:center;padding:0px;margin:0px;
                 background-image:url(back1.jpg);background-repeat:repeat;}

td.question {background-color:#708090;color:white;
             border-style:groove;border-color:#F5DEB3;border-width:medium;font-weight:bold;}
td.quizbutton {text-align:center;}
h2.question  {text-align:center;background-color:#708090;color:white;
              border-style:groove;border-color:#F5DEB3;border-width:medium;font-weight:bold;}

/*  opening page side by side columns*/
.leftmenu {float:left;width:100px;
           padding:3px;text-align:center;
           border:solid 1px red;
           color:white;background-color:#808080;}

.mainbox {margin-left:100px;text-align:center;}

.code
{font-family:'verdana','arial',sans-serif;font-weight:bold;background-color:#808080;color:white;
            font-size:10pt;border: 1px solid red;width:450px;padding:10px;}

.controls {width:80px;text-align:center;font-size:10pt;}

#selectbox {background-color:darkred;font-size:8pt;font-weight:bold;color:white;}
#header {
    border-style: ridge;
    border-color: #ffd68c;
    border-radius: 10px;
    font-size: 16pt;
    font-family: arial;
    color: navy;
    background-color: #006090;
    background: linear-gradient(to bottom, rgba(241,231,103,1) 32%,rgba(254,182,69,1) 64%);
}

a {
     background-color:#DF3A00;
     border-left:1px solid #ffa200;
     border-right:1px solid black;
     border-top:1px solid #ffa200;
     border-bottom:1px solid black;
     border-radius:10px;
     padding:3px;
     text-decoration:none;
     color: white;
     font-family: verdana, georgia, sans-serif;
     font-weight: bold;
     text-align:center;

}
a:hover {
                border-left:1px solid black;
                border-right:1px solid #ffa200;
                border-top:1px solid black;
                border-bottom:1px solid #ffa200;
                padding:3px;
               text-decoration:none;
               color:navy;
               background-color:#df3a00;
               font-family: verdana, georgia, sans-serif;
               font-weight: bold;
               text-align:center;               
                              
         }



li a {
     border-left:2px solid red;
     border-right:2px solid black;
     border-top:2px solid red;
     border-bottom:2px solid black;
     padding:1px;
margin:5px;
/*     display:block; */
     text-decoration:none;
     color: white;
     font-family: verdana,sans-serif;
     font-weight: bold;
/*   width:150px;  */
     height:20px;
     background-color:#8b0000;
   }

li a:hover {border-left:2px solid black;
                border-right:2px solid red;
                border-top:2px solid black;
                border-bottom:2px solid red;
                padding:1px;
                /*display:block;*/
               height:20px;
               text-decoration:none;
               color:#FFA500;
               background-color:#8B0000;
               font-family: verdana, sans-serif;
               font-weight: bold;
               
         }

/* style lists of links*/
.listoflinks li    {list-style:none;}
.listoflinks li a {display:block;height:20px;width:350px;text-align:center;}

.floatleft {float:left;}
.samples a {}