@charset "utf-8";
/* CSS Document */
body {
	background:url("http://forum.mistymoorings.com/img/returnbg.jpg") repeat-x scroll 0 0 #4C3B24;
	color:#555555;
	font-family:Verdana, Helvetica, Sans-serif;
	margin:0;
	padding:0;
}

a:link {color:#4C3B24;}      /* unvisited link */
a:visited {color:#4C3B24;}  /* visited link */
a:hover {color:#4C3B24;}  /* mouse over link */
a:active {color:#4C3B24;}  /* selected link */

#pageWrap {
	background:url("http://forum.mistymoorings.com/img/return_middle.png") repeat-y scroll center top transparent;
	padding:0;
}
#container {
	margin:0 auto;
	width:900px;
}
#globalHeader {
	background:transparent;
	height:160px;
}
#content {
	background:transparent;
	min-height:750px;
}
#globalFooter {
	background:url("http://forum.mistymoorings.com/img/footer.jpg") no-repeat transparent;
	display:block;
	font-size:11px;
	height:34px;
	line-height:100%;
	width:100%;
}
#counter {
	display:block;
	height:150px;
	width: 900px;
	margin: 0 auto;
}
#cNumbers {
	left:310px;
	position:relative;
	top:45px;
	width:228px;
}
#cLeft {
	position:relative;
	width: 100px;
	float:left;
}
#cRight {
	position:relative;
	width: 100px;
	float: right;
}
.centerMe {
	text-align:center;
}
.titleText {
	font-weight: bold;
	font-size: 12px;
}
.bodyText {
	padding:30px;
	text-align:left;
	color: #333333;
}
.toTop {
	font-size:.9em;
	font-weight:bold;
	text-align:center;
	border:none;
}
.toTop a {
	text-decoration:none;
	color:#ABABAB;
}
.toTop a:hover {
	text-decoration:underline;
	color:#ABABAB;
}
/* Table styles */
.table750 {
	background: #FFFFFF;
	border: 3px solid #4C3B24;
	margin: 10px auto;
	-moz-border-radius:3px 3px 3px 3px;
	-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.7);
}
.tableHeader {
	background: #5C3317 url(/img/footer.jpg) repeat-x;
	color:#FFFFFF;
	height:34px;
	font-size:1.3em;
	font-weight:bold;
	text-shadow:1px 1px 1px #000000;
	text-align:center;
	border:none;
}
.table750 td {
	border-bottom: 2px solid #BBBBBB;
	vertical-align: top;
}
.sceneryLine {
	background: #FFFFFF url(/img/cellback.jpg) repeat-x; 
}
.sceneryLine img{
	border: 1px solid #333333;
}
/* Navigation style */
#navTabs {
	margin: 10px 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #5C3317;
}
#navTabs li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#navTabs a:link, #navTabs a:visited {
	float: left;
	line-height: 14px;
	font-weight: bold;
	padding: 0 15px 2px 15px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #777;
}
#navTabs a.active:link, #navTabs a.active:visited, #navTabs a:hover {
	border-bottom: 4px solid #5C3317;
	padding-bottom: 2px;
	color: #000;
}
#navTabs li .on {
	border-bottom: 4px solid #5C3317;
	color:#000;
}
/* jQuery lightBox plugin - Gallery style */
	#gallery {
	background: transparent;
	padding: 10px;
	width: 880px;
}
#gallery ul {
	list-style: none;
}
#gallery ul li {
	display: inline;
}
#gallery ul img {
	border-color:#FFFFFF;
	border-style:solid;
	border-width:8px 8px 25px;
	margin:15px;
	-moz-border-radius:3px 3px 5px 5px;
	-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.7);
}
#gallery ul a:hover img {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:8px 8px 25px;
	margin:15px;
	-moz-border-radius:3px 3px 5px 5px;
	-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.7);
}
#gallery ul a:hover {
	color: #fff;
}
/*--Image Slider Main Container--*/
.main_view {
	width: 850px;
	position: relative;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:5px solid #000000;
	margin: 0 auto;
	-moz-border-radius:3px 3px 5px 5px;
	-moz-box-shadow:0 3px 5px rgba(0, 0, 0, .7);		
}
/*--Image Slider Window/Masking Styles--*/
.window {
	height:300px;	
	width: 850px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;border:0px;}

/*--Image Slider Paging Styles--*/
.paging {
	position: absolute;
	bottom: -18px; right: -6px;
	width: 150px; height:35px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 35px;
	background: url(/img/slider/paging.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #563f25; 
	border: 2px solid #000000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

#message {width: 600px;}