<!--
BODY {background-color: "#330099" }
BODY {background-color: #330099; 
	color: #000000; 
	border-left: 0; border-right: 0; border-top: 0; border-bottom: 0; 
	margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0
} 
a:link { color: darkred; text-decoration: none }
a:active { color: red; text-decoration: none }
a:visited { color: darkblue; text-decoration: none }
a:hover { color: "#cc3333"; text-decoration: none }

.bodytext { font-family: Arial, helvetica, sans-serif; font-size: +1; text-align: left}
.bodybold { font-family: Arial, helvetica, sans-serif; font-weight: bold; font-size: +1 }
.titletext { font-family: Arial, helvetica, sans-serif; font-size: 18px }

a:link.on_blue { color: red; text-decoration: none }
a:active.on_blue { color: red; text-decoration: none }
a:visited.on_blue { color: yellow; text-decoration: none }
a:hover { color: "#cc3333"; text-decoration: none }
p.body {text-align: left}
p.author {text-align: right; font-size:50%;}
p.cal_event { 
		text-indent: 0em; 
		margin-left: 0.5em; 
		width: 100px;
/*		background:red;  */
	    } 
.clear{clear:both;height:10px;}
.classbox{text-align: center; background-color: #ddffdd; 
	  margin-right: 2px; margin-left: 2px;}
.daybox{text-align: center; background-color: #cccccc; 
	  margin-right: 2px; margin-left: 2px;}

.regform{background-color:pink;
	 width:100%;
        }
input#last_name{background-color:green}

table.announce {
	background-color:#fffca8;
        border:3;
	border-style: ridge;
        border-color:red;
        padding:6;
    }

#form_link {
	background:none;
	border:0px;
	padding:0px;
	margin:0px;
	color:#ff0000;
	font-size:1em;
    }


/******************************************************/

#main_section{
/*		width: 100%; */
		width:860px;  
		margin= 0px 0px 0px 0px;
		border= 0px 10px 20px 0px;
/*		background-color: green;  */
		position: relative; 
		
	  }
#wide_main_section{
/*		width: 100%; */
		width:1000px;  
		margin= 0px 0px 0px 0px;
		border= 0px 10px 20px 0px;
/*		background-color: green;   */
		position: relative; 
		
	  }

#main_section_center{
		position: float;
		top: 0; 
		background-color: white;
		width:600px;  
/*		width:698px;   */
		border: 2px;
		border-style: solid;
		border-color: black;
		padding: 80px;
		padding-top: 20px;
		padding-bottom: 20px;
		position: relative; 
		text-align: left;
		z-index: 8;
	  }

#cramped_main_section_center{
		position: float;
		top: 0; 
		background-color: white;
		width:740px;  
/*		width:698px;   */
		border: 2px;
		border-style: solid;
		border-color: black;
		padding: 10px;
		padding-top: 20px;
		padding-bottom: 20px;
		position: relative; 
		text-align: left;
		z-index: 8;
	  }

#wide_main_section_center{
		position: float;
		top: 0; 
		background-color: white; 
		width:918px;  
		border: 2px;
		border-style: solid;
		border-color: black;
		padding: 20px;
		padding-top: 10px;
		padding-bottom: 20px;
		position: relative; 
		text-align: left;
	  }

/******************************************************/

#test_banner{
		position: float;
		top: 0; 
		background-color: red;
		color: yellow;
		width:600px;  
/*		width:698px;   */
		border: 2px;
		border-style: solid;
		border-color: black;
		padding: 80px;
		padding-top: 20px;
		padding-bottom: 20px;
		position: relative; 
		text-align: center;
		font-weight: bold;
		font-size: large;
		z-index: 8;
	  }

/******************************************************/

.menu{
	position: relative;   /* The relative makes the menu appear
				 above the other elements. Why ? */
	margin-top:0px; 
/*	top: auto; */
	left: 3%;  
/*	background: black;   */
/*	height: 50px;   */
	z-index: 12;
      width: 800px;  
	} 
/* fix to correct the faulty box model of IE5.5 */
* html .menu {width:801px; w\idth:800px;}

/* remove all the bullets, borders and padding from list */
.menu ul {
	  padding: 0;
	  border: 0;
	  margin: 0;
	  list-style-type:none;
/*	  background: blue;   */
	  width: 800px;
	 }
.menu ul ul {width:149px; 
	  border:2px;
	  border-style: solid;
	 }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;
 	  background-color:green;   /* This seems silly, but it solves a problem with IE */

	  width:149px;
	  padding=0px;  
	  position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {
	  display:block;
	  text-decoration:none; color:#fff; 
	  width:149px; 
	  border:2px;
	  border-style: solid;
	  border-color: #330099;
	  background:#758279; 
 	  padding-left:0px; }
/* fix to correct the faulty box model of IE5.5 */
* html .menu a, * html .menu a:visited {width:145px; w\idth:132px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd }
/* style the second level hover */
.menu ul ul a.drop:hover {background:#c9ba65 }
.menu ul ul :hover > a.drop {background:#c9ba65 }


/* hide sub-menus and give them absolute positon so that they take up no room */
.menu ul ul {
	  visibility:hidden;
	  position:absolute;
	  top:30px;
	  left:0; 	
	  width:149px; 
	  border:2px;
	  border-style: solid;
	  border-color: black;}
/* another hack for IE5.5 */
* html .menu ul ul {top:28px;t\op:30px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	  position:absolute; 
	  top:0; 
	  left:0; 
	  border-collapse:collapse;;
	 }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:0px; width:128px;border:2;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:145px;w\idth:123px;}

/* style the top level hover. For some reason this line is needed */
.menu a:hover, .menu ul ul a:hover {background:#82cbd8;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }


/******************************************************/

#credit_container
{
		width:300px;
		position: relative; 
		z-index: 10;
		background-color:red 
}
#credit{ 	
/*		position: absolute;  */
		position: relative; 
		margin-top:0px; top: auto; left: 0%; 
		z-index: 10;
	}
#credit ul .credittop{
		background-color:green;   /* This seems silly, but it solves a problem with IE */
		background-color:#330099;   /* This seems silly, but it solves a problem with IE */
		}
#credit ul .credititem{
		display:none;
		border=5px 5px 5px 5px;
		margin=5px 5px 5px 5px;
		border-color: black; 
		border-style: solid;
		padding:3px;
		position: absolute; 
		bottom:0px;
		}
#credit ul:hover .credititem{
		display:block;
		background:#330099;
		border=5px 5px 5px 5px;
		margin=5px 5px 5px 5px;
		border-color: black; 
		border-style: solid;
		padding:3px;
		margin:3px;}
#credit ul:hover .credititem a{color:blue;text-decoration:none;}
#credit ul:hover .credititem a:hover{color:#999;}

#credit ul{width:270px;float:left;margin:3px;padding:2px;list-style:none;}