* { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; }

#MainFrame * { font-size: 12px; text-align: center; }
#MainFrame { background-color: #99FFCC; }
#MainFrame p { background-color: #99FFCC; border: none; margin: 0px; padding: 0px; }
#MainFrame body { margin: 0px; padding: 0px; }
#MainFrame h1 { font-size: 18px; text-align: center; padding-top: 20px; padding-bottom: 10px; }
#MainFrame img { border-width: 1px; margin: 5px; }

#MainTop { background-color: #666666; }
#MainTop p { text-align: center; color: white; padding-top: 20px; font-size: 120%; }

#MainLeft { background-color: #666666; }

#MainLeft2 { background-color: #CCCCCC; }
#MainLeft2 p { background-color: #CCCCCC; padding: 2px; }
#MainLeft2 p.variant { background-color: #DDDDDD; padding: 2px; }
#MainLeft2 body { margin: 0px; padding: 0px; }
#MainLeft2 h1
{
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 0px;
  text-align: center;
}
#MainLeft2 ul { text-align: center;  margin-left: 0px; padding-left: 0px; }
#MainLeft2 ul li
{
	display: list-item;
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 12px;
}
#MainLeft2 ul li.variant
{
	background-color: #DDDDDD;
}
#MainLeft2 ul li a {
	color: black; 
	text-decoration: none;
}
#MainLeft2 ul li a:hover { background-color: #00FF00; }

#MainRight2 { background-color: #CCCCCC; }
#MainRight2 h1
{
	text-align: center;
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 0px;
}
#MainRight2 ul { text-align: center;  margin-left: 0px; padding-left: 0px; }
#MainRight2 ul li
{
	display: list-item;
	list-style-type: none;
	padding: 10px 0px 10px 0px;
	font-size: 12px;
}
#MainRight2 ul li.variant
{
	background-color: #DDDDDD;
}
#MainRight2 ul li a {
	color: black; 
	text-decoration: none;
}
#MainRight2 ul li a:hover { background-color: #00FF00; }

#MainRight { background-color: #666666; }

#MainBottom { background-color: #666666; }
#MainBottom p { text-align: center; color: white; padding-top: 10px; }

#Intro { background-color: #99FFCC; padding: 0px 10px 0px 10px; }
#Intro a { text-align: center; font-size: 12px; font-weight: normal; }
#Intro h1 { font-size: 18px; padding-top: 20px; padding-bottom: 10px; text-align: center; }
#Intro h2 { font-size: 14px; padding-top: 10px; padding-bottom: 5px; }

#Content { background-color: #99FFCC; padding: 0px 10px 0px 10px; }
#Content p { font-size: 12px; font-weight: normal; }
#Content table {
	width: 100%; 
	border: 5px; 
	border-color: 1px solid black; 
	cellpadding: 10px;
	cellspacing: 5px;
}
#Content table tr td { margin: 5px; }
#Content table tr td p { margin: 2px 5px 2px 5px; }

#Content table tr.TableRow1 { background-color: #EEEEEE; }
#Content table tr.TableRow2 { background-color: #DDDDDD; }
#Content table tr.TableRow3 { background-color: #CC5544; text-align: center; font-size: 18px; }
#Content h1 { font-size: 18px; padding-top: 20px; padding-bottom: 10px; }
#Content h2 { font-size: 14px; padding-top: 10px; padding-bottom: 5px; }

#Content #Menu ul { text-align: left; }
#Content #Menu ul li
{
	font-size: 10px;
	display: inline; 
	padding: 5px 0px 5px 0px; 
}
#Content #Menu ul li a {
	padding: 5px 10px 5px 10px; 
	color: black; 
	text-decoration: none;
	border: 1px solid #000000;
}
#Content #Menu ul li a:hover { background-color: #00FF00; }
#Content #Menu #active { border-left: 1px solid #fff; }
#Content img { border: 1px solid #000000; }

#Gallery { text-align: center; background-color: #99FFCC; padding: 0px 10px 0px 10px; }
#Gallery #Menu ul { text-align: left; margin-top: 10px;  }
#Gallery #Menu ul li
{
	font-size: 10px;
	display: inline; 
	padding: 5px 0px 5px 0px; 
}
#Gallery #Menu ul li a {
	padding: 5px 10px 5px 10px; 
	color: black; 
	text-decoration: none;
	border: 1px solid #000000;
}
#Gallery #Menu ul li a:hover { background-color: #00FF00; }
#Gallery #Menu #active { border-left: 1px solid #fff; }

#Gallery img
{
	margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
	border: 1px solid #000000; 
	display: block;
}

#Content #About
{
	background-color: #88FF88;
	color: black;
	margin: 100px 150px 50px 150px;
	border: 1px solid #000000;
	padding: 20px;
}
#Content #About h1 { text-align: center; font-size: 200%; }
#Content #About h2 { text-align: center; font-size: 150%; }
#Content #About p { text-align: center; font-size: 14px;  }