@charset "UTF-8";
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #6accec url(../images/bg.png) top center repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;
}



#container { 
	width: 931px;
	background: #6accec;
	margin: 0 auto; 
	border: 0;
	text-align: left; 
	
} 
#header { 
	background:  url(../images/header-nav.png) top no-repeat; 
	padding: 0;
	width: 931px;
	height: 147px;
	margin: 0;
} 

#subHeader {
	background: url(../images/subnav.png) top no-repeat;
	padding: 0;
	width: 931px;
	height: 16px;
	text-align:right;
	font-size: 11px; color: #0eabe0;
	}
	
	#subHeader a {font-size: 11px; color: #0eabe0; text-decoration:none}
	#subHeader a:hover {color: #ed1f24;}


#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 240px; 
	background: #6accec;
	padding: 0;
	height: 323px;
}

	#exhibits {
	margin: 0;
	padding: 0;
	width: 240px;
	height: 104px;
	overflow:hidden;
	}
	
	#exhibits a {
		display:block;
		height:104px; width:240px;
		background:transparent url(../images/exhibits.png) no-repeat 0 0;
		text-indent:-9009px;
		border: 0;
		 }
		 
	/*hover*/
	#exhibits a:hover {
	   background-position: 0 -104px;
	   }

	
	
	#trains {
	margin: 0;
	padding: 0;
	width: 240px;
	height: 40px;
	overflow:hidden;
	}
	
	#trains a {
		display:block;
		height:40px; width:240px;
		background:transparent url(../images/trains.png) no-repeat 0 0;
		text-indent:-9009px;
		border: 0;
		 }
		 
	/*hover*/
	#trains a:hover {
	   background-position: 0 -40px;
	   }
	
	
	#address {
	height: 179px;
	width: 240px;
	background:url(../images/address.png) top left no-repeat;
	padding: 0;
	margin: 0;
	}
	
	#address  p {
	margin: 0 0 0 100px;
	padding-top: 10px;
	font-size: 11px;
	color: #0eabe0;
	}

#calendar #mainContent {
	padding: 15px 0;
	background: #fff;
	height: auto;
	width: 950px;
	border: 1px solid #69C;
	
}

#mainContent { 
	margin: 0 0 0 240px; 
	padding: 0;
	background: #6accec url(../images/bg_copy.png) right top repeat-y;
	height: auto;
	border: 0;
	} 


#copyArea {
	padding: 0;
	margin: 0;
	background: transparent url(../images/copyArea.png) top left no-repeat;
	}
	
	#copyArea p {
	font-size: 12px; color:#333333;
	padding: 0;
	margin: 0 120px 15px 40px;
	line-height: 135%;
	}
	
	#copyArea a {color: #0eabe0}
	#copyArea a:hover {color: #ed1f24}
	
	a.closewindow {color: #0eabe0l; font-size: 10px; text-align:right;}
	a.closewindow:hover {color: #ed1f24}
	
	
	.headline {font-size: 14px}

	
	#copyArea table {
	font-size: 12px; color:#333333;
	border-collapse: collapse;
	width: 350px;
	margin: 0 120px 15px 40px;
	}

	#copyArea tr.aqua td {
		border-top: 1px solid #6accec;
		border-bottom: 1px solid #6accec;
		background: #c5e7f3;
		}
	
	#copyArea td {
		border-bottom: 1px solid #6accec;
		padding: 0.5em;
		text-align:left;
		}
		
	#copyArea td+td {
		border-left: 1px solid #6accec;
				}

	ul.content{
	 list-style: outside;
	 margin: 0 120px 15px 40px;
	 padding-left: 14px;
	 padding-bottom: 10px;
	 padding-top: 0px;
	}
	
	ul.content li{
	font-size: 12px; color:#333333;
	 padding-left: 2px;
	 padding-top: 0px;
	}
			
	

#footer { 
	padding: 0;
	background: #6accec url(../images/footer.png) top no-repeat;
	} 

#footer p {
	margin: 0; 
	padding: 120px 0 30px 160px;
	text-align:center; 
	font-size: 11px;
	color: #0eabe0;
}

#footer a {color: #FFFFFF; text-decoration:none; padding-right: 25px;}
#footer a:hover {color: #000099}





.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* 
*************
NAVIGATION
*************
*/


#navsigns {height: 71px; width: 931px; padding: 0; margin: 0; border: 0;}
#navsignsLinks {margin: 0 0 0 500px; padding:0; width: 213px; height: 71px; overflow:hidden;}

#navContainer {width: 100%; height: 76px; margin: 0; padding: 0; border: 0; border: 0; overflow: hidden}
#navlist {
margin: 0;
margin: 0 0 0 250px;
padding: 0;
width: 530px;
height: 76px;
}

#navlist ul {margin: 0; padding: 0; width: 530px; height: 76px;}

#navlist li {
	display:block;
	float:left;
	list-style-type:none;
	padding: 0;
	margin: 0;
	border: 0;
}

#navlist ul li a {
   	display:block;
    height:76px; width:53px;
    background:transparent url(../images/navigation.png) no-repeat 0 0;
    text-indent:-9009px;
	border: 0;
     }
	 
/*hover*/
#navlist ul li a:hover {
   background-position: 0 -76px;
   }

/*activities*/
#navlist ul li#nActivities a {
	width:80px;
	background-position: -53px 0;
}

#navlist ul li#nActivities a:hover {
   background-position: -53px -76px;
   }
   
/*groups*/
#navlist ul li#nGroups a {
	width:55px;
	background-position: -133px 0;
}

#navlist ul li#nGroups a:hover {
   background-position: -133px -76px;
   }

/*teachers*/
#navlist ul li#nTeachers a {
	width:70px;
	background-position: -188px 0;
}

#navlist ul li#nTeachers a:hover {
   background-position: -188px -76px;
   }
   

/*support*/
#navlist ul li#nSupport a {
	width:59px;
	background-position: -258px 0;
}

#navlist ul li#nSupport a:hover {
   background-position: -258px -76px;
   }
   
 /*parties*/
#navlist ul li#nParties a {
	width:113px;
	background-position: -317px 0;
}

#navlist ul li#nParties a:hover {
   background-position: -317px -76px;
   }
   
   /*members*/
#navlist ul li#nMembership a {
	width:100px;
	background-position: -430px 0;
}

#navlist ul li#nMembership a:hover {
   background-position: -430px -76px;
   }



/*
************
SLIDESHOW
************
*/

#TV {float: right; width: 204px; padding-right: 74px; height:232px; text-align:right;}

#slideshow {
    position:relative;
	height:232px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}





/*HEADERS*/

#homePage, #homePage span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_index.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 5px;
	}
	
	h1 span { margin-bottom: -93px; margin-left: -5px; }
	
#visit, #visit span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_visit.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 15px;
	}
	
#membership, #membership span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_membership.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 15px;
	}
	

#groups, #groups span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_groups.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 15px;
	}
	
#activities, #activities span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_activities.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 15px;
	}
	
#party, #party span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_party.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 10px;
	}
	
#teachers, #teachers span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_teachers.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 15px;
	}
	
	
#support, #support span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_support.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 10px;
	}
	
#contact, #contact span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_contact.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 10px;
	}
		
		
#newcmva, #newcmva span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_new.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 15px;
	}
	
#andalo, #andalo span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_andalo.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 8px;
	}
	
#faceit, #faceit span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_faceit.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 15px;
	}
	
#exhibitsH1, #exhibitsH1 span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_exhibits.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 10px;
	}
	
#trainsH1, #trainsH1 span {
	width: 373px; height: 93px;
	background-image: url(../images/h1_trains.png);
 	background-repeat: no-repeat; 
	padding: 0; margin:0 0 0 10px;
	}
	
	
/* code for all styled headers */
h1 span {
	 display: block;
	 /* place the span on top */
	 position: relative;
	 z-index: 1;
	}
	
/* IE5 Mac Hack */
h1 { overflow: hidden; }
/*/
h1 { text-indent: -100em; }
/* End Hack */



h2 {
	font-size: 14px; color:#0eabe0;
	padding: 0;
	margin: 0 120px 3px 40px;
	line-height: 135%;
}


.red {
	font-size: 18px; color:#CC0000;
	padding: 0;
	margin: 0 120px 3px 40px;
	line-height: 135%;
}



/*
**********
BUTTONS
**********
*/

/* Meet Andalo - home page*/
#B_andalo {
	width: 254px;
	height: 82px;
	overflow:hidden;
	padding: 0;
	margin: 0 0 0 0;
}

#B_andalo a {
   	display:block;
    height:82px; width:254px;
    background:transparent url(../images/b_meetAndalo.png) no-repeat 0 0;
    text-indent:-9009px;
	border: 0;
     }
	 
/*hover*/
#B_andalo a:hover {
   background-position: 0 -82px;
   }

/* Become Member - home page*/
#B_member{
	width: 254px;
	height: 82px;
	overflow:hidden;
	padding: 0;
	margin: 0 15px 0 40px;
}

#B_member a {
   	display:block;
    height:82px; width:254px;
    background:transparent url(../images/b_Member.png) no-repeat 0 0;
    text-indent:-9009px;
	border: 0;
     }
	 
/*hover*/
#B_member a:hover {
   background-position: 0 -82px;
   }


/* new CMVA*/
#B_cmva{
	width: 113px;
	height: 71px;
	overflow:hidden;
	padding: 0;
	margin: 0;
}

#B_cmva a {
   	display:block;
    height:71px; width:113px;
    background:transparent url(../images/nav_newCMVA.png) no-repeat 0 0;
    text-indent:-9009px;
	border: 0;
     }
	 
/*hover*/
#B_cmva a:hover {
   background-position: -113px 0px;
   }
   
  
/* faceit */
#B_faceit{
	width: 100px;
	height: 71px;
	overflow:hidden;
	padding: 0;
	margin: 0;
}

#B_faceit a {
   	display:block;
    height:71px; width:100px;
    background:transparent url(../images/nav_faceit.png) no-repeat 0 0;
    text-indent:-9009px;
	border: 0;
     }
	 
/*hover*/
#B_faceit a:hover {
   background-position: -100px 0px;
   }


/* meet Andalo Sign*/
#B_andaloSign{
	width: 113px;
	height: 71px;
	overflow:hidden;
	padding: 0;
	margin: 0;
}

#B_andaloSign a {
   	display:block;
    height:71px; width:113px;
    background:transparent url(../images/nav_andalo.png) no-repeat 0 0;
    text-indent:-9009px;
	border: 0;
     }
	 
/*hover*/
#B_andaloSign a:hover {
   background-position: -113px 0px;
   }
   

/* new CMVA button - home page*/
#B_newCMVA{
	width: 254px;
	height: 82px;
	overflow:hidden;
	padding: 0;
	margin: -8px 15px 30px 20px;
	padding-left: 20px;
}

#B_newCMVA a {
   	display:block;
    height:82px; width:254px;
    background:transparent url(../images/b_newCMVA.png) no-repeat 0 0;
    text-indent:-9009px;
	border: 0;
     }
	 
/*hover*/
#B_newCMVA a:hover {
   background-position: 0 -82px;
   }
   
   
   
   
/* Easy Slider */
 
 /* image replacement */
     	  
	    .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:500px;
		background:#fff;		
		margin-bottom:2em;
		margin-left:40px;
		}	
				
	#content{
		position:relative;
		}			

/* Easy Slider STYLES*/

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:500px;
		height:300px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:18px;
		height:135px;
		position:absolute;
		left:-18px;
		top:95px;
		}	
	#nextBtn{ 
		left:500px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:18px;
		height:135px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	#slider img{border:none;}											

/* // Easy Slider */