@charset "UTF-8";

body{
background-color:#E1E1E1;
/*background-image:url(../images/bg-tennis.jpg);
repeat:repeat;*/
}

a:link{
border-style:none;
}
/*Content, Main Menu bar and container for Gallery elements.*/
div.banner{
position: relative;
hieght:50px;
top:15px;
}

div.content {
position:relative;
margin:auto;
width:900px;
overflow:hidden; /* allow scrollbar */
padding-right:20px;
padding-left:10px;
padding-top:0px;
padding-bottom:45px;
background-image:url(../images/bg-menu-dropshadow.png);
background-repeat:no-repeat;
}

div.subhead{
position:relative;
top:53px;
z-index:100;
}

div.subheadabout{
position:relative;
top:12px;
z-index:100;
}

div.menu{
top:22px;
position:relative;

}

div.gallery{
position:relative;
top:30px;
border:1px dotted #666;
height:350px;
width:908px;
}

div.galleryabout{
float:left;
background-color:#BDCCD4;
position:relative;
top:0px;
bottom:5px;
right:10px;
width:530px;
left:5px;
}

div.gallerycopy{
position:relative;
background-color:#BDCCD4;
top:38px;
bottom:5px;
width:910px;
}

div.gallerycopyindex{
position:relative;
/*Old Border
border:1px dotted #666;*/
top:250px;
bottom:5px;
width:910px;
}

/*Menu Rollovers*/
.menunav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menunav li a, .menu li a:visited {
	text-decoration: none;
	text-indent:-9999px;
	height:100px;
	background-repeat: no-repeat;
}

.menunav li {
	padding: 0;
	margin: 2px;
	height: 100px;
	list-style: none;
	background-repeat: no-repeat;
	float: left;
}
ul.menunav li a:hover {background: none;}
.menunav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

img.menu-item{
width:96px;
padding: 0;
height: 100px;
opacity:0.8;
filter:alpha(opacity=80);}

img.menu-item:hover{
opacity:1.0;
filter:alpha(opacity=40);}

#url {
font-family: Arial, sans-serif;
color:#333;
border-bottom:1px dotted #666;	
}

/*Type Styles*/
h2{
font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
font-size:20px;
padding-top:5px;
margin-left:10px;
margin-bottom:-5px;
color:#C9437B;
}

p{
font-family: Arial, sans-serif;
margin-left: 10px; 
margin-top:5px;
margin-right:20px;
color:#333;
font-size:13px;
}

.space{
line-height:0;
}

.about{
font-family: Arial, sans-serif;
margin-left:10px; 
margin-right:30px;
margin-top:5px;
color:#333;
font-size:13px;
z-index:100;
}

.about a{
font-family: Arial, sans-serif;
color:#666;
text-decoration:none;
}

.about a:hover{
border-bottom:1px dotted #666;	
}

.white{
font-family:Arial, sans-serif;
margin-left:10px; 
margin-top:6px;
margin-right:160px;
color:#FFF;
}

.white a{
font-family: Arial, sans-serif;
color:#FFF;
text-decoration:none;
}

.white a:hover{
border-bottom:1px dotted #FFF;	
}

div.aboutimg{
position:relative;
top:0px;
width:350px;
float:left;
}

/*from JonRaasch.com/blog, for jquery slide show. Thanks!*/
#aboutslideshow {
    position:relative;
    height:350px;
	width:350px;
	float:left;
}

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

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

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