/* CSS Document */

body {font-size:76%; font-family:"trebuchet MS", verdana, arial, sans-serif;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
 
img{border:0px; }
div { vertical-align:top; }
 
#headerWrap {overflow:hidden;  }
#headerLeftSide { padding: 0px; float:left; width:212px; border-right: #FF9933 1px solid; }
#headerCenter{
	border-bottom:  #FF9933 1px solid;
	height: 18px;
	background-color: #ffffcc;	
}
#headerStrip{
	background-image:url(../commonGrahics/topStrip.jpg);
	background-repeat:no-repeat;
	background-position: 212px 0px;
	height:66px;
}
#headerStripOuter{background-image:url(../commonGrahics/topRepeatStrip.jpg);
	border-left: #FF9933 1px solid; }
#headerRightSide {float:right; width:200px; border-left: #FF9933 1px solid; border-bottom: #FF9933 1px solid; height:100px;}

#mainSection {overflow:hidden; width:100%; top: -10px; }

a 
{	
	text-decoration: none;
	color: #ED2828;
}

a:hover {

	color:  #023403;
	text-decoration: underline;
}

#mainLeftSide {float:left; width:212px; padding:0px; background-color: #ffffcc; border-top:  #FF9933 1px solid; border-right:  #FF9933 1px solid; border-bottom:  #FF9933 1px solid; }
#mainLeftSide h1 { background-color: #5E7337; color:#FFF; margin: 0px; font-size:14px; padding: 4px; }
#mainLeftSide ul { list-style:none; padding-left: 10px; }
#mainLeftSide a { text-decoration:none; }
#mainLeftSide a:link
{
	color: #5E7337;
	font-weight: bold;
}
#mainLeftSide a:visited
{
	color: #5E7337;
	font-weight: bold;
}
#mainLeftSide a:hover{
	color: #CE6700;
	text-decoration: none;
	border: 0px;
}
#mainLeftSideCurrent a:visited {color:#ED2828; font-size:larger; }
#mainLeftSideCurrent { padding-left: 3px; }
#mainCenter { padding:5px;  padding-bottom:32767px; margin: 0px 210px -32767px 215px; } 
#mainCenter h1{
	font-size: 140%;
	color: #ED2828;
	padding: 0px 0px 2px 0px;
	border-bottom: solid 3px #5E7337;
	margin: -5px -5px 5px 0px;
	
}

#mainCenter h2 {
	font-size: 14px;
	color:  #5E7337;
	padding-top: 8px;
	text-decoration:underline;
}
#mainCenter h3 {
	font-weight: bold;
	font-size: 14px;
	margin: 0px 0px 4px 0px;
}
#mainRightSide {float:right; width:192px; border-top:#FF9933 1px solid; border-left:  #FF9933 1px solid; border-bottom:  #FF9933 1px solid;  margin-top: 5px; padding: 4px;
text-align:left;}
#mainRightSide div{padding-left:-20px;}


#mainRightSide h1 {  margin: 0px; font-size:14px; padding: 4px; display:block; }
 
#footer {clear:both; border-top:#ED2828 1px solid;}
b{ color:#00B300; font-size:110%; }

p {font-size:12px; line-height:1.7em; margin:0; padding:5px 0px 0px 10px; }
#footer a:hover {text-decoration:none;}

#mainMenu {
	height:17px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#mainMenu ul {
		margin: 0px;
		border: none 0px white;	
}
			
#mainMenu li
{
	padding-right: 0px;
	display: inline;
	padding-left: 0px;
	font-weight: bold;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
#mainMenu li a 
{
	float: left;
	text-decoration: none;
	color:  #5E7337;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 12px;
	height: 17px;
	vertical-align: middle;
	margin: 0px;
	text-align: center;
	border-right: #FF9933 1px solid;
}

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

#mainMenu li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #5E7337;
	margin: 0px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	font-size: 12px;
	height: 17px;
}
.error{ color:#ED2828;}
.errorL{ 
	border:  #FF9933 1px dotted;
	background-color: #ffffcc;
	color:#5E7337;
	font-weight:bold;
	padding: 8px;
	margin: -4px -4px 20px -4px;
	font-size: 14px;
	display:block;
}
input {width: 200px; background-color: #ffffcc;	 border: #FF9933 1px solid;}
textarea{ background-color: #ffffcc;	 border: #FF9933 1px solid; width: 200px; height: 80px; }
.center{text-align:center}
.button {width: 200px; background-color: #5E7337; border: #FF9933 1px solid; color:#FFF; font-weight:bold;}
input {width: 200px; background-color: #ffffcc;	 border: #FF9933 1px solid;}
.radio input{width: 30px; background-color: white; margin-right: -8px; border: solid 1px #fff;  }
.checkbox input{width: 30px; background-color: white; margin-right: -8px; border: solid 1px #fff; }
blockquote{ border-left:  #5E7337 1px solid; padding-left: 10px; }
blockquote blockquote{ border-left:  #DDDDDD 1px solid; padding-left: 8px; margin-left:5px; }

/* =Hoverbox Code
----------------------------------------------------------------------*/
.hoverbox
{
	cursor:hand;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding:0px;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
	border-width: 1px;
}
.mainSwapImage, .hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
}
.mainSwapImage{ border-width: 5px; width: 550px; padding:1px; margin-top:-14px; margin-bottom: 4px; }
.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
	text-align:center;
}
.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}

#mainRightSide .hoverbox img
{
	width: 170px;
	height: 120px;
}

#mainRightSide .hoverbox .preview
{
	width: 300px;
	height: 200px;
	margin-right: 200px;
}

.imageRight
{
         float: right; 
         margin: 3px;
}
.imageLeft
{
         float: left; 
		 padding-right: 5px;
}
.romanL{ display:none}

.mainTopNavLinks{ margin: 0px 0px 10px 0px; display:block;}

.mainTopNavLinks a{ color: #5E7337;}

/**** form styles ****/

.forumGroupTable {
	
	border-collapse: collapse;
	width: 100%;
	border: solid 1px #666;
	border-bottom: solid 2px #666;
	margin: 0px -10px 20px 0px;
}
	
.forumGroupTable caption
{
	padding: 4px;
	text-align:left;
	font-size: 140%;
	color:#5E7337;
	font-weight:bolder;

}


.forumGroupTable th {
	text-align:center;
	font-weight:bold;
	padding:0px;
	border: solid 1px #666;
	background-color:#C8C8C8;
	
}


.forumGroupTable td {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
}

.forumGroupTable td:first-child {
	border-left-width:0px;
}

.forumGroupTable tr:last-child {
	border-bottom: solid 1px #666;
}

.forumName a{
	font-size:110%;
	font-weight:bold;
	
}
.smallCamera{ background-image:url(../commonGrahics/small-camera-newfoundland.jpg); background-repeat:no-repeat; padding-left:34px; margin-bottom:10px;}
.smallChain{ background-image:url(../commonGrahics/small-chain-newfoundland.jpg); background-repeat:no-repeat; padding-left:28px; margin-bottom:8px; }
.smallShark{ background-image:url(../commonGrahics/small-shark-newfoundland.gif); background-repeat:no-repeat; padding-left:34px; margin-bottom:10px;}
.smallDolphin{ background-image:url(../commonGrahics/small-dolphin-newfoundland.gif); background-repeat:no-repeat; padding-left:34px; margin-bottom:10px;}

.forumChat{ background-image:url(../commonGrahics/forum-chat.jpg); background-repeat:no-repeat; padding-left:30px; margin-bottom:10px;}
.wildAttribute{ background-image:url(../commonGrahics/wildlife-attribute.gif); background-repeat:no-repeat; padding-left:30px; margin-bottom:10px;}

.invisible { display:none; }

.greenBox{ margin:8px; border:dashed #ED2828 1px; padding:6px; background: #FDD6CC;  text-align:center; }
.greenBox b{ font-size:x-large; }
.black{ color:#000; }