body {
	color: black; 
	background: #36659d url(stripebackground.png);
	font: 14px Arial, sans-serif;
	padding: 0px 0px 10px 0px;  /* looks good in IE7, Opera 9.1, Firefox 1.5 */
	max-height: none;
height: 100%;
}

.clear {
clear: both;
}
	 
h1 {
	font-family: helvetica, arial, sans-serif;
	font-size: 300%;
	text-align: center;
}

h2, h3 {
	font-family: arial, sans-serif;
	font-size: 150%;
	color: #5a5a5a;
	background-color: inherit;
font-weight: bold;
}

h4 {
	font-family: helvetica, arial, sans-serif;
	padding-top: 8px;
}

h5 {
font-size:26px;
color: #124989;
font-family: georgia, garamond;
font-style: italic;
font-weight: bold;
padding: 0;
margin: 0;
}
h6 {
font-size: 22px;
color: #124989;
font-family: georgia, garamond;
font-style: italic;
font-weight: bold;
padding: 0;
margin: 0;
}

li {

   list-style-image: url("button2.jpg");
font-size: 16px;
padding-bottom: 2px;

}

a.ActivePage 
{
	
	color: inherit;
} 

td.ActivePage 
{
	background: #1b5295 url(navbackground4.jpg);
	color: inherit;
	text-decoration: none;
}
	 
span.NoticeMe 
{
	font-size: 110%;
	font-weight: bold;
}
	 
ul.ClassList {
	font-family: helvetica, arial, sans-serif;
	margin-left: 80px;
}

td 
{
position: relative;
z-index: 10005;
	background: #033773 url(navbackground.jpg);
	color: inherit;
	width: 11%;
	padding: 4px;
}

img {
	border: medium double #4d4d4d;
	margin: 10px;

}

img.Banner {
	border: none;
	margin: 0px;
}

#MainContent img{
max-width: 460px;
}


a:link  
{
font-weight: bold;
   color: #124888;
	
	text-decoration: none;
	font-size: 104%;
}
a:visited 
{
font-weight: bold;
   color: #124888;
	
	text-decoration: none;
	font-size: 104%;
}

a:hover 
{
font-weight: bold;
   color: #2c7cda;
	
	text-decoration: none;
	font-size: 104%;
}

a:active 
{
font-weight: bold;
  color: #2c7cda;

  text-decoration: none;
  font-size: 104%;
}


a.navspecial:link  
{
   color: #ffffff; 
	
	text-decoration:none 
}
a.navspecial:visited 
{
   color: #ffffff; 

	text-decoration: none;
}
a.navspecial:hover 
{
   color: #8bc0fd;
	
	text-decoration: none;
}
a.navspecial:active 
{
   color: #000000; 
	
	text-decoration: none;
}

a.NoticeMe:link  
{
   color: #38474e; 
	
	text-decoration: none;
	font-size: 112%;
}
a.NoticeMe:visited 
{
   color: #124888; 
	
	text-decoration: none;
	font-size: 112%;
}

a.NoticeMe:hover 
{
   color: #5c939d; 
	
	text-decoration: none;
	font-size: 112%;
}

a.NoticeMe:active 
{
  color: #000000; 

  text-decoration: none;
  font-size: 112%;
}


#container 
{
    	background: #ffffff ;
		color: inherit;
    	margin-left: auto;
    	margin-right: auto;
    	width: 800px;
    	position: relative;
    	top: 7px;
padding-top: 2px;
    	padding-bottom: 20px;
    	border: 4px solid #fff;
    	height: 100%;
}
    
#HeaderBox 
{
	position: relative;
	top: 0px;
   left: 2px;
	padding-top: 0px;
   width: 796px;
	height: 158px;	
	color: #000000;
	background: #fff;
}
    
	 
#MainContent
{  
	font-family: helvetica, sans-serif;
	font-size: 110%;
	position: relative;
   width: 760px;
   margin-left: auto;
	margin-right: auto;
	margin-top: 27px;
	margin-bottom: 27px;
height: 100%;
}
	 	 	 
#NavigationBox
{
	text-align: center;
	font-family: verdana, Arial, sans-serif; 
	font-size: 140%;
	position: relative;
   left: 0px;
	margin-right:  auto;
	padding-left: 0px;
	padding-top: 0px;
   width: 800px;
	color: #ffaaaa;
	background: #ffffff;
	text-transform: lowercase;
}

	 
#PhotoCredit
{
	font-size: 70%;
	text-align: right;
}

#ClassDetails
{
	line-height: 180%;
	margin-top: 20px;
}

#SupportGroupBox
{position: relative;

	color: inherit;
	background-color: #b7d7fd;
	border: medium;
	border-style: solid;
	border-color: #124888;
	width: 440px;
	min-height: 320px;
	font-size: 80%; 
	padding-left: 14px;
	padding-right: 20px;
	margin-top: 0px;
}

#SupportGroupBox h3 
{
   color: #2d2d2d;
	background-color: inherit;
   font-style: oblique;
   font-size: 175%;
   margin-top: 10px;
   padding-bottom: 5px;
   border-bottom: thick solid #124888;
}   

#FrontPageBox
{position: relative;

	color: inherit;
	background-color: #fff;
	border: none;
	width: 440px;
	min-height: 320px;
	font-size: 80%; 
	padding-left: 14px;
	padding-right: 20px;
	margin-top: 0px;
} 



#floatbox
{position: relative;
float: right;
	color: inherit;
	background-color: #8bc0fd;
	border: medium;
	border-style: solid;
	border-color: #124888;
	width: 340px;
	min-height: 200px;
	font-size: 80%; 
	padding-left: 14px;
	padding-right: 20px;
	margin-top: 10px;
}

#floatbox h3 
{
   color: #2d2d2d;
	background-color: inherit;
   font-style: oblique;
   font-size: 175%;
   margin-top: 10px;
   padding-bottom: 5px;
   border-bottom: thick solid #124888;
}    
img.SupportGroupPic
{
	margin-top: 5px;
}
img.FrontPage
{
	
   	border: none;
}

.ClassListingBox
{
	float: right;
background: #fff;
	font-size: 80%;
	border: medium;
	border-style: solid;
	border-color: #124888;
	width: 214px;
	text-align: left;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.ClassListingBox h4
{
	font-size:26px;
color: #124989;
font-family: georgia, garamond;
font-style: italic;
font-weight: bold;
padding-left: 20px 10px 0 20px;
margin: 0px;


}

.ClassListingBox h3
{
	font-size:20px;
color: #124989;
font-family: arial, sans-serif;
font-style: normal;
font-weight: bold;
padding-left: 20px 10px 0 20px;
margin: 0px;


}

#badge
{
    position:absolute;
    top: -40px;
    left: 450px;
 }

 .BadgeImage
 {
 	border: none;
 }

.introtext {
  width: 560px;
  margin-bottom: 80px;
} 
  
    
#FreeClasses
{
    font-family: "comic sans MS", cursive;
	 margin-bottom: 34px;
    padding-left: 94px;
}
    
#FreeClasses h4 
{ 
   font-family: "comic sans MS", cursive;
	font-size: 25px; 
	color: #ff0000; 
	background-color: inherit;
	margin-left: -20px; 
}   


table
{	
	text-align: center;
}

.Italics
{
	font-style: italic;
}

.circus {
position: absolute;
right: -120px;
top: -50px;
z-index: 10000;
height: 300px;
width: 300px;
border: none;
}