body		{
			background: #eee;
			}

h1, h2, h3, h4, h5 {
			font-family: verdana, sans-serif;
			text-align: left;
			font-weight: bold;
			color: #363;
			}
			
h1			{
			color: #363 !important;
			font-size: 36px;
			text-shadow: #666 3px 3px 3px;
			}
	
h2 			{
			font-size: 30px;
			padding: 10px;
			margin: -10px;
			background: #9c9;
			}
	
h3 			{
			font-size: 20px;
			}
	
h4			{
			font-size: 16px;
			}

h5			{
			font-size: 14px;
			}
		
p			{
			font-family: times new roman, serif;
			font-size: 14px;
			text-align: left;
			}
			
p.caption	{
			font-family: arial, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #006600;
			}
			
p.by		{
			font-family: arial, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #000000;
			}

p.box		{
			font-family: arial, sans-serif;  
			font-size: 14px;
			width: 80%;
			background: #ccff99;
			border: 3px double #9999ff;
			padding: 1em;
			}

p.link		{
			font-family: verdana, sans-serif;  
			font-size: 11px;
			font-weight: bold;
			text-align: left;
			}

blockquote	{
			font-family: courier, mono;  
			font-size: 14px;
			width: 350px;
			border: 1px solid #666;
			padding: 6px;
			background: #eee;
			}
			
th			{
			font-family: arial, sans-serif; 
			font-size: 13px;
			color: #003300;
			background-color: #99cc66;
			border-right: 1px solid #336600;
			border-bottom: 1px solid #003300;
			}
		
td			{
			font-family: arial, sans-serif; 
			font-size: 13px; 
			text-align: center;
			padding: 2px;
			background: #dddddd;
			border-right: 1px solid #336600;
			border-bottom: 1px solid #003300;
			}
		
td.nondate	{
			background: transparent;
			}
	
table.cal	{
			background: white;
			margin-bottom: 20px;
			}
	
caption		{
			font-family: arial, sans-serif; 
			font-size: 18px; 
			font-weight: bold; 
			color: #0066ff;
			text-align: center;
			}
			
th.calhead	{
			font-family: arial, sans-serif; 
			font-size: 11px;
			font-weight: bold;
			color: #000000;
			text-align: center;
			background: #999999;
			border: 1px solid #000000;
			width: 24px;				
			}
	
li			{
			font-family: arial, sans-serif;
			font-size: 12px;
			}
		
img			{
			border: transparent;
			}
			
a			{
			font-weight: bold;
			}
				
a.left		{
			display: block;
			font-family: verdana, sans-serif;
			font-size: 11px;
			text-align: left;
			text-decoration: none !important;
			color: #660066;
			width: 180px;
			margin: 1px;
			padding: 6px;
			border: 1px solid #999999;
			background: #99cc66;
			margin: 1px;
			}
				
a.topnav	{
			display: inline;
			font-family: verdana, sans-serif;
			font-size: 11px;
			text-align: left;
			text-decoration: none !important;
			color: #660066;
			margin: 1px;
			padding: 4px;
			border: 2px outset #999999;
			background: #cc99ff;
			}

a.left:hover {
			background: #ffff99;
			font-style: italic;
			}
			
a:hover 	{
			color:#003300; 
			background: #ffff99;
			}
		
a.img:hover	{
			background: transparent !important;
			}
			
			
#topside	{
			background: #cc9; 
			position: relative; 
			top: 0px; 
			left: 0px; 
			height: 180px; 
			width: auto; 
			border: 1px solid #666;
			}
			
#leftside	{
			position: absolute;
			top: 190px;
			width: 220px;
			padding-top: 2px;
			padding-left: 2px;
			background: #cc6;
			border: 1px solid #666;
			border-top: 0px solid transparent !important;
			}
			
#rightside	{
			position: absolute;
			top: 190px;
			left: 232px;
			background: #fff;
			border: 10px solid #9c9;
			padding: 10px;
			width: 74% !important;
			z-index: 1;
			}
			
#pagetitle	{
			position: absolute;
			top: 30px;
			left: 350px;
			}
			
#thispage	{
			text-align: right;
			color:#003300; 
			background: #ffff99 !important;
			border: 1px solid #660099;
			}
			
#thelogo	{
			float: left;
			background: #ffc;
			margin-right: 10px;
			border-right: 1px solid #666;
			}
			
#topbox		{
			position: absolute; 
			left: 640px; 
			top: 0px; 
			width: 280px;
			z-index: 3;
			}