body {
	font-family: "Century Gothic";
	background: #666699;
	text-align: center;
	color: #000000;

}
#home-wrapper {
	margin: 0px auto 0;
	background: url(images/home_background.gif) no-repeat;
	height: 923px;
	width: 640px;
	padding: 0px;
}
#ca-wrapper {
	margin: 0px auto 0;
	height: 1080px;
	width: 640px;
	padding: 0px;
	background-image: url(images/currentactivities_background.jpg);
	background-repeat: no-repeat;
}
#about-wrapper {
	margin: 0px auto 0;
	background: url(images/aboutus_background.gif) no-repeat;
	height: 1160px;
	width: 640px;
	padding: 0px;
}
#directions-wrapper {
	margin: 0px auto 0;
	background: url(images/directions_background.gif) no-repeat;
	height: 923px;
	width: 640px;
	padding: 0px;
}
#contact-wrapper {
	margin: 0px auto 0;
	background: url(images/contactus_background.gif) no-repeat;
	height: 882px;
	width: 640px;
	padding: 0px;
}
#content {
	width: 532px;
	float: right;
}
/* styles for home page */
div#home-wrapper #content #logo {
	margin: 0px;
	padding: 0px;
}
div#home-wrapper #content .announce {
	line-height: 1.8em;
	font-weight: bold;
	font-style: italic;
	color: #3333FF;
	font-size: 1.0em;
	margin-top: 360px;
}
div#home-wrapper #content #contact {
	font-size: 1em;
	padding-top: 10px;
	font-weight: bold;
}
div#home-wrapper #content .ca-important {
	color: #00BF02;
	font-size: 1em;
	font-weight: bold;
}
#sub-logo {
	color: #FFFFFF;
	font-size: 24px;
	letter-spacing: 3px;
	margin-top: 2px;
}

/* styles for currurent activities page */
div#ca-wrapper #content p.bullletheading {
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin-left: 62px;
	margin-right: 80px;
	font-family: "Century Gothic";
	/*	color: #663399; */
	color: #3333FF;
	font-size: 16px;
	margin-top: 40px;
	margin-bottom: 0px;
}
div#ca-wrapper #content ul {
	margin-top: 0px;
	padding-top: 2px;
	padding-left: 50px;
}
div#ca-wrapper #content ul li {
	font-weight: bold;
	font-style: italic;
	text-align: left;
	margin-left: 30px;
	margin-right: 80px;
	font-family: "Century Gothic";
	/*	color: #663399; */
	color: #3333FF;
	font-size: 14px;
	line-height: 1.3em;
}
div#ca-wrapper #content .ca-notes {
	font-size: 16px;
	font-weight: bold;
	font-family: "Century Gothic";
	color: #663399;
	margin-top: 10px;
	text-align: center;
	padding-left: 1%;
}
div#ca-wrapper #content #ca-bottom {
	margin-top: 310px;
	font-weight: bold;
	font-family: "Century Gothic";
	color: #000000;
}
div#ca-wrapper #content #ca-bottom .ca-important {
	color: #000000;
	font-size: 0.95em;
	font-weight: normal;
}
div#ca-wrapper #content #ca-bottom .ca-access {
	font-style: italic;
	color: #000000;
	font-size: 1.2em;
	margin-top: 60px;
	margin-bottom: 70px;
}

/* styles for About the Studio page */
div#about-wrapper #content .about-black {
	color: #000000;
	font-size: 1em;
	padding-top: 40px;
}
.black {
	color: #000000;
	font-size: 1em;
}
div#about-wrapper #content #picture {
	font-weight: bold;
	color: #333399;
	font-size: 0.9em;
}
div#about-wrapper #content ul li {
	font-weight: bold;
	text-align: left;
	margin-left: 100px;
	font-family: "Century Gothic";
}

/* styles for Directions page */
div#directions-wrapper #content .dir-blue {
	color: #003DF2;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}
div#directions-wrapper #content #directions {
	width: 380px;
	margin-top: 0;
	margin-left: 10px;
	font-size: 1em;
}
div#directions-wrapper #content #directions .dir-black {
	color: #000000;
	text-align: left;
	font-size: 1em;
	padding: 0 0 0 20px;
	margin: 8px 0 0 0;
	line-height: 1.3em;
}

/* styles for Contact Us page */
div#contact-wrapper #content #address {
	width: 340px;
	text-align: left;
	padding-right: 80px;
	padding-left: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 60px;
	border-bottom: thin groove #FFFFFF;
}
div#contact-wrapper #content #address td.left {
	width: 30%;
	vertical-align: top;
	font-weight: bold;
	padding-bottom: 16px;
}
div#contact-wrapper #content #address td.right {
	width: 70%;
	vertical-align: top;
}
div#contact-wrapper #content .contact-black {
	text-align: left;
	font-size: 0.9em;
	padding-right: 60px;
	padding-left: 40px;
}

div#contact-wrapper #content .contactform {
	margin-top: 0;
	padding-right: 30px;
	padding-left: 20px;
	text-align: left;
}
div#contact-wrapper #content fieldset {
	margin-bottom: 20px;
}
div#contact-wrapper #content legend {
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 20px;
	margin-bottom: 20px;
}
div#contact-wrapper #content .label {
	width: 35%;
	font-weight: bold;
}
div#contact-wrapper #content .box {
	width: 65%;
}

/* styles for navigation menu at the left */
#navcontainer {
	float: left;
	width: 108px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
#navcontainer ul {
	margin-top: 60px;
	margin-left: 12px;
	padding-left: 0px;
}
#navcontainer ul li {
	list-style: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 0px;
	margin: 0;
	font-size: 15px;
	text-decoration: none;
}
#current {
	color: #6633CC;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
div#home-wrapper a.openhouse {
	color: #663399;
	font-weight: bold;
}
div#home-wrapper #content a:link {
	color: #3333FF;
	text-decoration: underline;
}
div#home-wrapper #content a:visited {
	color: #3333FF;
	text-decoration: underline;
}
div#home-wrapper #content  a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
