/*
	
	CSS document for www.cobent.com
	Author: Nick Carpenter - Oxford New Media
	
	The following styles are optimised for display on the following
	web browsers:
	
	* Internet Explorer v.6
	* Firefox 1.0.6
	* Mozilla 1.7.12
	* Internet Explorer v.7 (please see IE7styles.css for IE7 specific styles)
	
	* PLEASE NOTE - A seperate stylesheet is provided for use within the WYSIWYG
	editor that contains only styles approved for use
	*/
	
	/****************************************************
		CORE HTML TAGS
	****************************************************/

	table , select, input {font-size: 100%;}
	html{height:100%;}
	body {margin:0px;font-family:Arial, Helvetica, sans-serif;color: #000;height:100%;font-size: 0.75em;background:url(banner_bg.jpg) repeat-x top;}	
	form {margin: 0px;}
	textarea {font-family: Arial, Helvetica, sans-serif;font-size: 1em;width:90%}
	td {vertical-align:top}
	
	/****************************************************
		HEADINGS
	****************************************************/
	
	h1 {font-size: 1.7em;font-weight: bold;color:#000;margin-bottom:1em;font-family:Arial, Helvetica, sans-serif; }
	h2 {clear:both;font-size: 1.3em;font-weight: bold;margin-bottom:3px; color:#000;font-family:Arial, Helvetica, sans-serif;}
	h3 {font-size: 1em;font-weight: bold;color:#172E54;margin-bottom:3px;}
	h4,h5,h6 {font-size: 1em;font-weight: bold;margin-bottom:3px;}
	
	h1 div {display:none}
	
	#hdr_about 			{background-image: url(/client/images/icons/icon_aboutus.gif);height:1.6em;line-height:1.6em;background-repeat: no-repeat; padding-left:40px;}
	
	
	.newsStory h1 {font-size: 1.6em;font-weight: bold;margin-bottom:1em;font-family:Arial, Helvetica, sans-serif;}
	#logo h1{display:none}
	
	.panelHeader h3{font-weight:normal; font-size:1em;margin:0px;font-weight:bold; color:#666}
	
	
	/****************************************************
		LAYOUT
	****************************************************/
	
	
	#logo {width:461px;height:51px;
	background:url(/client/templates/shared/kirtlingtonFisheriesLogo.gif) no-repeat;
	z-index:200;
	float:left;
	margin-top:25px;
	}

	#outer{background:url(header.jpg) no-repeat top center; height:100%; }
	#inner {width:780px;margin-left:auto;margin-right:auto; }
	
	#header {height:113px}
	
	
	#left {	float:left;	width:450px; margin-top:20px;}
	#leftAlt {float:left;	width:550px; margin-top:20px;}
	#right {float:right;	margin-top:5px; width:300px;}
	#rightAlt {float:right;	margin-top:5px; width:200px;}
	#galleryLeft {width:600px; margin-top:20px;}
		
	#builtBy {width:150px;text-align:right;  float:right; font-size:0.8em}

	html>body #outer{min-height:590px}	
	#flashHeaderRow {height:250px;}
	
	#mainContent {min-height:380px; margin-bottom:20px}
	* html #mainContent {height:380px;}

	
	#search {clear:right;float:right;;height:2em;line-height:2em;}
	
	#skip {display:none}
	
	#FooterRow {height:2em; line-height:2em;vertical-align:top;clear:both; color:#999;margin: 10px 0 10px 0; border-top:1px solid #999; padding-left:0px}
	#FooterRow td{font-size:0.9em;background-color:#fff;padding:10px 0 10px 10px;height:50px;text-align:left;border-top:1px solid #ccc;}
	
	#copyrightNotice {padding-left:10px; width:500px; float:left}
	
	/****************************************************
		LINKS
	****************************************************/
	
	a {color: #333333;text-decoration: underline;}	
	a:hover {text-decoration: underline;}	
	

	.subNavSelected {text-decoration:none;color: #669900 ; padding-left:10px; background:url(../../images/icons/bullet_arrow_grey_IE.gif) left top no-repeat}
	
	.panelBody a {text-decoration:none;color: #669900}
	.panelBody a:hover {text-decoration:underline;}
	
	a.bulletLink {background:url(../../images/icons/bullet_arrow_grey_IE.gif) left top no-repeat; padding-left:15px}
	
	
	/****************************************************
		BULLETS
	****************************************************/
	

	#siteMap ul {padding:5px;margin-bottom:-10px}
	#siteMap li {list-style-image:none;padding-bottom:5px;}	
	.panelBody ul  {margin-left:0px}
	.panelBody li { border-bottom:1px solid  #CCC; padding: 5px 0 5px 0 }

		
	/*Firefox & Mozilla */
	html>body .panelBody ul {margin:0px;} 
	html>body .panelBody li {list-style:none;margin-bottom:5px;}
	
	/* Internet Explorer */
	* html .panelBody ul { margin:0px 0px 0px 0px;} 
	* html .panelBody li {list-style:none;margin-bottom:5px;}
	
	
	
	/****************************************************
		NAV BAR
	****************************************************/
	
	#nav {width:100%;height:2.6em;line-height:2.6em; text-align:left;background:url(navBar_bg.gif) repeat-x;margin-bottom:0px; }
	#nav a {color: #003300;text-decoration:none;font-weight:normal;}
	#nav a:hover {text-decoration:underline; color:#990000}
	#nav a:hover span{}
	#nav .openedlink {text-decoration:underline}
	#nav .openedlink span{}	
	
	#nav ul {margin:0px} 
	#nav li {	text-align:left;
	list-style: none;
	display:inline;}
	#nav a span {padding: 5px }	
	
	html>body #nav ul {padding-left:0px} 
	
	
	/* Internet Explorer */
	* html	#nav ul {margin-top:0px;margin-bottom:0px;} 
	* html 	#nav li {
	margin-left:-5px;
	margin-bottom:0px;		
	}
	
	* html #nav a span {padding: 5px 8px 11px 8px;}	


	/************************************
		PANELS	
	*************************************/

	/*All*/

	.panelBody {background-color:#fff;padding:5px 5px 5px 5px; width:178px;margin-bottom:5px;}
	.panelHeader {height:2em;line-height:2em;vertical-align:middle;padding-left:5px;margin-bottom:5px;width:175px;color:#ccc;font-weight:bold; border-bottom:1px solid #666}
	.lowerPanelHeader {	height:22px;line-height:22px;vertical-align:middle;background-color:#000;padding-left:5px;color:#FFFFFF;border-top:1px solid #fff;border-bottom:1px solid #fff;width:175px;}
	
	* html .panelBody ul {  }
	
	/****************************************************
		MISC
	****************************************************/
	
	.editRegion {display:block}	
	.smallText { font-size: 0.8em;}
	.redText {color:#FF0000}


	* html 	.searchInput {height:1.1em;margin-top:1px; width:120px;border:1px solid #A5B2C5}
	* html 	.searchGo {padding-bottom:1px;}


	hr {height:1px;color:#999999;}
	#FooterNavRow {height:25px;}
	
	
	.bCrumbLink {color: #775E2D;}
	#bCrumbLinkOn{color:#333;font-weight:bold}	
	.bCrumbRow {color:#000;font-size:0.8em;padding: 10px 0 0 0;line-height:2.2em;height:2.2em;width:500px;margin-bottom:5px;
	font-family: Tahoma,Arial, Helvetica, sans-serif;
	float:left}
	.bCrumbRow a {color:#666;text-decoration:none;}
	.bCrumbRow a:hover {color:#666666; text-decoration:underline;}
	.bCrumbText {color: #333;}	
	
	* html .bCrumbRow {width:500px}
	html>body .bCrumbRow {width:500px}
		
	.editOverlay {border:1px dotted #ff3300;position:absolute;z-index:1000;cursor:pointer;margin-top:-1px;margin-left:-1px;}
	
	#caption100 {   }
	
	
	.topFishHeader { background:url(topfishHeaderBG.gif) no-repeat top; width:300px; height:36px; line-height:36px; text-align:center}
	.topFishHeader h2 {color:#fff; margin-left:10px; font-size:1.2em;margin:0px}
	.photoTop { background:url(/client/templates/Shared/photo/photoTop.gif)  no-repeat bottom; width:300px; height:10px ;margin:0px}
	.photoMid {background:url(/client/templates/Shared/photo/photoMid.gif)  repeat-y; width:300px; text-align:center}
	.photoCaption {padding-top:5px; text-align:center}
	.photoFooter {background:url(/client/templates/Shared/photo/photoBottom.gif)  no-repeat; width:300px; height:10px}
	.photoDate {font-size:0.8em; color:#666666}
	
	.dataRow td {border-bottom:1px solid #ccc}
	
	.glry_thumbnail {border:1px solid #000}	
	.glry_rollout{clear:both; margin-bottom:5px }
	.glry_name {text-align:center}
	.glry_since{font-size:0.8em;text-align:center}
	.glry_photo {float:left; margin-right:20px}
	.glry_desc {margin: 10px}
	.glry_caption {font-weight:bold}
	.glry_item {float:left; margin-right:10px; margin-top:5px}
	
	.unverified {color:#ff3300; font-weight:bold; display:none}
	.pending {color:#ffcc33; font-weight:bold}
	.verified {color: #006600; font-weight:bold; }
	
	.topFishOuter {margin-right:30px; float:left}
	.subTitle {font-weight:bold; color:#FF0000}
	
	
	#dataTbl td {padding:3px}
	#dataTbl td.dataRow {border-bottom:1px solid #ccc}
	
	
	/*News*/
	
	#newsRollout_headlines .newsDate {font-size:0.9em; margin-bottom:3px;font-style:italic}
	#newsRollout_headlines .newsAbstract {margin-bottom:10px}
	#newsRollout_headlines .newsTitle {font-size:1.2em; margin:3px 0 3px 0; font-weight:bold; letter-spacing:-0.05em}
	
	.newsStory>.newsDate {font-style:italic; margin:5px 0 10px 0}
	.newsStory>.newsBody {margin-bottom:10px }