/* template - Charcoal */
body {
background:#595959/* url(http://s3.spanglefish.com/2/t/4/pageback.jpg) repeat-x top center*/;
}
body.loggedin {
background-position: 0 70px;
}
#banner {
/*background:url(http://s3.spanglefish.com/2/img/b/flowers_and_trees/27.jpg);*/
background:#595959;
border-color:#f00000;
}
#main {
background:#353535;
color:#a9a9a9; /* All text inc pic descriptions*/
overflow:visible;
}
#content a {
color:#ff9922;
}

#content a span{
color:#a9a9a9;
}

#ads {
background:url(http://s3.spanglefish.com/2/t/4/adsback.jpg) repeat-y;
}

#nav {
background:#353535;
border-bottom:2px solid black;
}
#nav li ul {
background:#fff;
}
#nav li a {
background:#353535;
color:#a9a9a9 !important; /*Text in menu*/
}
#nav li a:hover {
background-image:url(http://www.spanglefish.com/davidjamesalban/pictures/misc/butt-hov.png);
color:#f00000;
}
#nav li a.on {
background-image:url(http://s3.spanglefish.com/2/t/4/butt-on.png);
color:#fff;
}

.vmenu #nav, .omenu #nav {
border-top:1px solid #353535;
}
.vmenu #nav li ul {
border-bottom:2px solid #fff;
}
.hmenu #nav {
background:#353535;
border-top:2px solid #353535;
}
.hmenu #nav ul {
border-left:2px solid #fff;
border-right:2px solid #fff;
}

#menu { 
background:black; 
}

#menu { 
background:black; 
margin-top:0 !important; 
}

.info {
	cursor:auto;
	text-decoration:none;
	position:relative;
	background:none;
	color:#fff;
	font-weight:bold;
	padding:none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border: transparent;
	-moz-border: transparent;
	border: transparent;
}

	.info span {
		display:none;
		font-weight:normal;
		width:200px;
		padding:10px;
		text-align:center;
		position:absolute;
		background:#ffc;
		color:#000;
		top:-50px;
		left:25px;
		z-index:1000;
		font-size:.9em;
		-moz-box-shadow: 3px 3px 15px #000;
		-webkit-box-shadow: 3px 3px 15px #000;
		box-shadow: 3px 3px 15px #000;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		}
	
	.info:hover span {
		display:block;
	}

#content {
	margin-bottom: 0px;
	padding-bottom:0px;
}

p {
	font-size: 13px;
}
#banner {background-image: url('http://s3.spanglefish.com/sites/23406/images/topbars/banner.jpg');height:220px;}
#banner h1 {font-family:georgia;font-size:54px;color:#fff7eb;}
#banner h2 {font-family:georgia;font-size:36px;color:#fff7eb;}
body {background:#191919;}
.hmenu #nav, #nav a, #blogfloat a {background-color:#000000 !important;color:#333333 !important;}
#nav a:hover, #nav a.on, #blogfloat a:hover, #blogfloat a.on {background-color:#141414 !important;color:#7a7a7a !important;}
#clickmap {display: none;}

/* 
==================
Styles for NEWS, MEMBERS
==================
*/

.nWrapper, .mWrapper {
	clear:both;
	padding-top:10px;
	margin-top:10px;
}

.noBorder {
	border-top:0;
}

.nWrapper h2, .mTitle {
	background:#a9a9a9;
	padding:0px 5px;
	font-size:1.3em;
	color:#353535;
	margin-bottom:5px;
}

.nWrapper span.dateadded {
	float:right;
	margin-left:20px;
	font-weight:normal;
}

.nContent {

}

.nUrl {

}





#viewall a {
	background:#a9a9a9;
	padding:5px 10px;
	font-size:1em;
	margin-top:20px;
	display:block;
}

/*Two level stuff*/

 #myMenu { 
    height:20px; 
    border:#999 1px dashed;
     width: 500px;
     font-family: Arial, Helvetica, sans-serif;
     font-size:16px;
 }
 #myMenu div {
     float:left;
     margin-right: 20px;
 }
 #myMenu div ul {
     display: none;
     position: absolute;
     list-style-type:none;
/*     background-color: #999;*/
     background-color: red;!important
     border: #666;
     top: 85px;
     padding: 0px;
 }
 #myMenu div:hover ul {
     display: block;
     font-size:12px;
 }
 #myMenu div ul li a {
     display: block;
     width: 120px;
     background: #F0F0F0;
     margin: 1px;
     padding: 4px;
     text-decoration: none;
     color:#000;
 }
 #myMenu div ul li a:hover {
     background: #FFEFB7;
     color:#960;
 }

.hmenu #nav ul
{
	border-style: none;
}

.fb-like span {
min-width: 40px;
min-height: 10px;
}

.tooltip {
	position:relative;
}

.tooltip span {
	border-collapse:separate;
	display:none;
	position:absolute;
	background-color:rgb(255,255,204);
	border-radius:8px;
	box-shadow:3px 3px 15px #000;
	color:#000;
	left:0px;
	top:18px;
	padding:10px;
	width:150px;
}

.tooltip i {
	font-weight:bold;
	color:#ff9922;
}

.tooltip:hover span {
	display:block;	
}

#slideshow1 {
	z-index:0;
}

#gallery tr.divider {
	border-top:none;
}


#document_folders, #document_files {
background:#fff;
}
#document_folders a span {
color:#A34E09;
}

/*Mobile-----------------------------------*/
@media (max-width: 450px) {

h3 {
  font-size: 22px;
}

#mob_menu_opener {
  background-color: #A9A9A9 !important;
}

.slideshow {
  margin: 0px !important;
  width: 100% !important;
/*  height: 0px !important;
  padding-bottom: 66.66% !important;*/
}

#slideshow1 {
  width: 100% !important;
  height: 0px !important;
  float: left !important;
  padding: 0px 0px 66.66% 0px !important;
  position: relative !important;
  margin-bottom: 15px;
}

#slideshow1 div {
  width: 100% !important;
  height: 100% !important;
}

#slideshow1 div img {
  margin: auto !important;
  display: block !important;
  height: 100% !important;
  width: auto !important;
}

#homessundertext {
  float: none !important;
}

#homessundertext div.fb-like {
  width: 100% !important;
}

#homessundertext div.fb-like span {
  width: 100% !important;
}

#homessundertext div.fb-like span iframe {
  width: 100% !important;
}

.nContent table tr td:nth-child(1) {
  display: inline;
}

.nContent table tr td:nth-child(2) {
  min-width: 100px;
  display: block;
}

.nContent table tr td:nth-child(2) img {
  height: auto !important;
  margin: 10px auto 0px auto !important;
}


}