@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

body {
padding: 0;
margin: 0;
/*background-image:url(images/pageBg.jpg);*/
background-repeat:repeat-y; 
background-color:#687c8a; 
}

#wrapper {
width: 900px;
margin: 0 auto;
}

#header {
width: 900px;
height: 350px;
padding: 0px;
background:#797979 url(images/headerPic.jpg);
}

#innerwrap {
width:890px;
padding: 5px;
background:#FFF url(images/contentBg.jpg) repeat-x ;
min-height: 400px;
overflow:hidden;/*contain the inner floats*/
clear:left;
}
#content {
float:left; 
width: 600px;
min-height: 400px;
background:#FFF;
}
#page_content {
float:left; 
width: 890px;
min-height: 400px;
background:#FFF;
}
h2 {
	color: #004d71;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
/**************************** right column on homepage ********************************/
#right {
float:right;
width: 283px; /*272px; */
min-height: 400px;
background:#FFF;
}
#rightcontent {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: 004d71;
padding-left: 15px;
padding-right: 10px;
}
h3 {color: #abca13; font-weight:600; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom: 20px; padding-top: 20px;}
#rightcontent a:link,#rightcontent a:active, #rightcontent a: visited {color: #d79526; text-decoration:none;}
#rightcontent a: hover {color: #abca13;}
* html #innerwrap,
* html #content,
* html #right {height:400px} /*IE6 treats height as min-height*/

p{
margin:0;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 210%;
color: #111111;
}
/****************** footer css ***********************************/
#footer {
width: 900px;
height: 214px;
background-image:url(images/footerBgrnd.jpg);
background-repeat:repeat-x;
clear: both;
}
#footer p{margin:0; padding:20px 5px;}
#footer_title {
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
font-size: 18px;
float: left;
text-transform:uppercase;
}
.footer {
border: none;
}
#footer ul {
width: 200px;
padding-right: 30px;
list-style-type: none;
}
#footer li {
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
font-size: 12px;
text-transform:uppercase;
margin: 2px 0 0;
}
#footer  a {
display: block;
width:120px;
text-decoration:none;
}
#footer a:link, #footer a:active, #footer a:visited {
color: #ffffff;
}
#footer a:hover {
color: #004d71;
}
#footer_one {
height:214px;
float:left;
padding-top: 8px;
color: #FFFFFF;
}
#footer_two {
height:214px;
float:left;
padding-top: 8px;
margin-left: 100px;
}
#footer_three {
height:214px;
float:left;
padding-top: 8px;
margin-left: 100px;
}
#footer_four {
height:214px;
float:left;
padding-top: 8px;
margin-left: 100px;
clear:right;
}

/************************************* menu *********************************/
#menu {
width: 900px;
height: 45px;
float:left;
overflow:hidden;
position:relative;
background:#2E81AB url(images/menuBgrnd.jpg) repeat-x;
}
#menu ul {
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
}
#menu li{
display:block;
   float:left;
   list-style:none;
   margin:0;
   padding-right:20px;
   padding-top: 10px;
   position:relative;
   right:50%;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;

}
#menu a, #menu a:visited{ 
/*float:left;
width:100px;*/
text-decoration:none;
color:white;
font-weight:bold;
padding:5px;
}
#menu a:hover{
color:#004d71;
}

#guide_service ul {
width: 750px;
padding-left: 25px;
margin-left: 30px;
}
#guide_service li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #004d71;
font-weight: 200;
list-style-image:url(../images/listImg.jpg); 
}
#content_link a, #content_link a:visited {
color: #d79526;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
#content_link a:hover {
color: #004d71;
text-decoration: underline;
}


/* image css */
img {
	border: 4px double #004d71;
	margin: 4px;
	padding: 4px;
}
#pic_caption {
color: #d79526;
text-align:center;
padding-bottom: 20px;
font-weight:300;
}
.floatimgleft {
    float:left;
    margin-top:5px;
    margin-right:10px;
    margin-bottom:120px;
	clear: left;
    }
.floatimgright {
    float:right;
    margin-top:35px;
    margin-left:10px;
    margin-bottom:120px;

    }
#guide_service_pic {
padding: 0, auto;
margin: 0, auto;
text-align:center;
padding-top: 35px;
}
/************************************ logo css *********************************/
#logo_wrap {
width: 850px;
padding: 20px;
float: left;
}
#logo img {
float: left;
padding-right: 10px;
margin-bottom: 20px;
border: none;
}
#logo p {
width: 600px;
height: 60px;
padding-top: 0px;
padding-left: 10px;
font-size: 11px;
white-space:normal;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
margin-bottom: 20px;
float: left;
border-left: solid 1px #c0c8ce;
}
#logo a, #logo a:link, #logo a:visited {
color: #004d71;
text-decoration:none;
}
#logo a:hover {
color: #006600;
text-decoration:none;
}
/***************** contact info css *******************************/
#contact_wrapper {
width: 850px;
}
#contact {
width: 300px;
/*border: solid 1px #ccc; */
float: left;
margin-left: 40px;
border: solid 1px #004d71;
background-color: #dde2e6;
}
#contact h2 {
font-size: 15px;
color: #d79526;
padding-bottom: 1px;
}
#contact p {
padding-left: 15px;
line-height: 120%;
color: #004d71;
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:300;
}

/***************** contact form css *******************************/
#contactrt {
width: 480px;
float: right;
/* margin-left: 20px; -- this was causing two divs not to line up next to each other ******************/
padding-left: 10px;     
background-color: #dde2e6;
border: solid 1px #004d71;
}
#contactrt h2 {
font-size: 15px;
color: #d79526;
padding-bottom: 1px;
}
.clear { clear: both;}
#map a, #map a:visited {
color: #d79526;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}
#map a:hover {color: #d79526;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: underline;
}
p h2 {
color: #004d71;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:300;
}
/************************* SPForm style *****************************************/
.spform_input {
		position:absolute;
		text-decoration:underline;
		background-color:#CC0000;
		left:0px;
		top:-500px;
		width:1px;
		height:1px;
		overflow:hidden;
		}
.spf_prompt {
display:block;
padding-right:10px;
font-weight:bold;
}
.spf_normal_input {
font-weight:normal;
padding-left:0px;
}
.spf_verify_msg {
font-weight:bold;
}
.spf_verify_prompt {
font-weight:bold;
}
.spf_cookie_msg {
font-weight:normal;
color:#ff0000;
padding-top:30px;
}
/*********************** blog trailer on homepage ***************************************/
#blog_trailer h3 {
color: #abca13;
font-family: Arial, sans-serif;
font-size: 13px;
padding-left: 10px;
}
#trailer {
color: #000;
font-family: Arial, sans-serif;
font-size: 13px;
padding: 0px 10px;
}
#blog_trailer a {
color: #687c8a; 
font-family:Arial, sans-serif;
text-decoration:none;
font-size: 12px
}
#trailer_div {
background-image:url(http://www.massflyfishing.com/cms/css/images/trailerDiv.jpg);
background-repeat:no-repeat;
text-align: center;
margin: 0 auto;
display:block;
}
#none {
border: none;
}
/************************************ blog css ***********************************************/
/********** homepage blog css ***********************************/
.blog_title {
color:#687c8a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
text-align:center;
margin: 0 auto;
font-weight:700;
}

/************************ blog page css ****************************/
#blog {
width: 700px;
padding-left: 20px;
}
#blog_page_title {
color:#687c8a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: 600;
}
#blog h3 {
color: #abca13; 
font-weight:600; 
font-family:Verdana, Arial, Helvetica, sans-serif; 

}
#blog_date {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
color: #111111;
padding-left: 5px;
}
#blog_content {
color: #000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
/*********************** links page css ***********************/
#links a {
color: #687c8a; 
font-family:Arial, sans-serif;
text-decoration:none;
font-size: 12px;
}
#links a:hover {
color: #abca13; 
font-family:Arial, sans-serif;
text-decoration:none;
font-size: 12px;
}
/***************** NSWD link ******************************/
#nswd {
color: #fff; 
font-family: trebuchet, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size: 11px;
margin: 0 auto;
padding-left: 20%;
width: 500px;
}
#nswd a {
color: #abca13; 
font-family: trebuchet, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size: 11px;
}
#nswd a:hover {
color: #87a010; 
font-family:trebuchet, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size: 11px;
}