/* basic layout ---------- */
body{
padding:0;
margin:0;
background: #111111;
color:#333;
font:80%/150% verdana, sans-serif;
}

#container{
width:728px;
margin:0 auto;
background:#fff url(/images/side_bg.gif) repeat-y;
}


#header{
padding:0 0 1px 10px;
margin:0 14px;
background:#fff;
}

#banner{
height:100px;
width:700px;
margin:0 14px;
background: url(/images/banner.jpg) no-repeat 0 0;
}

#content{
padding:0 40px 70px 25px;
margin:10px 0 0 170px;
}


#footer{
clear:both;
padding:2px 5px 30px 25px;
margin:0 14px;
background:#000000;
color:#FFFFFF;
}

	
/* headings -------- */
h1{
margin:0;
padding:8px 0 0 0;
line-height:40px;
}

h2{
color:#666;
font:180%/1.2 arial, verdana, sans-serif;
margin:5px 0 10px 0;
padding:5px 0 5px 0;
border-top:1px solid #aaa;
border-bottom:1px solid #ddd;
letter-spacing: -1px;
}

h3{
color:#222;
margin:20px 0 0 0;
padding:0;
font:130% trebuchet ms, verdana, sans-serif;
}

h4{
color:#333;
font:110% trebuchet ms, verdana, sans-serif;
font-weight:bold;
margin:30px 0 0 0;
}

#info{
margin:110px 0 0 0;
}


/* Dave Shea's Revised Image Replacement -------- */
#top{
width:680px;
height:32px;
position:relative;
}

#top a{
text-decoration:none
}


/* linkage -------- */
a{
color:#104e93;
text-decoration:none;
}

a:hover{
color:#6392ac;
text-decoration:underline;
}

#footer a{
color:#666;
text-decoration:none;
border-bottom:1px dotted #999;
}

#footer a:hover{
text-decoration:none;
color:#fff;
border-bottom:1px solid #aaa;
}


/* top nav -------- */

#nav	{
width: 700px;
height: 53px;
border: 0;
padding: 0;
margin: 0 14px;
background: transparent;
}
	
#nav ul	{
width: 700px;
height: 53px;
background: url(/images/nav_bg.gif) no-repeat;
margin: 0;
padding-top: 5px;
}
	
#nav ul li	{
margin-top: 10px;
list-style: none;
display: inline;
padding: 20px;
top: 0;
}
	
#nav ul li, #nav a	{
height: 53px;
}

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

#nav ul li a:hover	{
color: #5193B3;
text-decoration: none;
}



/* current page */
body#main #n1 a {color: #5193B3;}
body#news #n2 a {color: #5193B3;}
body#photos #n3 a {color: #5193B3;}
body#officers #n4 a {color: #5193B3;}
body#mt #n5 a {color: #5193B3;}
body#members #n6 a {color: #5193B3;}
body#store #n7 a {color: #5193B3;}

/* sidebar nav -------- */

#sidebar {
float:left;
width:155px;
margin:20px 0 5px 0;
padding:0;
}

#sidebar ul {
font-size:85%;
line-height: 130%;
list-style: none;
margin:0px 0px 0px 14px;
border-top:1px solid #ccc;
}

#sidebar ul li {
list-style:none;
text-indent:0;
margin: 0;
border-bottom: 1px solid #ccc;
border-top:1px solid #fff;
}

#sidebar ul li a {
display:block;
padding:8px 25px 8px 12px;
text-decoration: none;
color:#777;

}

#sidebar ul li span#sidenolink {
display:block;
padding:8px 25px 8px 12px;
text-decoration: none;
color:#777;

}

#sidebar ul li#active {
background:#fff url(/images/arrow.png) no-repeat 120px 10px;
padding:8px 25px 8px 12px;
display:block;
text-decoration: none;
color:#111;

}

html>body #sidebar ul li a {
width: auto;
}

html>body #sidebar ul li#active {
width: auto;
}

#sidebar ul li a:hover {
color:#111;
background:#fff url(/images/arrow.png) no-repeat 120px 10px;
}



/* images -------- */
img.left{
padding:4px;
border:2px solid #ddd;
float:left;
margin:12px 18px 0 0;
}

img.right{
padding:4px;
border:2px solid #ddd;
float:right;
margin:5px 0 0 18px;
}

/* photo page -------- */
#gallery li {
display: inline; 
float: left;  
width: 101px; 
height: 101px; 
margin: 4px;  
background: transparent url(frame.gif) no-repeat top left; 
}

#gallery li a {
display: block; 
width: 101px;
height: 101px;
background-position: center; 
background-repeat: no-repeat;
text-decoration: none;
}

.photoTable {
width: 450px;
}

.photoTable td {
border: 1px solid #ddd;
}


/* lists -------- */
ul{
padding-left:0;
margin-left:0;
}



/* other stuff -------- */
.comment{
color:#999;
background:#fff;
font-size:80%;
text-align:left;
margin:0;
}

.expedfacts{
color:#000;
background:#e5e5e5;
font-size:85%;
padding:2px;
text-align:left;
}

.label{
color:#666;
font-size:80%;
text-align:left;
margin:15px 0 0 0;
}

.highlight{
font-weight:bold;
background:#ff9;
}

#legend a{
background:#9c0;
color:#fff;
border:0;
}

#legend a:hover{
color:#9c0;
background:#fff;
border:0;
}

#footer p{
font-size:75%;
line-height:16px;
text-align:left;
}

acronym{
border-bottom:1px dotted #333;
cursor:help
}

#links{
margin:30px 200px 10px 10px;
padding:0 5px;
border:1px dotted #ccc;
background:#eee;
}

#links p{
font-size:85%;
padding:5px;
margin:0;
}