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

@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); z-index:501;}
.titlebar img {margin:4px 6px 2px 8px; float:left; vertical-align:middle;}


a {text-decoration:none; color:#95c9fc;}
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}

.activity_img_margin {margin:5px 8px 5px 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;
	margin-bottom:-80px;
}

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

.boxtop {width:900px; height:14px; background-image:url(Images/MCtop.png); margin-top:8px}
.boxmid {width:900px; background-image:url(Images/MCmiddle.png); margin:0px; height:100%; display:inline-block;}
.boxbottom {width:900px; height:14px; background-image:url(Images/MCbottom.png); margin:0px;}
.boxmid p {color:#E0E0E0; font: 14px Arial, Helvetica, sans-serif; }

.caviar {font:"Caviar Dreams"}

.dofe {	background-image: url('Images/dofe.jpg'); background-repeat:no-repeat; height:54px; width:34px; float:left; margin:0px 0px 10px 5px; padding:0px; text-decoration:none }
.dofe:hover { background-image: url('Images/dofe.jpg'); background-repeat:no-repeat; height:54px; width:34px;  float:left; margin:0px 0px 10px 5px; padding:0px; text-decoration:none }

.contentbox {padding:5px 10px 5px 10px;}

.contentbox_index {padding:5px 60px 5px 60px;}

.dofe_content {float:left;}

.explorer {clear:both; text-align:left; text-decoration:none; font: normal 14px Verdana, Arial, Helvetica, sans-serif;}
.explorer_bar {margin:0px 0px 10px 15px;}

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

form {color:#E0E0E0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:100; margin:0; line-height:25px;}

.gallery-buttons {font: 18px "Caviar Dreams"; color:#CCC;}
.gallery-buttons-active {font: 18px "Caviar Dreams"; color:#d92062}
.gallery-buttons:hover {background-color:#848484; color:E0E0E0}

.grey {color:#CCC;}
.grey2 {color:#adadad;}
.grey3 {color:#9b9b9b;}

h1 {font: 36px "Caviar Dreams"; color: #CCC;  font-weight:900; position:relative; top:10px;}
h2 {font: bold 20px "Caviar Dreams"; color:#E0E0E0;}
h3 {font: bold 18px "Caviar Dreams"; color:#E0E0E0; background-color:#666}
h4 {font: normal 16px "Caviar Dreams"; color:#E0E0E0}
h5 {font: bold 14px "Caviar Dreams"; color:#E0E0E0}
.bronze {background-color:#8C7853; color:#fff; padding:0.2em;}
.silver {background-color:#C0C0C0; color:#000; padding:0.2em;}
.gold {background-color:#CD9B1D; color:#000; padding:0.2em;}
h6 {font: 36px "Caviar Dreams"; color: #CCC;  font-weight:900; position:relative; top:12px; left:3px;}

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

.imagebox {width:210px; float:right;}
.imagebox p {text-indent:0px;}

.index_buttons {float:left; margin:5px; border:none; opacity:0.8; filter:alpha(opacity=80); }
.index_buttons:hover {opacity:1.0; filter:alpha(opacity=100);}
.index_buttons_container p {width:250px; padding:0 10px 0px 10px;}

.index_buttons_container {width:260px; float:left}

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

.interior {margin-left:150px}

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

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

.navbox h5 {font:bold 12px Verdana, Geneva, sans-serif;}

.news {border:1px dashed #666; color:#E0E0E0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-top:10px;}

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

p {color:#E0E0E0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:100; margin:0; text-indent:30px;}
.p {color:#E0E0E0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:100; margin:0; text-indent:30px;}

.red {color:#d92062}

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; font-weight:900;}

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

ul {color:#E0E0E0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; 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 }

.topnav  {position:relative; top:-40px; right:-675px;}
span.topnavbutton {background-image:url('Images/50%25white-1x1px.png'); color:#333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:100; margin:0; padding:2px 3px 2px 3px}
span.topnavbutton:hover {color:#666666}

.white {color:#FFF;}
.black {color:#000;}

.width680 {width:680px;}
.width880 {width:880px;}
.width600 {width:600px;}
.width500 {width:500px;}
.width480 {width:480px;}

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


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>

/* Image rotator */
/* rotator in-page placement */
        div.rotator {
	height:171px;
	margin-left: 15px;
}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	right:180px;
	top:70px;
	list-style: none;
}
        div.rotator ul li.show {
	z-index:100;
}