/***************************************************
  Major Constants
 ***************************************************/
html { 
		scrollbar-arrow-color: #FFFF00;
		scrollbar-base-color: #000000;
		scrollbar-dark-shadow-color: #000000;
		scrollbar-track-color: #999999;
		scrollbar-face-color: #400040;
		scrollbar-shadow-color: #3F33AF;
		scrollbar-highlight-color: #CC24BA;
		scrollbar-3d-light-color: #C667E9;
}

body {
  margin:0;
  text-align: center;  
  background: #585858 url(images/bg_body.jpg) repeat-y top center;
  font: 0.72em verdana, arial, sans-serif;  
  line-height: 170%;
}


A		{ color:#222; text-decoration:none; }
A:link		{ color:#222; text-decoration:none; }
A:visited	{ color:#222; text-decoration:none; }
A:active	{ color:#550EC0; }
A:hover		{ color:#550EC0; text-decoration: underline; }

h1 { font: small-caps 25px verdana, arial, sans-serif; }
h2 { font: small-caps 20px verdana, arial, sans-serif; }
h3 { font: small-caps 15px verdana, arial, sans-serif; }

hr { width: 540px; height: 4px; border: 0 none; background: url(images/div.jpg) center; }

.center {
  margin-left: auto;
  margin-right: auto;
}

.front {
  text-align: justified;
  font: 12px verdana, arial, sans-serif;  
  line-height: 150%;
  margin-left: 100px; 
  margin-right: 100px;
}

.front a {
  color: #550EC0;
}

.front a:hover {
  text-decoration: underline; 
}


/***************************************************
  Header Menu
 ***************************************************/

#header {  
  width: 100%;
  height: 110px;
  background: #585858 url(images/bg_header.jpg) repeat-y top center;  
}

#menu {
  margin:0 auto;
  width: 720px;
  height: 99px;
  background: #585858 url(images/logo.jpg) repeat-y top center;   
}

#lmenu td {
  width: 90px;
  height: 25px;
  text-align: center;
  font: bold 12px verdana, arial, sans-serif;  
  background: url(images/menu_tab.jpg) no-repeat;
}

#lmenu td a {
  text-decoration: none; 
}

#lmenu td a:hover,
#lmenu td a.active { }

/***************************************************
  Class Listings
 ***************************************************/

#list_menu td a {
  text-decoration: none;
}

#list_menu td a:hover,
#list_menu td a.active {
  background-color: #ae9fc4;
}

a.hlp {
    position:relative; 
    z-index:24;
    text-decoration:none; }
a.hlp:hover { z-index:25; }
a.hlp span { display: none; }
a.hlp:hover span { 
    display: block;
    position: absolute;
    top:-80px; left:60px; width:20em;
    border:1px dotted #000;
		padding:4px;
		background: url('http://old.knoxmemorialalumni.com/images/pfade.jpg');
    color: #000;
    text-align: center;
    text-decoration: none;
    line-height: 13px; }			

/***************************************************
  Content Containers
 ***************************************************/

#container {  
  width: 767px;
  margin:0 auto;
  text-align: center;
  padding-bottom: 100px;
  font: 1em verdana, arial, sans-serif;  
}

/***************************************************
  Gallery
 ***************************************************/

/*** Amendments 1.22.08 ***/ 

.gallery{
          margin:0 auto; padding: 15px 0 0 0;
          overflow:hidden; /* Clears the floats */
          width:85%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
					background-color:#fff;
        }

.gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:23.8%;
            margin:0 0 0 1%; padding:0;
            height:250px; 
            position:relative; /* This is the key */
            background-color:#fff;
          }

.gallery img{
						border:6px solid;
						border-color: #8899aa #c7d8e9 #d3e3f3 #aabbcc;
						margin:0; 
						padding: 0;
				}
				
.gallery div{
						color:#545454;
						font:bold 10px Verdana, Helvetica, sans-serif;
						padding: 4px 14px 0px 14px;
				}
				
				
				

#gal {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  text-align: center;
}

#gal ul {  
  list-style-type: none;
  margin: 0px 0px 0px 0px;
}

#gal ul li {
  text-align:left;
}
 
#gal ul li a:hover,
#gal ul li a.active {
  background-color: #ae9fc4;
}