@charset "utf-8";
/* CSS Document */

body{
	font-family: Times New Roman;
	background-color: #008c98;
	text-align: center;
}

#wrapper{
	width: 1024px;
	height: 768px;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	background-color: #FFFFFF;
	}

/* HEADER STYLES */
#header {
	float:left;
	width: 1024px;
	height: 240px;
	text-align: left;
	}
	
#nav {
	float: left;
	width: 670px;
	height: 133px;
	text-align: center;
	background-image: url(images/nav.jpg);
	}
	
#nav span {
	font-size: 20px;
	font-family: Tahoma;
	font-weight: bold;
	color: #a0218c;
	}
	
#nav a:link{
	text-decoration: none;
	color: #a0218c;
	}
	
#nav a:hover{
	text-decoration: none;
	color: #008c98;
	}
	
#nav a:visited{
	text-decoration: none;
	color: #a0218c;
	}
	
#nav a:active{
	text-decoration: none;
	color: #008c98;
	}
	
.tagline {
	font-family: Times New Roman;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	}
	
#logo {
	float: left;
	width: 354px;
	height: 240px;
	}
	
#purpSpace {
	float: left;
	width: 311px;
	height: 107px;
	background-image: url(images/purpspace.jpg);
	}
	
#newsTitle {
	float: left;
	width: 358px;
	height: 107px;
	background-image: url(images/bluetitle.jpg);
	text-align: center;
	}
	
.newsTitletext{
	margin-top: 50px;
	font-size: 26px;
	font-weight: bold;
	font-style: normal;
	color: #a0218c;
	font-variant: small-caps;
	}
/* END HEADER STYLES */


/* MAIN CONTENT STYLES */
#content {
	float: left;
	width: 665px;
	}
	
#contact {
	float: left;
	width: 665px;
	height: 39px;
	text-align: center;
	font-family: Tahoma;
	font-size: 14px;
	color: #008c98;
	line-height: 35px;
	}
	
#contact a:link {
	text-decoration: none;
	color: #008c98;
	}
	
#contact a:hover {
	text-decoration: none;
	color: #a0218c;
	}
	
#contact a:visited {
	text-decoration: none;
	color: #008c98;
	}
	
#contact a:active {
	text-decoration: none;
	color: #a0218c;
	}
	
#main {
	float: left;
	width: 590px;
	height: 437px;
	margin-left: 65px;
	margin-right: 10px;
	text-align: left;
	font-size: 16px;
	}
	
.homeTitle {
	font-size: 24px;
	color: #008c98;
	text-transform: uppercase;
	}
	
.eventTitle {
	font-size: 24px;
	color: #008c98;
	font-weight: bold;
	text-transform: none;
	}
	
.purple20 {
	font-size: 24px;
	color: #a0218c;
	font-weight: bold;
	text-transform: none;
	}
	
.eventInfo {
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	text-transform: none;
	}
	
.aboutTitle {
	font-size: 18px;
	color: #008c98;
	text-transform: uppercase;
	}
	
.mainText {
	font-size: 14px;
	}
	
.mainTitle {
	font-size: 36px;
	color: #a0218c;
	font-style: italic;
	font-weight: bold;
	}

#homePoint {
	width: auto;
	height: 100px;
	}
	
#footer {
	float: left;
	width: 665px;
	height: 52px;
	font-family: Tahoma;
	font-size: 11px;
	color: #008c98;
	}
	
#footer a:link {
	text-decoration: none;
	color: #a0218c;
	}
	
#footer a:hover {
	text-decoration: none;
	color: #008c98;
	}
	
#footer a:visited {
	text-decoration: none;
	color: #a0218c;
	}
	
#footer a:active {
	text-decoration: none;
	color: #008c98;
	}
/* END MAIN CONTENT STYLES */


/* BLUE BOX STYLES */
#blueBox {
	float: left;
	width: 359px;
	height: 527px;
	text-align: center;
	background-image: url(images/bluebox.jpg);
	}
	
#blueContent {
	float: left;
	width: 275px;
	margin-left: 42px;
	margin-right: 42px;
	font-size: 16px;
	}
	
.italic16 {
	font-size: 16px;
	font-style: italic;
	}

.blueHeadline {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.squiggle {
	font-size: 40px;
	font-weight: bold;
	color: #008c98;
	}
	
#blueBox a:link {
	text-decoration: none;
	color: #a0218c;
	font-weight: bold;
	font-style: normal;
	}
	
#blueBox a:hover {
	text-decoration: none;
	color: #008c98;
	font-weight: bold;
	font-style: normal;
	}
	
#blueBox a:visited {
	text-decoration: none;
	color: #a0218c;
	font-weight: bold;
	font-style: normal;
	}
	
#blueBox a:active {
	text-decoration: none;
	color: #008c98;
	font-weight: bold;
	font-style: normal;
	}
	
.blueTitle{
	font-size: 26px;
	font-weight: bold;
	font-style: normal;
	color: #a0218c;
	font-variant: small-caps;
	}
/* END BLUE BOX STYLES */