/* Global Styles */
* { margin:0; padding:0; }
body { background: url(images/body_background_3.gif) top left repeat-x; background-color: white;  font-family: arial,helvetica; font-size: 12px; color: #000;} /* #F9F5ea */
img { border: 0; }
a { color: #003f87; }
a:hover { color: #943d47; text-decoration: none;}
ul { list-style: none; }
label { display: block; }
h1,h2,h3,h4,h5 { color: #003f87; }
h1 { font-size: 22px;  }
h2 { font-size: 18px;  }
h3 { font-size: 16px;  }
h4 { font-size: 14px;  }
p.more { text-align: right; padding-right: 30px; margin-top: 10px;}
label { display: block; margin-top: 8px; margin-bottom:2px; color: #333; font-weight: bold; }
input, select, fieldset, textarea { border: 1px solid #aaa; font-size: 14px; }
input, textarea { padding: 2px 4px; font-size:13px; }
textarea { width: 75%; height: 100px; padding: 2px 4px;}
.submit { background-color: #943d47; color:white; width: auto; padding: 2px 1px; margin-top: 10px; cursor:pointer;}
blockquote { padding-left:25px; }
hr { height:1px; color:#003f87; background-color:#003f87; border:0px; margin:10px 0px;}
caption { height:1px; line-height:1px; color:white; position:absolute; top:-100px;  }

@media screen 
{
	/* Global Container */		
	#container { position: relative; width: 760px; margin: 0 auto; background-color: #fff; border: #aaa solid 1px; border-top: 0;}

	/* Header Area and Search Box */
	#header { position: relative; height: 40px; width: auto; background-color: #003F87; }
	#headertext { width: 465px; height: 28px; float: left;  }
	#searchbox { width: 270px; padding-right: 10px; float: right; text-align: right; padding-top: 9px; }
	#search { border: 0; background-color: #fff; width: 156px; height: 16px; font-size: 13px; padding: 2px 2px; color:#888;}
	.search { border: 0; background-color: #fff; width: 156px; height: 16px; font-size: 13px; padding: 2px 2px; color:#888;}
	#searchlabelimg { margin-bottom: 1px; margin-right: 6px; }
	#searchbuttonimg { margin-bottom: -4px; margin-left: 4px; border:0; padding:0px;}
	.searchbuttonimg { margin-bottom: -4px; margin-left: 4px; }
	#searchform { display:inline; padding:0px; margin:0px;}
	#searchbox label 
	{
		position:absolute;
		left:0px;
		top:-500px;
		width:1px;
		height:1px;
		overflow:hidden;
	} 
	/* Global Nav */
	#globalnav { position: relative; height: 52px; width: auto; }
	#globalnav ul li { float: left; }
	.homenav {  background: url(images/head_bottom_pattern_1.gif); }
}

/* Home - Main Content */
#homecontent { position: relative;  }
#homecopy { float: left; min-height: 320px; height: auto !important; height: 320px; width: 450px;
			padding: 15px; background: url(images/home_content_background_1.jpg) bottom left no-repeat;}
#homecopy h2 { margin-top: 15px; margin-left: 20px;}
#homecopy p { font-size: 14px; color: black; line-height: 20px; margin-left: 20px; margin-bottom:8px;}
#homecopy .more { font-size: 18px;}

#homerightpane { float: right; width: 280px; background: url(images/right_pane_background_1.jpg) repeat-y; }
#homerightpane ul li { height: 31px; background: url(images/featured_background_1.jpg) top left no-repeat;
						font-size: 18px;  color: #003f87; font-weight: bold; padding-top: 12px; padding-left: 20px;}
#homerightpane ul li a { text-decoration: none;}
/* change the height and min-height here to change the height of the news section on the home page */
#news { min-height: 328px; height: auto !important; height: 328px; 
		padding:12px 20px 12px 20px;
		background: url(images/news_background_1.jpg) top left no-repeat; 
		font-size: 13px;}
#news h4 { margin-top: 12px; }

/* SubPage - Main Content */
#content { position: relative; height: auto; width: auto; background: url(images/subpage_background.jpg) top right repeat-y; }
#copy { position: relative; height: auto; padding: 15px 180px 15px 20px; min-height: 600px; height: auto !important; height: 600px; font-size: 15px; }
#copy h1,h2,h3 { margin-bottom:10px;margin-top:10px; }
#copy tr { font-size: 15px; line-height: 20px; }
#copy th { padding: 4px; }
#copy td { padding: 4px; }
#copy p { font-size: 15px; color: black; line-height: 20px; margin-bottom: 10px; margin-top:0px; }
#copy img{ padding: 5px; margin: 10px 10px 10px 0px; border: 1px #aaa solid; display:inline; }
#copy ol { list-style-position:outside; float:none; margin:10px; }
#copy ul { list-style: disc outside; float:none; margin:10px; }
#copy li {  font-size: 15px; list-style-position:outside; margin:4px 0px 4px 15px; }
@media screen 
{
	#subsectionlinks {  position:relative; float: right; border: 1px solid #003f87; margin: 10px 15px; }
	#subsectionlinks h2 { background-color: #003f87; color: white; padding: 4px; font-size: 10px; text-transform: uppercase; margin-top:0px;}
	#subsectionlinks ul { margin: 8px; }
	#subsectionlinks ul li { font-size: 16px; margin-bottom: 4px; list-style-type:none; margin-left:0px;}
}

/* Footer */
@media screen {
	#footer { clear:both; height: 22px; width: auto; background: url(images/footer_background_1.jpg) repeat-x; text-align: center;
				 border-top: 3px solid #943d47; font-size: 10px; color: #333; font-weight: bold; padding-top: 11px;}
	#footer a { color: #333; text-decoration: none; }
}
#copyright { text-align: center; color: #666; font: 10px Verdana, sans-serif; margin-top: 15px;}

/* Sub Page Background Images */
.backgroundphoto {background: url(images/subpage_background_photo_1.jpg) top right no-repeat; }
.backgroundphoto_service {background: url(images/subpage_background_photo_1.jpg) top right no-repeat; }
.backgroundphoto_community {background: url(images/subpage_background_photo_10.jpg) top right no-repeat; }
.backgroundphoto_environment {background: url(images/subpage_background_photo_9.jpg) top right no-repeat; }
.backgroundphoto_newsandreports {background: url(images/subpage_background_photo_6.jpg) top right no-repeat; }
.backgroundphoto_aboutus {background: url(images/subpage_background_photo_8.jpg) top right no-repeat; }
.backgroundphoto_contactus {background: url(images/subpage_background_photo_7.jpg) top right no-repeat; }

/* Search Results */
.searchhighlight { background:#E3F0FF; padding:0px 1px;}
#searchresults h1 { margin-bottom: 4px; }
#searchresults h2 { background-color: #f2e4bd; color: #333; padding: 2px 8px; margin-bottom: 4px; margin-top: 15px; }
#searchresults h3 { margin-left: -6px; font-size: 14px; }
#searchresults ul { margin-left: 6px; }
#searchresults ul li { margin-bottom: 4px; line-height: 145%; }
#searchresults p.more { font-size: 13px; font-weight: bold;}
#searchresults h2 { margin-left:0px; }
#searchresults ul { }
#searchresults ul li { list-style: none; font-size:12px; }
#searchresults li { list-style: none;  }
#searchresults div.searchresultspacer 
{
	display:inline;height:1px;line-height:1px;
}

/* pagination for latest news & search results */
#pagenumbers
{
	display:inline;
	padding:20px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}
#pagenumbers label
{
	font-size:12px;
    font-weight:bold; 
    color: #003f87; 
    display:inline;
    margin:0px;
    padding-right:3px;
}
#pagenumbers li
{
	font-size:12px;
    font-weight:bold; 
    list-style: none;
    display: inline;
    margin: 0px 5px 0px 0px;
}
#pagenumbers ul
{
    list-style: none;
    text-align: left;
    white-space: nowrap;
    display:inline;
    margin:0px;
}
#pagenumbers a
{
    color: #003f87;
}
li.latestnewsprevnext { color:#888; }
li.searchresultsprevnext { color:White; }
li.searchresultsfirstlast { color:White; }
li.searchresultscurrentpagenumber { color:#333; }

/* commissioner report list */
h3.reportMonthListTitle { padding: 2px 2px 2px 2px; width:300px; text-decoration:none; font-size:13px; font-weight:bold; margin:0px;}
.reportMonthList { padding: 4px; display:block; }
.reportMonthList a { display:block; margin:8px; }
#reportyearlinks {  }
#reportyearlinks ol { list-style:none; margin:0px; }
#reportyearlinks li { font-size:13px; display:inline; font-weight:bold; margin:0px 0px 0px 1px; list-style:none; }
#reportyearlinks h2 { font-size:16px; margin-bottom:4px; }
#recentreports { font-size:13px; margin-top:4px; padding-top:6px; }
#recentreports ul { list-style:none; margin:0px; padding:0px; }
#recentreports li { font-size:13px; list-style:none; margin:0px 0px 8px 0px; padding:0px; }
#recentreports h2 { font-size:16px; margin-bottom:4px; }
#recentreports h3 {  font-size:13px; }


/* job list page */
#jobs h4 { margin-top:6px; margin-bottom:3px; }
#jobs th { padding:3px; }
#jobs td { padding:3px; }

/* online payment */
#onlinepaymentform {}
#onlinepaymentform label { }

/* fish counts page */
#fishcounts h4 { margin:6px 0px; }
#fishcounts th { padding:4px; padding-left:8px; }
#fishcounts td { padding:2px; }
.fishcountsfishtype { font-weight: bold; }

/* job details page */
#jobdetails {}
#jobdetails label { display:inline-block; width:100px; margin:3px 0px 0px 0px; font-weight:bold; }
#jobdetails h2 { margin-bottom:12px; }

/* report details page */
#reportdetailheader { font-size:15px; display:block; }

/* latest news */
h4.allnewstitle { margin:0px 0px 2px 0px; }
.allnewspostdate { font-size:12px; color:#777; }

/* RSS Feed */
#feed { margin: 20px 0px 8px 0px; width: auto; position:relative; text-align: center; font-size:13px;  }
#feed small { margin-left: 6px; font-size:11px; }
#feed img { border: 0px; padding:0px; margin: 0px 2px -2px 0px; float: none; }

/* password recovery page */
#passwordrecovery { font-size:14px; }

/* "edit this page" link */
#editthispage { display:block; text-align:center; width:100px; margin:50px 50px; padding:10px; border:1px solid #003f87; background-color:#efefef; }

/* error message style */
.error { color:Red; font-weight:bold; }

/* printer-specific styles */
@media print 
{
	caption { display:none; }
	#container { position: relative; margin: 0 auto; background-color: #fff; }
	#subsectionlinks { display:none; }
	#header { display:none; }
	#globalnav { display:none; }
	#footer { display:none; }
}

/* Custom styles used in FreeTextBox editor, see support/ftb/ftb.css */
.defaultstyle { font-family: arial,helvetica; font-size: 15px; line-height: 20px; color: black; }
.imagecaption { font-size:12px; font-weight:bold; color:#333333; }
.subheading { font-size: 15px; font-weight:bold; color: #003f87; display:block; margin-top:-1px; }