<!--
/*these are from the lesson on formats*/

* {
  box-sizing: border-box;
}

.menu {
  float:left;
  width:18%;
  text-align:center;
}
.menu a {
  background-color:#b5b814;
  padding:8px;
  margin-top:7px;
  display:block;
  width:100%;
  color:black;
}
.menu a:hover, .right a:hover, .navbar a:hover {
  background-color:#cccccc;	
}
.main {
  float:left;
  width:58%; /*this is changed below for smaller screens*/
  padding:0 20px;
}
.right {
  /*background-color:#a8a394;*/
  float:left;
  width:18%;
  padding:15px;
  text-align:center;
}

.right a {
  background-color:#b5b814;
  padding:8px;
  margin-top:7px;
  display:block;
  width:100%;
  color:black;
}

.top {
  float:left;
  width:100%;
  padding:0 20px;
}

.smallNav ul {
    /*background-color: yellow; */
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.smallNav li {
    display: inline-block;
}

/* style changes based on screen size*/

@media only screen and (max-width:800px) {
  /* For smaller screens: */
  .main, .right, .top {
    width:100%;
  }
  .menu, .navbar {
	  display:none;
  }
  DD {
	  display:none;
  }	 
  .dropbtn {
	  display:inline-block;
  }

}
@media only screen and (min-width:801px) {
   .dropbtn {
	  display:none;
  }
  .smallNav {
	  display:none;
  }

}
/* Dropdown Styles */

.dropbtn {
    background-color: #cace48;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

li.dropdown {
    display: inline-block;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
	background-color: #f1f1f1
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: OrangeRed;
}

/* end drop down styles */

.navbar {
  overflow: hidden;
  background-color: #cace48;
  width: 100%;
}

.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}


/* these are 'original' GB styles */

A:link { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #550000; }
A:visited { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #550000; }
A:active { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #33CC33; }
A:hover { text-decoration: none; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: OrangeRed; }

h1 {font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #000000 }

.quote { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: x-large; color: #550000}
.gb { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #000000 }
.gb1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: medium; }
.gb2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: large; }

.outlineFontBig 
{
font-weight:600;
font-size: 40pt;
color:black;
background-color: white;
border: 3px solid black;
}

.tdTop
{
width:100%;
background-image:url('../images/ScannedHeader_wc.jpg');
background-color:blue;
}

 .maintable  /*don't set width here, or it breaks in IE - set it on the table directly*/
{
    overflow-x:auto;
	background-color:#d6d6c2;
	border-color: #b5b814;	
	vertical-align: top;
}
.maintable TH 
{
	background-color: Black;
	color: OldLace;
}
.maintable TD
{
    	overflow-x:auto;
	background-color:#d6d6c2;
	vertical-align: top;
	font-style: italic;
	font-size: small;
	width;100%;
}
/*some width styles as attributes appear to be going obsolete*/
.w100
{
	width:100%;
}
.w75
{
	width:75%;
}
.w50
{
	width:50%;
}
.w33
{	
	width:33%;
}
.w25
{
	width:25%;
}
.w20 
{
	width:20%;
}

body {font-family:Arial,Helvetica;
      background:#DDDDDD;
}

pre {font-family:Arial,Helvetica;
      background:#DDDDDD;
      font-size: medium;
}

img { 
	border : 0;
	max-width:100%;
	height:auto;
 }
 
 .bun {
    left: 0;
    bottom: 0;
	width: 100%;
	text-align: center;	 
 }

.small {
	font-style: italic;
	font-size: small;
 }
 
 .smallishBold {
       font-size: small;
       font-weight:bold;
       }
	   
 .minRed {
       font-size: small;
	   font-style: italic;
	   color:#FF0000;
       }
 .minGreen {
       font-size: small;
	   font-style: italic;
	   color:#009933;
       }		   
 
 .images {
	 /*overflow:auto;*/
	font-style: italic;
	font-size: small;
	width:100%;
 }


-->