/********************************************************************************************/
/* Cascading Style Sheet file for Habanaloko website.                                   	*/
/* Target Media:  Screen 																	*/
/* Author: Martin Chatterton                												*/
/* Date:   1st October 2006	    			  										    	*/
/********************************************************************************************/
/* Revision History                            												*/
/********************************************************************************************/
/* Amended by: xxxxxxxxxxxxxxxxxxxxxxxxx                                   				    */
/* Date:       dd/mm/ccyy                      												*/
/* Details:    xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx								*/
/********************************************************************************************/

/********************************************************************************************/
/* HTML Tags                                   												*/
/********************************************************************************************/
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color:#235399;
}

h1{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 18pt;
	 margin: 0px;
	 padding: 0px;
}

h2{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 14pt;
	 margin: 0px;
	 padding: 0px;
}

h3{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 12pt; 
	 margin: 0px;
	 padding: 0px;
}

h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 10pt;	
	margin: 0px;
	padding: 0px;
}

h5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 8pt;	
	margin: 0px;
	padding: 5px;
}
/******************************************************************************************/
/* Block layers for web page layout            											  */
/******************************************************************************************/
#pageLayer {
	position: relative;
	width: 990px;
	height: 650px;
	background-image:url(../gfx/base.jpg);
}

#pageHeading {
	position: absolute;
	top: 18px;
	left: 20px;
	width: 500px;
	height: 40px;
}

#mainMenu {
	position: absolute;
	top: 4px;
	Right: 6px;
	width: 460px;
	height: 70px;
}

#intro {
	position:absolute;
	width: 550px;
	height: 246px;
	top: 80px;
	left: 10px;
}

#logo {
	position:absolute;
	top: 80px;
	left: 650px;
	width: 245px;
	height: 246px;
}

#mainContent{
	position:absolute;
	width: 972px;
	height: 300px;
	top: 336px;
	left: 4px;
	padding: 5px;
	overflow: auto;
	overflow-x: hidden;	 
	background-color:#FFFFFF;
}

#partyBook{
	position:absolute;
	width: 930px;
	height: 18px;
	top: 15px;
	left: 18px;
	padding: 5px;	
	text-align:center;
}

#partyMap{
	position:absolute;
	width: 300px;
	height: 200px;
	top: 35px;
	left: 10px;
	border:solid 1px;
}

#partyAddress{
	position:absolute;
	width: 240px;
	height: 164px;
	top: 35px;
	left: 310px;
	padding: 20px;
}

#partyInfo{
	position:absolute;
	width: 370px;
	top: 30px;
	left: 530px;
	padding: 10px;
}

#spacerPanel{
	position:relative;
	width: 930px;
	height: 10px;
	left: 18px;
}

#classPanel{
	position:relative;
	width: 930px;
	height: 270px;
	top: 10px;
	left: 8px;
	background-image:url(../gfx/textpanel.png);
	padding: 5px;
	background-repeat:no-repeat;
}

#classPanelSmall{
	position:relative;
	width: 930px;
	height: 100px;
	top: 10px;
	left: 8px;
	background-image:url(../gfx/textpanelsmall.png);
	padding: 5px;
	background-repeat:no-repeat;
}

#classTimes{
	position:absolute;
	width: 370px;
	top: 120px;
	left: 0px;
	padding: 10px;
}

#riderInfo{
	position:absolute;
	width: 610px;
	top: 30px;
	left: 160px;
	padding: 10px;
}

#dayName{
	position:absolute;
	width: 100px;
	height: 20px;
	top: 5px;
	left: 20px;
}

#galleryMainContent{
	position:absolute;
	width: 982px;
	height: 310px;
	top: 336px;
	left: 4px;
	background-image:url(../gfx/gallerybackground.jpg);
	background-repeat:no-repeat;
}

#galleryFlashContent{
	position:absolute;
	width: 982px;
	height: 310px;
	top: 336px;
	left: 4px;
/*	background-repeat:no-repeat;*/
}

#galleryScrollPanel{
	position:absolute;
	width: 968px;
	height: 288px;
	top: 6px;
	left: 4px;
	padding: 5px;
	overflow: auto;
	overflow-x: hidden;	 
}

#anniBackPanel{
	position:absolute;
	width: 982px;
	height: 310px;
	top: 336px;
	left: 4px;
	overflow: auto;
	overflow-x: hidden;
}

#anniContPanel{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 982px;
	height: 650px;	
	/*background-image:url(../gfx/annibackground.jpg);
	background-repeat: no-repeat;*/
	text-align: center;
	z-index: 400;
}

#divFrig
{
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: -100;
}

#anniTextPanel{
	/*position:absolute;
	width: 550px;
	height: 600px;
	top: 25px;
	left: 400px;
	text-align: center;	
	background-color:#CC3333;*/
}

#anniButtonPanel{
	/*position:absolute;
	top: 390px;
	left: 780px;*/	
	width: 200px;
	height: 86px;
	text-align: center;
}

#galleryBack{
	position:absolute;
	width: 420px;
	height: 20px;
	top: 230px;
	left: 385px;
}

#aboutGfx{
	position:absolute;
	width: 376px;
	height: 650px;
	top: 5px;
	left: 10px;
}

#aboutPara{
	position:relative;
	width: 525px;
	left: 390px;	
	padding: 10px;
	background-image:url(../gfx/abouttext.png);
	background-repeat:repeat;
	border: solid 1px;
}

#aboutSpacer{
	position:relative;
	width: 600px;
	height: 5px;
}

#newsContRow{
	position:relative;
	width: 960px;
	height: 90px;
}

#newsContLeft{
	position:absolute;
	width: 460px;
	height: 90px;
	left: 5px;
	background-image:url(../gfx/abouttext.png);
	background-repeat:repeat;		
	border: solid 1px;		
}

#newsContRight{
	position:absolute;
	width: 460px;
	height: 90px;
	left: 475px;
	background-image:url(../gfx/abouttext.png);
	background-repeat:repeat;		
	border: solid 1px;		
}

#newsGfx{
	position:absolute;
	width: 120px;
	height: 80px;
	top: 5px;
	left: 5px;
}

#newsText{
	position:absolute;
	width: 300px;
	height: 70px;
	left: 135px;
	padding: 10px;
}

#historyPara{
	position:relative;
	left: 10px;
	width: 900px;
	padding: 10px;
	background-image:url(../gfx/abouttext.png);
	background-repeat:repeat;
	border: solid 1px;
}

#historyGfx{
	position:absolute;
	width: 80px;
	height: 99px;
	top: 40px;
	left: 10px;
}

#historyText{
	position:relative;
	left: 85px;
	width: 800px;
	padding: 10px;
}

#holidaysFlashContent{
	position:absolute;
	top:5px;
	left: 40px;
	width: 900px;
	height: 300px;
}

#linksHelp{
	position:absolute;
	width: 420px;
	height: 20px;
	top: 0px;
	left: 265px;
}

#linksRow{
	position:relative;
	width: 960px;
	height: 70px;
}

#linksContLeft{
	position:absolute;
	width: 420px;
	height: 70px;
	left: 35px;
}

#linksContRight{
	position:absolute;
	width: 420px;
	height: 70px;
	left: 505px;
}

#linksGfx{
	position:absolute;
	width: 60px;
	height: 40px;
	top: 15px;
	left: 15px;
}

#linksText{
	position:absolute;
	width: 300px;
	height: 50px;
	top: 10px;
	left: 90px;
	padding: 5px;
	text-align:left;
}

#contactsMainContent{
	position:absolute;
	width: 982px;
	height: 310px;
	top: 336px;
	left: 4px;
	background-image:url(../gfx/contactsbackground.jpg);
	background-repeat:no-repeat;
}

#contactsBack{
	position:absolute;
	top: 30px;
	left: 40px;
	width: 900px;
	height: 245px;
	background-image:url(../gfx/abouttext.png);
	background-repeat:repeat;
	border: solid 1px;
}

#contactsLeftPara{
	position:absolute;
	width: 210px;
	top: 20px;	
	left: 20px;	
	padding: 10px;
}

#contactsCentrePara{
	position:absolute;
	width: 300px;
	top: 20px;	
	left: 210px;	
	padding: 10px;
}

#contactsRightPara{
	position:absolute;
	width: 320px;
	top: 20px;
	right: 20px;	
	padding: 10px;
}

#contactsBottomPara{
	position:absolute;
	width: 700px;
	bottom: 5px;	
	left: 20px;	
	padding: 10px;
}

#siteInfo{
	position:absolute;
	width: 120px;
	height: 12px;
	bottom: 10px;
	left: 16px;
	font-size: 6.5pt;
}
/******************************************************************************************/
/* Paragraph Styles	           	                										  */
/******************************************************************************************/
#partyAddress p {
	line-height: 10pt;
}

#partyInfo p {
	line-height: 10pt;
}

#futurePanel p {
	line-height: 8pt;
}

#classTimes p {
	line-height: 6pt;
}
/******************************************************************************************/
/* Main Content Link Styles		                										  */
/******************************************************************************************/
#mainContent a:link, #mainContent a:visited, #galleryBack a:link, #galleryBack a:visited, #newsText a:link, #newsText a:visited, #historyPara a:link, #historyPara a:visited, #contactsCentrePara a:link, #contactsCentrePara a:visited{
	font-weight: bold;	
	color:#3939B0;
	padding: 0px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#mainContent a:hover, #galleryBack a:hover, #newsText a:hover, #historyPara a:hover, #contactsCentrePara a:hover{
	color: #999900;
	text-decoration: none;	
}
/******************************************************************************************/
/* Text Styles											           						  */
/******************************************************************************************/
.normalGreenText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #140933;	
}

.boldGreenText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #140933;
}

.boldBlueText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000066;
}

.boldBlackText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

.boldGoldText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#CCCC00;
}

.normalWhiteText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
}

.normalBlueText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003366;
}

.boldWhiteText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
}

.normalGreyText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #637676;
}

.captionRedText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	color:#FF3333;
}

.captionBronzeText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	color:#999966
}

.captionBlueText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	color:#0033CC;
}

.captionGreyText {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 7pt;
	text-align:center;
	color: #637676;
}

.menugreyText {
	font-weight: bold;
	text-decoration: none;	
	color: #7372AD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;	
}

.headline12Text {
	font-size: 12pt;
	font-weight: bold;
	color: #140933;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.headline10Text {
	font-size: 10pt;
	font-weight: bold;
	color: #140933;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.headline8Text {
	font-size: 8pt;
	font-weight: bold;
	color: #140933;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.mainContentText {
	font-weight: normal;
	text-align: justify;	
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
}

.content12Text {
	font-weight: normal;
	text-align: justify;	
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 14pt;
}

.promo16Text {
	font-weight: normal;
	text-align: center;	
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	line-height: 18pt;
}

.promo14Text {
	font-weight: normal;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 16pt;
}

.promo12Text {
	font-weight: normal;
	text-align: center;	
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 14pt;
}

.promo10Text {
	font-weight: normal;
	text-align: center;	
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
}

.promo8Text {
	font-weight: normal;
	text-align: center;	
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 10pt;
}

.special14Text {
	font-weight: normal;
	text-align: center;	
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 16pt;
}

.special12Text {
	font-weight: bold;
	text-align: center;	
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 14pt;
}


.special10Text {
	font-size: 10pt;
	line-height: 12pt;	
	font-weight: bold;
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.anniRedText24 {
	font-size: 24pt;
	line-height: 26pt;	
	font-weight: bold;
	color: #C33132;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}

.anniWhiteText24 {
	font-size: 24pt;
	line-height: 26pt;	
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}

.anniWhiteText20 {
	font-size: 20pt;
	line-height: 22pt;	
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}

.anniWhiteText18 {
	font-size: 18pt;
	line-height: 20pt;	
	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
}

.anniWhiteText16 {
	font-size: 16pt;
	line-height: 18pt;	
	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}

.anniWhiteText14L {
	font-size: 14pt;
	line-height: 16pt;	
	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
}

.anniWhiteText14 {
	font-size: 14pt;
	line-height: 16pt;	
	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}

.anniWhiteText12L {
	font-size: 12pt;
	line-height: 14pt;	
	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
}

.anniWhiteText12 {
	font-size: 12pt;
	line-height: 14pt;	
	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}

.anniWhiteText10 {
	font-size: 10pt;
	line-height: 12pt;	
	font-weight: normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}

.anniGoldText14 {
	font-size: 14pt;
	line-height: 16pt;	
	font-weight: bold;
	color: #CC9933;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}