*{ margin:0; padding:0; }
html{ }
body{ margin:0px; padding:0px; font-family:LiberationSans-Regular, Calibri, Arial, Helvetica, sans-serif, sans; 
	font-size:16px; background-color:#fff; }
#container{  width:100%; height:100%; margin-bottom:455px;}
a{ color:#fff; text-decoration:none; }
a:hover{ color:#bc3119; }
p{ padding:10px 0px 0px 15px; }
p.notop{ padding:20px 10px 0px 10px; clear:both; }
P.notop:first-letter { font-size:150%; float:left; padding:0px 0px 0px 15px; }

h1{ font-size:18px; margin:0; padding:0; display:inline; }
h2{ font-size:12px; margin:0; padding:0; display:inline; color:#333; }
img{ float:left; margin:10px 10px 8px 0px; }
img.imgRight{ float:right; margin:0px 0px 8px 10px; }

/*#header{ float:left; clear:both; width:100%; height:auto; margin:0px 0px 0px 0px; }*/
#header{ position:fixed; top:0px left:0px; width:100%; height:auto; margin:0px 0px 0px 0px; z-index:101;}




#flashcontent{ width:100%; height:256px; color:#000000 }
#flashcontent a{ color:#000000 }
#mermaidbanner{ padding:30px 0px 30px 0px; width:100%; }
#songbirds{ float:right; margin:20px; width:100%; height:470px; }

#menu{ float:left; clear:both; width:100%; padding:3px 0px 4px 0px;  text-align:center; 
	background-color:#4f5f6d; }
#menu li{ color:#000; display:inline; padding:0px 5px 0px 5px; }
#menu li:hover{ color:#fff; } 
#menu li span.button{ color:#fff; cursor:pointer; padding:0px 0px 3px 0px; }
#menu li span.button:hover{ color:#bc3119; }
.dash{ padding:0px 5px 0px 5px; }

#menu a{ color:#fff; }
#menu a:hover{ color:#bc3119; }

#submenu{ position:absolute; top:285px; width:100%; text-align:center; background-color:#ffffff; }



/**/ 
#submenu li{ cursor:pointer; display:inline; }
#submenu li:hover{ color:#bc3119; }
.test{ display:inline; }


#content{ position:relative; top:290px; padding-bottom:530px; }
#content a, #submenu a{ color:#4f5f6d; }
#content a:hover, #submenu a:hover{ color:#bc3119; }
.columnLShort{ float:left; clear:left; width:36%; }
.columnLeft{ float:left; clear:left; width:40%; padding:20px 0px 45px 6%; }
.columnRight{ float:left; width:40%; padding:20px 6% 45px 0px }

.columnMid{ float:left; clear:left; width:70%; padding-bottom:45px; text-align:center; }

#distance{ width:1px; height:auto; margin-top:50px; float:left; }
#stuff{ float:left; margin:0 auto; position:relative; text-align:left; height:auto; width:80%; clear:left; 
	border-top:1px solid #667DA7; border-left:2px solid #4f5f6d; padding:30px 0px 10px 10px; margin:0px 0px 0px 10%; }
				
#outer{ text-align:center; float:left; }
#inner{ width:50%; margin:30px auto 30px auto; text-align:left; }

.text{ margin:25px 2% 15px 2%; }

.siteTitle{ float:left; clear:both; padding:4px; margin-bottom:10px;
	border-bottom:1px solid #667DA7; border-right:2px solid #4f5f6d; }
.floatleft{ float:left; clear:left; width:100%; }
.floatmid{ width:100%; margin:0px auto; text-align:left; }

#fixedbox{ position:fixed;  bottom:0px; left:0px; width:100%; padding:3px 0px 3px 0px;
	background-color:#4f5f6d; text-align:right; z-index:100;}
#fixedbox li{ display:inline; margin:0px 10px 0px 10px; }



#overlay{ background-image:url(overlay.png); } 
* html #overlay{ background-color:#000; back\ground-color:transparent; background-image:url(blank.gif); 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale"); }




