@charset "UTF-8";
/* CSS Document */
/* Normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Normalize list styles */
ol, ul {
	list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/* Normalize table borders */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
	border: 0;
}

/* Normalize text-alignment */
caption, th {
	text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
	content: '';	
}

/* End Normalizer */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

a{
color:#FFFFFF;
text-decoration:none;
}

a:hover{
text-decoration:none;
}


h1{
color:#FFFF33;
font-size:16px;
}

h2{
text-align:center;
}


.menu_line a{
text-decoration:underline;
}


#container_body{
height:440px;
width:800px;
background-color:#006699;
float:left;
}

#container_main{
height:700px;
width:810px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin:0 auto;
/*border: 1px solid black;*/
}

#content{
height:349px;
width:585px;
background-color:#1B5A95;
float:left;
margin-left:32px;
overflow:auto;
}

#content_header{
height:36px;
width:585px;
/*background-color:#333333;*/
float:left;
padding: 10px 30px 0 30px;


}

#content_hours{
	height:100px;
	width:200px;
	padding-top:100px;
	padding-left:200px;
}

#content_text{
height:340px;
width:500px;
padding:20px;
font-size:13px;
}
#content_text a {
	font-weight: bold;
}

#content_text_about{
height:340px;
width:467px;
padding:40px;
font-size:13px;
}

#content_text_video p {
font-size:13px;
}

#donate{
height:99px;
width:141px;
padding-top:25px;
float:right;
}

#footer{
height:35px;
width:800px;
float:left;
background-color:#333333;


}

#footer_list{
height:35px;
width:300px;
margin: 0 auto;

}

#footer_list li{
float:left;
color:#CCCCCC;

}

#footer_list li a{
float:left;
color:#CCCCCC;
}

#footer_list li a:hover{
float:left;
color:#FFFF33;
text-decoration:none

}

#header{
height:125px;
width:800px;
background-color:#333333;
float:left;

}

.home_pics{
float:left;
padding-top:55px;
}
/*
.home_pics img {
	width: auto;
	height: 282px;
}
*/

.link{
text-decoration:underline;
}

#logo{
height:105px;
width:361px;
/*border: 1px solid green;*/
float:left;
padding: 10px 0 0 10px;
}

.nav_list{
padding-left:205px;
padding-top:2px;
}

.nav_list li{
float:left;
padding-right:18px;
_padding-right:9px;


}
.nav_list a {
text-transform: capitalize;
}

#nav_menu{
height:20px;
width:800px;
/*padding-left:22px;
_padding-left:2px;*/
float:left;
font-size:14px;
background-color:#666666;
/*background-color:#00FF66;*/
}

#nav_menu a:hover{
text-decoration:underline;
}

#nav_sub{
height:90px;
width:134px;
padding:0 0 0 8px;
float:left;

/*border: 1px solid pink;*/

}

#nav_sub a {
	text-transform: capitalize;
}

.nav_sub_indent{
text-indent:13px;
line-height: 17px;
}

.nav_sub_indent_calendar{
text-indent:13px;
width: 250px;
line-height: 17px;
}

.nav_sub_indent a:hover{
text-indent:13px;
color:#FFFF33;
}

.nav_sub_head a{
line-height: 27px;
color:#FFFF66; 
font-size:16px;
text-decoration:underline;
}

#sidebar{
height: 300px;
width: 150px;
/*border: 1px solid orange;*/
float:left;
/*background-color:#999999;*/
}

#sidebar_cal{
height: 70px;
width: 150px;
/*border: 1px solid orange;*/
float:left;
/*background-color:#999999;*/
}

#sidebar_frame1{
margin-top: 50px;
background-color:#666666;
float:left;
margin-left:25px;
margin-bottom:10px;
border: 1px black solid;
}

#sidebar_frame2{

background-color:#666666;
float:left;
margin-left:25px;
border: 1px black solid;
}

#sidebar_frame1 img, #sidebar_frame2 img {
height: 120px;
width: auto;
}

#yellow a{
color:#FFFF33;
}

.yellow a{
color:#FFFF33;
}

/*CSS Image Gallery Code*/

.gallerycontainer{
position: relative;
width:500px;
/*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:hover{
background-color: transparent;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
background-color: #666666;
padding: 5px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

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

/*End CSS Image Gallery Code*/

#gallery_list{
padding-left:200px; 
width: 800px;
margin-top: -30px;
}

#gallery_list li{
float:left;
padding-right:15px;
color:#999999;
}

#content_text_video{
height:340px;
width:500px;
padding:20px;
font-size:14px;
float:left;


}

#content_text_photo{
height:400px;
width:450px;
}

#footer_photo{
height:35px;
width:800px;
float:left;
background-color:#333333;
margin-top:240px;
_margin-top:0px;


}

#hours{
font-style:italic; 
color:#FF6;
}

#popupBG {
position: absolute;
top: 49px;
left: 380px;
width: 426px;
height: 720px;
background-color: #FFFFFF;
opacity: 0.7;
filter: alpha(opacity=70);
z-index: 10;
}
#popupIMG {
position: relative;
top: -580px;
left: 65px;
z-index: 20;
}
#popupIMG img {
border: 3px solid #000000;
}
