@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0 }
.background_bottom { background-color; padding:0; margin:0 }
.background { background: url(Images/background_tile_yd.jpg) top repeat; width: 100%; height:100%; }
.body { width:900px; margin:0px auto 0px auto; height: 100%; padding:0px 0px 10px 0px; }
.header { width:900px; padding:160px 0px 0px 0px; margin:10px 0px 0px 0px; float:none }

.aals {background-image:url(Images/AALA%20weblogo.jpg); background-repeat:no-repeat; height:54px; width:51px; float:left; border-top:1px solid grey; border-left:1px solid grey; border-bottom: 1px solid grey;}

a {color:#0FF;}
a:hover {color:#FFFF00}

.activities_l {float:left; width:430px; margin: 0px 20px 20px 0px;}
.activities_r {float:right; width:430px; margin: 0 0 20px 0;}
.activities_dbl {float:left; width:880px; margin: 0 0 20px 0;}

.boxtop {width:900px; height:14px; background-image:url(Images/MCtop-blue.png); margin:5px 0 0 0}
.boxmid {width:880px; background:url(Images/MCmiddle-blue.png) repeat-y; margin:0; padding: 0px 15px 0px 15px;}
.boxbottom {width:900px; height:14px; background:url(Images/MCbottom-blue.png) no-repeat; margin:0}

.copyright { position:fixed; right:5px; bottom:0px; font-size:10px;  }

.dates { margin:10px 0px 0px 280px; font:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:400; color:#fff }
.dates:first-line { color:#fff }

.FAQ { font:Verdana, Arial, Helvetica, sans-serif;  color: #fff; margin: 20px 20px 0px 20px }
.FAQ:first-line { color:#F00 }

form {font-family: sans-serif; color:#fff; font-size:14px;}
form span {color:#F00}}

.gallery_nav a {font-family:sans-serif; font-weight:bold; font-size:17px; border-right:2px solid blue; padding:3px 5px 3px 5px;}
.gallery_nav span {color:#F00}

h1 {font:bold 24px Verdana, Arial, Helvetica, sans-serif; color:#F00; margin-bottom:8px;}
h2 {font:bold 18px Verdana, Arial, Helvetica, sans-serif; color:#FFF}
h3 {font: bold 18px Verdana, Arial, Helvetica, sans-serif; color:#F00}
h4 {font: normal italic 14px Verdana, Arial, Helvetica, sans-serif; color:#FFF}
h5 {font: bold 14px Verdana, Arial, Helvetica, sans-serif; color:#F00 }
h6 {font: normal 14px Verdana, Arial, Helvetica, sans-serif; color:#FFF}

.image_left {float:left; border: 1px solid white; margin:0px 5px 5px 5px }
.image_right {float:right; border: 1px solid white; margin:0px 5px 5px 5px }

.index_img { float:left; margin:0px 15px 5px 5px }

.navbar {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:white; }
.navbar span {color:#F00;}
.navbar a {color:white; text-decoration:none; padding:2px 4px 2px 4px; margin:0px; border-right:2px solid blue;}
.navbar a:hover {background-color:#66CCFF;}
.navbar a:active {background-color:#3A2DE8;}
.navbar a:visited {text-decoration:underline;}

.p { font:Geneva; color: #fff; margin: 20px 20px 0px 20px; float:right; }
.p_titles { font:Geneva; color:#FFF; size:22px }

p {font-family: sans-serif; color:#fff; font-size:14px;}
p span {color:#F00}

.pricelist {
	margin-left:25px;
	list-style-type: disc;
}

.subtitle {font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:20px 0 0 315px; font-weight:900; background-color:blue; }
.subtitle span {color:#F00;}

TD { font-family: sans-serif; color:#fff; font-size:14px; }

ul { font-family: sans-serif; color:#fff; font-size:14px; }
li { font-family: sans-serif; color:#fff; font-size:14px; }

.map { margin: 20px auto 0px 250px }

img.site {margin:5px; border:thin solid blue;}

.strip {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color:#fff; background-color:}

/* my attempt at resizeable boxes with transparent backgrounds*/


/*Thumbail gallery*/
.thumbnailcontainer{
height:100%; width:395px; margin:5px 0px 0px 0px
}

.thumbnail img{
border: 1px solid white;
margin: 0px 5px 5px 0px;
float:left;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
left: 600px;
top: 380px;
visibility: hidden;
color: black;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0px;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 590px;
top: 332px; /*position where enlarged image should offset horizontally */
z-index: 50;

}

/* SlideViewer */

.svw {width: 50px; height: 20px; background: #fff; margin:0px} 
.svw ul {position: relative; left: -999em;} 
 
.stripViewer {
  
position: relative; 
overflow: hidden;  
border: 2px solid grey;   
margin: 0 0 1px 0px; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: darkgrey; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: grey; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}