body, html { height: 100%; font-family:calibri, sans-serif; padding:0; margin:0;}

/*   background-color:black; */
body {background-color:#111;}
.pic_top {width:100%; height:auto;}
.paraq {text-indent:1cm;}
.trdisplay {border-top: 1px solid #663300; border-bottom: 1px solid #663300;}
.spaced3 {margin-top: 15px; font-weight:bold;}
.code_slot {opacity: 0.6; font-size: 80%; font-weight:normal;}
.ctr {text-align:center}

a:link {	color:#663300;}
a:visited {color:#663300;}
a:hover {	text-decoration: none; color: red;}
a:active {	color:#663300;}

table {width: 100%; border-collapse:collapse;}
td {padding:10px;}
th {padding:10px; font-weight:bold; text-align:center;}
tr {border-top: 1px solid #333; border-bottom: 1px solid #333;}

/* Style the small screen*/
@media only screen and (max-width: 800px) {
body {padding:0px;}
.degree {width:100%; background-color: white; border: 0px; text-align:center; color:#663300;  padding: 5px;}
.dtitle {font-size: 150%;}
.txt {width:100%; background-color: white; border: 0px; text-align:left; color:#663300;  padding: 5px;}

/* Picture in text in middle of page on right */
.pix {
   width:250px;
   float:right;
   margin-left:15px;
   margin-top:15px;
   margin-right:0px;
   margin-bottom:15px;
   padding:5px;
   border:1px solid #888;}
}

/* Other colors: DarkOrange Gold , GoldenRod */

/* Style the large screen */
@media only screen and (min-width: 801px) {
body {padding:1px;}
.degree {width:80%; background-color: white; border: 0px; text-align:center; margin-left:auto; margin-right:auto; color:#663300;  padding: 10px;}
.dtitle {font-size: 150%;}
.txt {width:90%; background-color: white; border: 0px; text-align:left; margin-left:auto; margin-right:auto; color:#663300;  padding: 30px;}

/* Picture in text in on right */
.pix {
   width:420px;
   height:auto;
   float:right;
   margin-left:12px;
   margin-top:12px;
   margin-right:0px;
   margin-bottom:12px;
   padding:5px;
   border:1px solid #888;
}