body {
} 
/*-- This next section is for the button styles ------------*/
input.btn 
{ 	  
  color:#005; 
	font: bold 80% 'trebuchet ms',helvetica,sans-serif; 
	background-color: #3a3;
	border:1px solid; 
	border-color: #696 #363 #363 #696; 
} 
/*
input.btnhov { 
	border-color: #c63 #930 #930 #c63; 
}

input.groovybutton
          {
            font-size:13px;
            font-family:Arial,sans-serif;
            font-weight:bold;
            color:#0033FF;
            background-color:#33CC00;
            border-color:#33CC00;
          }
*/          
/****************************/
fieldset {
	background-color: #44aa22;
	width: 30em;
}
label {
	clear: left;
	float: left;
	width: 16em;
	text-align: right;
	margin-right: 2em;
}
input {
	float: left;
}
button {
	float: left;
	clear: both;
	margin-left: 18em;
	margin-top: 0em;
	margin-bottom: 1em;
}
/************ # = id - once on a web page ****************/

#menu ul {
    margin-left: -3.0em; 
} 
#menu li {
    list-style-type: none;
    float: left;
    width: auto;
    padding-left: 1%;
    padding-right: 1%; 
    text-align: center;
} 
#menu a {
    /*text-decoration: underline;*/
    text-decoration: none;
/*    font-family: "Comic Sans MS"; */
		font-family:"Lucida Grande";
		font-size:105%;
    color: #000099; /*this is the text color cc0066*/
		background-color: #33aa33; 
    display: block; 
		display:list-item;
/*    border: 1px #33dd33 outset; */
     border: 1px green dashed;
	 margin-bottom: 1em;
} 
#menu a:hover {
    text-decoration: none; /*none | [ underline || overline || line-through || blink ] | inherit*/
/*		display: block; */
    border: 1px red dashed; 
    color: #000000;  /*text color if button doesn't show*/
		background-color: #aaaa33; 
} 
/*----------------------------------------------------------------------*/
#menu2 ul {
    margin-left: -3.0em; 
} 
#menu2 li {
    list-style-type: none;
    float: left;
    width: auto;
    padding-left: 2%;
    padding-right: 2%; 
    text-align: center;
} 
#menu2 a {
    text-decoration: none;
	font-family:"Lucida Grande";
	font-size:100%;
    color: #F0E68C;   /*bisque*/ /*this is the text color cc0066*/
	background-color: teal; /*#33aa33; */
    display: block; 
	display:list-item;
    border: 1px brown dashed;
	margin-bottom: 1em;
} 
#menu2 a:hover {
    text-decoration: none; /*none | [ underline || overline || line-through || blink ] | inherit*/
/*		display: block; */
    border: 1px red dashed; 
    color: #333333;  /*text color if button doesn't show*/
	background-color: #aacc33; 
} 
/*----------------------------- . = class --------------------------------------------*/
/* This section is for the calendar in the Classes.htm file */
.KhakiOnTeal {
	color: red; /*#F0E68C; /*khaki*/
	background-color: yellow;
}
.contact {
        background-color: #33aa33;
        font-size: 110%;
        width: 30em;
        border: 1px #666666 solid; 
        padding-bottom: .3em;
      }
.day {
	      font: italic 150% arial, sans-serif; 
        padding-left: 8em;				
}					
.col1{
        font: italic 110% arial, sans-serif;
        float: left;
        width: 5em;
        border-right: 2px #666666 solid;
			
        padding-left: 1em;
			}	
.col2{
        font: italic 110% arial, sans-serif;
        float: left;
        width: 5em;
        border-right: 2px #666666 solid;
        padding-left: 1.3em;				
      }
			
.col3{
        font: italic 110% arial, sans-serif;
        float: left;
        width: 6em;
        border-right: 2px #666666 solid;
        padding-left: 1.3em;
      }
      
.instructor {
        
        padding-left: 1em;
      }

/******************** . = class ****************************************/

.redbkg {
    background-color: #ff0000 }
		
.floated-left {
	float:left;
	padding-right: 1%; 	
}		

.floated-right {   /* used for the guntersville images in default.htm */
	float:right;
/*	padding-right: 1%; */
	padding-left: 3%; /*keeps the text to the left from coming too close*/
}		
.blue-body-text {
  font: 98% Comic Sans MS, fantasy;
  color: #000099;
  background-color: #66cc66;
  font-family: "Comic Sans MS"
}	
.blue-body-text-other-background {
  font: 100% Comic Sans MS, fantasy;
  color: #000099;
  background-color: #cccc66;
  font-family: "Comic Sans MS"
}	
.blue-body-text-large {
  font: 110% Comic Sans MS, fantasy;
  color: #000099;
  background-color: #cccc66;
  font-family: "Comic Sans MS"
}	
.blue-body-text-small {
  font: 80% Comic Sans MS, fantasy;
  color: #000099;
  background-color: #66cc66;
  font-family: "Comic Sans MS"
}	
.blue-body-text-90 {
  font: 80% Comic Sans MS, fantasy;
  color: #000099;
  background-color: #66cc66;
  font-family: "Comic Sans MS"
}  
.blue-calendar-text {
	font: 120% Comic Sans MS, fantasy;
	color: #0000aa;
  background-color: #999999;
/*  font-family: "Comic Sans MS"	*/
}
/*
.blue-history-text {
  font: 95% Comic Sans MS, fantasy;
  color: #000099;
  background-color: #aaccaa;
  padding-left: 1em;
  padding-right: 1em;
  font-family: "Comic Sans MS"
}
*/	
.bibliography-text {
	font: 75% Comic Sans MS, fantasy;
    color: #0055EE; 
    background-color: #66cc66; /*SeaShell*/
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 90%;
    border: 1px double gray;
	/*border:3px inset grey;*/
	float: none;
}	
#centered-element {
	margin-left: auto;
	margin-right: auto;
}
#font1 {
    font: bold 120% Comic Sans MS, fantasy;
    text-align: left;
    color: #990099
} 
#font2 {
    font: bold 100% Comic Sans MS, fantasy;
    text-align: left;
 /*   text-decoration: underline; */
    text-indent: 20px;
    color: #990099
} 
#font3 {
    font: bold 100% Comic Sans MS, fantasy;
    text-align: left;
    color: #990099
} 
#font4 {
    font: bold 150% Comic Sans MS, fantasy;
    text-align: left;
    color: #990099
}

#font5 {
    font: bold 110% Comic Sans MS, fantasy;
    text-align: left;
    color: #6600aa
}
#title-text {
	 font: bold 150% Comic Sans MS, fantasy;
    text-align: center;
    color: #990099
}
#standout-text {
	font: bold 100% Comic Sans MS, fantasy;
    text-align: center;
    color: #990099;
	width:40%;
	background-color: #cccc66;
}
#history-text {
	font: 95% Comic Sans MS, fantasy;
    color: #000099;
    background-color: #aaccaa;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 88%;
    border: 2px double gray;
	border:3px inset grey;
	float: none;
}

button {
    background-color: #33aa33;
    color: #333399;
    font: bold 100% Comic Sans MS, fantasy;
}
smallButton {
    background-color: #33aa33;
    color: #333399;
    font: bold 80% Comic Sans MS, fantasy;
}
h1 {
    color: #000099;
    background-color: #66cc66;
    font-style: italic;
    font-family: "Comic Sans MS"
}

h3 {
    color: #990099;
    background-color: #66cc66;
    font-family: "Comic Sans MS"
}

h4 {
    color: #0033dd;
    background-color: #66cc66;
	font: bold 105% Comic Sans MS, fantasy;
/*    font-family: "Comic Sans MS" */
}

h5 {
    color: #000099;
    background-color: #66cc66;
    font-family: "Comic Sans MS"
}

ul {
    color: #000099;
    background-color: #66cc66;
}

ol {
    color: #000099;
    background-color: #66cc66;
}