/* FOUNDATION STYLES*/
body{
	background-color: #c4e7e7;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	margin: 0;
}

* {
margin: 0;
padding: 0;
}

                                           /* FONT STYLES AND ALIGNMENT */
                                           
h1{
	font-size: 22px;
}

.underline{
	text-decoration: underline;
}

.bold{
	font-weight: bold;
}

.italic{
	font-style: italic;
}

.underline{
	text-decoration: underline;
}

.boldItalic{
	font-family: verdana, arial, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 10px;
	color: #000000;
	text-align: center;
}

.boldCenter{
	font-weight: bold;
	text-align: center;
}

.center{
	text-align: center;
}

.floatLeft{
	position: relative;
	float: left;
}

.floatRight{
	position: relative;
	float: right;
}

.clearer{
	clear: both;
	line-height: 0em;
}

.indent{
	text-indent: 2em;
	text-align: justify;
}

.leftAlign{
	text-align: left;
}


                                                              /*COLOURS*/
                                                              
.blue{
	color: #007ac2;
}

.white{
	color: #ffffff;
}

.purple{
	color: #574fa1;
}
                                                             
.lightBlue{
	color: #c4e7e7;
}

.red{
	color: #ab0039;
}



#wrapper{
	position: relative;
	width: 972px;
   	margin: 30px auto;
	background-color: #ffffff;
	text-align: justify;
	border: 3px solid #ffffff;
}

#indexHeader{
   	position: relative;
	width: 972px;
	height: 213px;
	background-image: url(images/headerHome.jpg);
	background-repeat: no-repeat;
}

#friendsHeader{
   	position: relative;
	width: 972px;
	height: 213px;
	background-image: url(images/headerFriendsOfThePark.jpg);
	background-repeat: no-repeat;
}

#scheduleHeader{
   	position: relative;
	width: 972px;
	height: 213px;
	background-image: url(images/headerSchedule.jpg);
	background-repeat: no-repeat;
}

#ticketsHeader{
   	position: relative;
	width: 972px;
	height: 213px;
	background-image: url(images/headerTickets.jpg);
	background-repeat: no-repeat;
}

#mapHeader{
   	position: relative;
	width: 972px;
	height: 213px;
	background-image: url(images/headerMap.jpg);
	background-repeat: no-repeat;
}

#missionHeader{
   	position: relative;
	width: 972px;
	height: 213px;
	background-image: url(images/headerMission.jpg);
	background-repeat: no-repeat;
}

#contactHeader{
   	position: relative;
	width: 972px;
	height: 213px;
	background-image: url(images/headerscontact.jpg);
	background-repeat: no-repeat;
}

#sponsorHeader{
   	position: relative;
	width: 972px;
	height: 213px;
	background-image: url(images/headerSponsors.jpg);
	background-repeat: no-repeat;
}


#languageLink{
	position: absolute;
	top: -28px;
	left: 670px;
	width: 300px;
	height: 30px;
	font-family: arial, verdana, sans-serif;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}

#content{
	position: relative;
	float: left;
	background-color: #ffffff;
	width: 972px;
}

#leftContent{
	position: relative;
	width: 218px;
	float: left;
	background-color: #574fa1;
	height: 545px;
	margin-bottom: 0px;
}
                                                              
#greenTextBarTop{
	position: relative;
	float: left;
	background-color: #009d57;
	height: 20px;
	padding: 5px 0px;
	width: 754px;
	letter-spacing: 0.25em;
	font-family: verdana, arial, sans-serif;
	color: #ffffff;
	text-align: center;
}

#rightContent{
	position: relative;
	float: left;
	width: 734px;
	background-color: transparent;
	padding: 15px 10px 0px 10px;
}

#contactRightContent{
	position: relative;
	float: left;
	width: 734px;
	font-size: 14px;
	background-color: transparent;
	padding: 15px 10px 0px 10px;
}

#mapRightContent{
	position: relative;
	float: left;
	width: 734px;
	background-color: transparent;
	padding: 15px 10px 0px 10px;
}

#mapRightContent img{
	margin-left: 15px;
}

#ticketsRightContent{
	position: relative;
	float: left;
	width: 754px;
	height: 515px;
	background-color: transparent;
	background-image: url(images/picTickets.jpg);
	padding: 0px;
	font-size: 15px;
}

#indexFarRightContent{
	position: relative;
	float: right;
	background-image: url(images/snowTexture2.jpg);
	background-repeat: no-repeat;
	height: 515px;
	width: 269px;
	padding: 0px;
	background-color: transparent;
	margin: -15px -10px 0px 15px;
}

#contactFarRightContent{
	position: relative;
	float: right;
	background-image: url(images/picContact.jpg);
	background-repeat: no-repeat;
	height: 515px;
	width: 391px;
	padding: 0px;
	background-color: transparent;
	margin: -15px -10px 0px 15px;
}

#sponsorsFarRightContent{
	position: relative;
	float: right;
	height: 515px;
	width: 32px;
	padding: 0px;
	background-color: transparent;
	margin: -15px -10px 0px 0px;
}

#mapText{
	position: relative;
	float: left;
	margin-left: 15px;
}

#mapFarRightContent{
	position: relative;
	float: right;
	height: 515px;
	width: 269px;
	padding: 0px;
	background-color: #007ac2;
	margin: -15px -10px 0px 15px;
}

#mapFarRightContent img{
	margin-top: 25px;
	margin-left: 0px; 
}

#topBox{
	position: relative;
	float: left;
	width: 200px;
	height: 52px;
	padding: 20px;
	margin-left: 10px;
	margin-top: 30px;
	text-align: center;
} 

#middleBox{
	position: relative;
	float: left;
	width: 210px;
	height: 72px;
	padding: 20px;
	margin-left: 5px;
	margin-top: 60px;
	text-align: center;
} 

#bottomBox{
	position: relative;
	float: left;
	width: 200px;
	height: 92px;
	padding: 20px;
	margin-left: 10px;
	margin-top: 40px;
	text-align: center;
} 

#ticketsBox{
	position: relative;
	float: left;
	width: 500px;
	height: 208px;
	padding: 20px 0px 20px 0px;
	margin-left: 126px;
	margin-top: 50px;
	text-align: center;
}

#sponsorsLeft{
	position: relative;
	float: left;
	width: 340px;
	font-size: 12px;
	margin-right: 7px;
}

#sponsorsRight{
	position: relative;
	float: left;
	width: 340px;
	font-size: 12px;
	margin-left: 7px;
}

.sponsorsh1Boxes{
	position: relative;
	float: left;
	height: 30px;
	width: 340px;
	background-color: #007ac2;
	text-align: center;
}
	


#farRightContent{
	position: relative;
	float: right;
	height: 515px;
	width: 269px;
	padding: 0px;
	background-color: #007ac2;
	margin: -15px -10px 0px 15px;
}

#farRightContent img{
	margin-top: 25px;
}


                                                       /*NAVIGATION*/

#verticalLinkContainer{
	position: relative;
	float: left;
	width: 218px;
	background-color: #574fa1;
}	                                        
                                        
#verticalLinkContainer ul{
	position: relative;
	float: left;
	list-style-type: none;
	width: 175px;
    background-color: transparent;
    z-index: 1000;
    margin: 0px;
} 
                                      
                                        
#verticalLinkContainer li{
	width: 218px;
	display: block;
}                                       
                                        
#verticalLinkContainer li a{
	color: #ffffff;
	text-decoration: none;
}                                       
                                        
#verticalLinkContainer li a:hover{
   	color: #000000;
	text-decoration: none;
}

#verticalLinkContainerFiller{ /*for schedule page*/
	position: relative;
	float: left;
	width: 218px;
	height: 1030px;
	background-color: #574fa1;
}	                                        

.purpleLinks{
	position: relative;
	float: left;
	width: 218px;
	height: 20px;
	background-color: #574fa1;
	padding: 5px 0px;
    margin: 0px;
    font-family: verdana;
    font-weight: bold;
	font-size: 11px;
	text-align: left;
}

.purpleLinks a{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	margin-left: 15px;
}

.purpleLinks a:hover{
	color: #000000;
}

.limeLinks{
	position: relative;
	float: left;
	width: 218px;
	height: 20px;
	background-color: #a3c744;
	padding: 5px 0px;
	margin: 0px;
    font-family: verdana;
    font-weight: bold;
	font-size: 11px;
	text-align: left;
}

.limeLinks a{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	margin-left: 15px;
}

.limeLinks a:hover{
	color: #000000;
}

.blueLinks{
	position: relative;
	float: left;
	width: 218px;
	height: 20px;
	background-color: #007ac2;
	padding: 5px 0px;
	margin: 0px;
    font-family: verdana;
    font-weight: bold;
	font-size: 11px;
	text-align: left;
}

.blueLinks a{
	color: #ffffff;
	text-decoration: none;
	margin-left: 15px;
	font-weight: bold;
}

.blueLinks a:hover{
	color: #000000;
}

.greenLinks{
	position: relative;
	float: left;
	width: 218px;
	height: 20px;
	background-color: #009d57;
	padding: 5px 0px;
	margin: 0px;
    font-family: verdana;
    font-weight: bold;
	font-size: 11px;
	text-align: left;
}

.greenLinks a{
	color: #ffffff;
	text-decoration: none;
	margin-left: 15px;
	font-weight: bold;
}

.greenLinks a:hover{
	color: #000000;
}

                                                              /*END NAVIGATION*/
                                                              
                                                              /*SCHEDULE TABLE*/


#tableContainer{
	position: relative;
	float: left;
	border: 1px solid black;
}

.schedule{
	width: 732px;
	background-color: #ffffff;
	border-spacing: 0px;
}

.schedule th{
	background-color: #007ac2;
	height: 20px;
	padding: 8px;
	font-family: verdana;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
}

.schedule td{
	height: 20px;
	padding: 8px;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
}

.lightBlueBackground{
	background-color:#c4e7e7;
}

.lightBlueBackgroundCenter{
	background-color:#c4e7e7;
	text-align: center;
	font-style: italic;
}

#footer{
	position: relative;
	float: left;
	width: 972px;
	height: 25px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	padding: 3px 0px;
}

#footerLeftAlign{
	position: relative;
	float: left;
	text-align: left;
	margin-left: 10px;
}

#footerRightAlign{
	position: relative;
	float: left;
	width: 425px;
	text-align: right;
	margin-left: 545px;
	margin-top: -13px;
}