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

html {overflow: -moz-scrollbars-vertical}

body { background-image:url(Images/bgrepeatimage.gif); padding:0; margin:0;}
.background { background: url(Images/Background.png) top repeat-x; width: 100%; height:350px; position:absolute; top:0px; left:0px; z-index:-10;}
.container {width:902px; margin:0px auto 0px auto}
.titlebar {width:901px; height:66px; background-image:url(Images/headbar_blank.png); }


a {text-decoration:none; color:#3399FF;}
a:hover { color:#FFF; }
a:active { color:#9b9b9b; }
a h3:hover {background-color:#ccc; color: #4b4b4b}

.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;}

.activity_img_l {float:left; margin-right:5px}
.activity_img_r {float:right; margin-left:5px}

.address {
	color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:900;
	text-decoration:none;
	margin: 0 auto 5px auto;
	text-align:center;
}

.bailm {	background-image: url('Images/bailmon.png'); background-repeat:no-repeat; height:54px; width:56px; float:left; margin:0px 0px 10px 5px; padding:0px; text-decoration:none }
.bailm:hover { background-image: url('Images/bailmover.png'); background-repeat:no-repeat; height:54px; width:56px;  float:left; margin:0px 0px 10px 5px; padding:0px; text-decoration:none }

.contentbox {padding:5px 20px 20px 170px;}

.footer {width: auto; margin:10px 0 0 0; display:block; }

.footer a{text-decoration:none; color:#FFF;}
.footer a:hover {text-decoration:none; color:#6CC;}
.footer p {float:right; font: 10px Verdana, Arial, Helvetica, sans-serif; color:#CCC;}

.gallery-buttons {font: 18px Verdana, Arial, Helvetica, sans-serif; color:#CCC;}
.gallery-buttons-active {font: 18px Verdana, Arial, Helvetica, sans-serif; color:#d92062}
.gallery-buttons:hover {background-color:#848484; color:E0E0E0}

h1 {font: normal italic 22px Verdana, Arial, Helvetica, sans-serif; color:#CCC; margin:0}
h2 {font: bold 18px Verdana, Arial, Helvetica, sans-serif; color:#E0E0E0;}
h3 {font: bold 16px Verdana, Arial, Helvetica, sans-serif; color:#E0E0E0; background-color:#666}
h4 {font: normal 14px Verdana, Arial, Helvetica, sans-serif; color:#E0E0E0}
h5 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#E0E0E0}
h6 {font: bold 28px Verdana, Arial, Helvetica, sans-serif; color: #CCC;}

.head_image {width:900px; height:171px; position:relative; margin:-20px auto 0 auto; z-index:-5}

.navbar { font: 18px Verdana, Arial, Helvetica, sans-serif; color:#CCC; text-decoration:none; display:block; }
.navbar:hover { color:#FFF; }
.navbar:active { color:#9b9b9b; }
.navbar:visited {color:#999999;}

.holiday_buttons {font-family:Arial, Helvetica, sans-serif; margin:0 0 2px 0}
.holiday_buttons span {	padding:2px 5px 2px 5px; border-right:thin solid #202020; background-color:#848484; color: #E0E0E0 }
.holiday_buttons span:hover {	padding:2px 5px 2px 5px; border-right:thin solid #202020; background-color:#ccc; color: #4b4b4b }
.holiday_buttons strong { padding:2px 5px 2px 5px; border-right:thin solid #202020; background-color:#666666; color:#E0E0E0; font-weight:normal}

.navbox {width:140px; float:left; border-right:thin solid #666; padding:0 0 0 15px; margin:0 0px 0 0; position:absolute;}

span.active { font: 18px Verdana, Arial, Helvetica, sans-serif; color:#d92062; text-decoration:none}
span.active:hover { color:#f2256d; text-decoration:none; border:none;}
span.active:active { color:#a0063c; text-decoration:none; border:none; }
span.active:visited {text-decoration:none; border:none;}

strong {color:#F0F0F0}

.style1 {font: bold 15px/17px Arial, Helvetica, sans-serif; color: #E0E0E0; margin:2px 0px 2px 0px; font-weight:bold}
.style2 {font: bold 15px/17px Arial, Helvetica, sans-serif; color: #E0E0E0; clear:both; margin:2px 0px 2px 0px; background-color:#666666; padding:0 0 0 5px;}
.style3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#E0E0E0 }
.style2 a:hover { color:#373737; background-color:#CCC }
.style2 a:active { color:#9b9b9b; }
.style2 a:visited {color:#999;}
p {color:#E0E0E0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:100; margin:0}
.p {color:#E0E0E0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:100; margin:0}

.red {color:#d92062}

ul {color:#E0E0E0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:100; margin:0; }

.uimla {	background-image: url('Images/uimlaon.png'); background-repeat:no-repeat; height:54px; width:56px; float:left; margin:0px 0px 10px 5px; padding:0px; text-decoration:none }
.uimla:hover { background-image: url('Images/uimlaover.png'); background-repeat:no-repeat; height:54px; width:56px;  float:left; margin:0px 0px 10px 5px; padding:0px; text-decoration:none }


/* my attempt at resizeable boxes with transparent backgrounds*/
.boxtop {width:900px; height:14px; background-image:url(Images/MCtop.png); margin:5px 0 0 0}
.boxmid {width:900px; background-image:url(Images/MCmiddle.png); margin:0}
.boxbottom {width:900px; height:14px; background-image:url(Images/MCbottom.png); margin:0}
.boxmid p {color:#E0E0E0; font: 12px Arial, Helvetica, sans-serif; }

<!--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; 
}


/* CSS gallery */
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

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

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
color: white;
text-decoration: none;
height:400px; width:560px;
font-family:Arial, Helvetica, sans-serif;
}

.thumbnail span img{ /*CSS for enlarged image*/
border:none;
}

.thumbnail:focus span{ /*CSS for enlarged image*/
visibility: visible;
top: 294px;
left: 545px; /*position where enlarged image should offset horizontally */
z-index: 50;
height:400px; width:560px;
border:none;
}

</style>