* {
    padding: 0;
    margin: 0;
	outline: none;
} 

body {
    padding: 0;
    margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffffff;
}

h1 {
font-size:18px;
color:#333333;
font-weight:lighter;
padding-top:5px;
padding-bottom:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a { color:#FFFFFF; text-decoration: none; }
a:hover { text-decoration: underline; color: #CC9900; }
.error { color:#CC0000; }

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bodystyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 2px;
}

.justified {
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}
SELECT {
	BORDER-LEFT-COLOR: #666666; BORDER-BOTTOM-COLOR: #666666; BORDER-TOP-COLOR: #666666; BACKGROUND-COLOR: #fafafa; BORDER-RIGHT-COLOR: #666666
}
input[type="text"], input[type="password"] {background: #fff url(../images/bg_input_sml.png) repeat-x top; border: 1px solid #ccc; padding: 5px;} 
input[type="text"]:focus, input[type="password"]:focus {border: 1px solid #999;}

INPUT.button1 {
	BACKGROUND: #fafafa repeat-x 50% top; PADDING: 5px 25px; WIDTH: auto! important; COLOR: #333; FONT-FAMILY: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size:11px; BACKGROUND-IMAGE: url(../images/button-bg.png); BACKGROUND-COLOR: #fafafa; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 1px solid; 
}

INPUT.button1:hover {
	BORDER-RIGHT: #666666 1px solid; BACKGROUND-POSITION: 0px 100%; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; COLOR: #000; BORDER-BOTTOM: #666666 1px solid;
}
	
#wrap {
width: 960px;
margin: 0px auto;
padding:20px;
}

#header {
height: 70px;
margin: 0px;
padding:20px;
}
#header p {
padding:40px 0px 0px 325px;
color:#F5F5F5;
text-shadow: 2px 2px 2px #000;
font-weight:bold;
}

#headercart {
float:right;
margin: 5px 0 0 0;
padding:10px 5px 0px 5px;
width:200px;
}

#header h1 {
font-size: 38px;
font-weight: 600;
letter-spacing: -2px;
padding: 40px 0 0 33px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #111;
text-decoration: none;
}

#header h2 {
font-size: 20px;
font-style:normal;
font-weight: lighter;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FE0006;
padding: 7px 0 4px 30px;
border-bottom: solid #EF0006 2px;
margin-bottom:6px;
}
#header h2 a {
font-size: 20px;
font-style:normal;
font-weight: lighter;
color: #FE0006;
text-decoration:none;
}

#menu {
clear:both;
margin:0 13px;
}

#menubl {
height: 0px;
width:840px;
padding: 0px;
clear:both;
margin:0 13px;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	position:relative;
	z-index:10;
	font-family: "Verdana", Arial, Helvetica, sans-serif; 
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 37px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav .left_end {
	background: url(../images/nav/left_end.png) no-repeat;
	width: 32px;
	height:37px; 
}
ul#topnav a.home {
	background: url(../images/nav/home.png) no-repeat;
	width: 54px; 
}
ul#topnav a.news {
	background: url(../images/nav/news.png) no-repeat;
	width: 97px; 
}
ul#topnav a.fishlog {
	background: url(../images/nav/fishlog.png) no-repeat;
	width: 70px; 
}
ul#topnav a.framtontv {
	background: url(../images/nav/framtontv.png) no-repeat;
	width: 98px; 
}
ul#topnav a.members {
	background: url(../images/nav/members.png) no-repeat;
	width: 111px; 
}
ul#topnav a.gallery {
	background: url(../images/nav/gallery.png) no-repeat;
	width: 132px; 
}
ul#topnav a.history {
	background: url(../images/nav/history.png) no-repeat;
	width: 126px; 
}
ul#topnav a.links {
	background: url(../images/nav/links.png) no-repeat;
	width: 50px; 
}
ul#topnav .right_end {
	background: url(../images/nav/right_end.png) top right no-repeat;
	width: 167px; 
	height: 37px;
}

ul#topnav li .sub {
	position: absolute;	
	top: 37px; left: 0;
	background: #ebebeb url(../images/sub_bg.png) repeat-x;
	padding: 15px 10px 10px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 5px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #333;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0 0 3px 0;
	font-size: 1em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #333;
}
ul#topnav .sub ul li h2 a:hover {
	padding: 5px 0;
	background-image: none;
	background:none;
	color: #333;
	text-decoration:underline;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(../images/nav/navlist_arrow.png) no-repeat 5px 12px;
	padding: 6px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 0.9em;
}
ul#topnav .sub ul li a:hover {	
    float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: #333 url(../images/nav/navlist_arrow_hover.png) no-repeat 5px 12px;
	padding: 6px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	background-position: 5px 12px ;}
ul#topnav .sub #team_links {
width:295px;
}
ul#topnav .sub #team_links li {
	display: block;
	margin-bottom:5px;
}
ul#topnav .sub #team_links li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: 97px;
	min-height:97px;
	padding: 6px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 0.9em;
	border-left:solid #999999 2px;	
	}
ul#topnav .sub #team_links li a:hover {	
    float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: 97px;
	min-height:97px;	
	padding: 6px 5px 4px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	border-left:solid #FE0006 2px;
	}
	
ul#topnav .sub #team_links li a h2 {
	color: #333;
}

ul#topnav .sub #team_links li a:hover h2 {
	color: #FFFF00;
	text-decoration: none;
}
ul#topnav .sub ul li img{ 
	float:left; margin:2px 5px 2px 2px; 
	padding:2px;
	background:#FFFFFF;
	border:solid #999999 1px;
}

/* Slideshow & Billboard Images */	
	#top-zone{overflow:hidden; width:535px; margin:0 auto; height:250px;} /*Here to keep images hidden in IE mostly*/
	
	#billboard{width:535px; height:250px; margin:0px; overflow:hidden;}
	
	.slideshow{width:535px; height:250px; margin:0px; overflow:hidden;}
		.slideshow li{list-style:none; float:left; display:inline; position:relative;}
    .slideshow img { margin-top:-50px;}
#content { 
padding: 0px 20px;
color:#333333;
}

#login-welcome {
color:#FFFFFF;
padding-top:50px;
padding-bottom:20px;
font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;
font-size:21px;
width:490px;
text-align:center;
}

#login-box {
margin-top:30px;
background:url(../images/login-box.png) no-repeat;
width:380px;
height:231px;
padding:30px;
color:#FFFFFF;
}
#login-box dl {clear:both;}
#login-box dt {float:left; text-align:right; width:80px; line-height:14px; margin:20px 10px 0px 0;}
#login-box dd {float:left; width:260px; margin:0 0 10px 0;}

#username {
background: url(../images/login-input.png) no-repeat;
background-color:transparent;
border:none;
padding:0px 10px 0px 10px;
width:291px;
height:54px;
font-size:16px;
line-height:16px;
}
#password {
background: url(../images/login-input.png) no-repeat;
background-color:transparent;
border:none;
padding:0px 10px 0px 10px;
width:291px;
height:54px;
font-size:16px;
line-height:16px;
}
#password input[type="password"], #username input[type="text"] { border:none; background:none; margin-top:12px; margin-left:5px; font-size:16px; }
input[type="password"]#password:focus, input[type="text"]#username:focus {
background: url(../images/login-input-hover.png) no-repeat;
}
#submit {
padding-left:120px;
}

#content-left {
float:left;
width:535px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#content-left #product-img a {
border:solid #CCCCCC 1px;
padding:5px;
margin:0px 10px 0 0;
float:left;
}
#content-left #product-img a:hover {
border:solid #666666 1px;
padding:5px;
margin:0px 10px 0 0;
float:left;
}

#content-left h1 {
border-bottom:solid 1px #666;
font-weight:lighter;
color:#333333;
padding-top:2px;
padding-bottom:3px;
margin:0 0 5px 0;
}
#content-right {
float: right;
width:250px;
}
#content-right h1 {
font-size:20px;
border-bottom:solid 1px #666;
}
#content-right h1 a {
color:#666;
text-decoration:none;
}
#content-right h2 {
font-size:20px;
border-bottom:solid 1px #666;
font-weight:lighter;
color:#666666;
padding-top:2px;
padding-bottom:4px;
margin:3px 0 5px 0;
}


#left {
margin: 5px 6px 0px 0px;
width: 485px;
float: left;
font-size: 11px;
font-family:"Verdana", Arial, Helvetica, sans-serif;
}
#left #text {
margin:5px 5px 5px 10px;
line-height:15px;
}
#left h1 {
margin:8px 0px 6px 0px;
padding:0;
}
#left h3 { border-bottom: 1px dotted #6C91FC; }

#right {
margin: 0px 0px 0px 0px;
width: 273px;
float: right;
font-family:"Verdana", Arial, Helvetica, sans-serif;
font-size: 11px;
}
#right #text {
margin:5px 5px 5px 0px;
padding-bottom:5px;
line-height:15px;
border-bottom:dashed 1px #666;
}
#right h1 {
margin:8px 5px 0px 0px;
padding:0;
}
.red {
color:#FF0006;
}
.white {
color:#FFFFFF;
}
#right h3 { color: #666; }
#right ul { list-style-type: none; padding: 10px 0 10px 0; }
#right ul li { padding: 2px 0 3px 0; }
#right ul li a { color: #4C69AF; font-weight: 100; display: block; text-decoration: none; font-size: 14px; border-bottom: 1px dotted #aaa; }
#right ul li a:hover { color : #111; }

#footer {
float:right;
position:absolute;
bottom:0px;
margin:0px auto;
font-size: 9px;
color: #333;
text-align: right;
padding-right:10px;
padding-bottom:10px;
width:950px;
line-height: 20px;
}
#footer div {
background:url(../images/transparent-bg.png);
padding-right:4px;
float:right;
}
#footer a { 
color: #333;
}
#footer a:hover {
color: #333; 
text-decoration: underline; 
}

#bottom {
background: url(../images/design/bottom.png) no-repeat;
padding:0;
height:20px;
}


.box1 {
	padding: 3px;
	border-width: medium;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border: 1px solid;
}


SELECT {
	font-size:12px;
	width:148px;
	}
INPUT {
	font-size:12px;
	}
input:focus, select:focus, textarea:focus {
	background: #FEFEFE;
	font-size:12px;
	outline:none;
	}

#navBreadCrumb {
padding-top:3px;
padding-bottom:2px;
color:#333;
}

#navBreadCrumb a {
color:#666666;
}

#navBreadCrumb a:hover {
color:#333333;
}

.imgLink {
color:#666;
font-family:Arial, Helvetica, sans-serif;
}