/* =Reset
------------------------------------------------------------ */ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}

/* Tables still need 'cellspacing="0"' in the markup. 
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
*/

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* =Typography
------------------------------------------------------------ */ 

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
  // font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 22px; /* Baseline here at 150%. This is set multiple places. */
  color: #333;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
  margin: 0; 
  padding: 9px 0;
  color:#111; 
  clear:both; 
}

/* Total height for each heading has to be a multiple of the baseline (18). */
h1 { font-size: 36px; line-height: 36px; padding: 18px 0; }
h2 { font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif; font-size: 18px; line-height: 36px; padding: 0; margin: 18px 0 0 0; }
h3 { font-family: Georgia, "Times New Roman", serif; font-size: 16px; color: #2b2f33; line-height: 36px; padding: 18px 0 0 0;  }
h4 { font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif; font-size: 12px; color: #000; font-weight: bold; letter-spacing: 1px; line-height: 18px; padding: 9px 0; text-transform: uppercase; }
h4.news { text-transform: none; }
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 10px; font-weight:bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 24px 0; text-align:left; }
p.wicon		{ margin: 10px 0 0 0; text-align:left; font-size: 12px; }
p.wicon img	{ float: left; margin: 0 18px 18px 0; padding:0; }
p.last      { margin-bottom:0; }
p img       { float: left; margin: 20px 20px 10px 0; padding:0; }
p img.top   { margin-top:10px; } /* Use this if the image is at the top of the <p>. */
p img.photo { margin-top:0; clear: both; } /* Use this if the image is at the top of the <p>. */
p img.cite	{ margin: 0 20px 0 0; padding: 0; }

ul, ol      { margin: 18px 0 24px 18px; list-style-type:disc; }
li          { line-height:22px; margin: 0 0 18px 0; }
ol          { list-style-type: decimal; }
dl          { margin: 18px 0; }
dl dt       { font-weight: bold; }

a           { color: #125AA7; text-decoration: none; outline: none; }
a:hover     { color: #000; }

blockquote  { margin: 18px 0 18px 23px; font-size: 0.9em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; line-height:18px; background: #eee; padding:8px; border:1px solid #ddd; }
code        { font:0.9em Monaco, monospace; }


/* Tables
-------------------------------------------------------------- 

table   { margin-bottom: 13px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height:17px; padding:0 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }

*/

/* Some default classes
-------------------------------------------------------------- */

.small, .small p  { font-size: 10px; }
.large, .large p  { font-size: 14px; }
.quiet, .quiet p  { color: #666; }
.hide             { display: none; }

/* TODO: Implement image captions. */
.caption { }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking ampersands, use this code instead of &amp;: 
   <span class="amp">&amp;</span>  */
  
.amp { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  font-size: 1.1em;
  line-height:10%; /* Fix to maintain correct baseline */
  font-style: italic;
}

/* For great looking quote marks in titles, replace "asdf" width:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). */  

.dquo { margin-left: -.7em; } 
/* (You may have to change this value depending on your font size). */




/* =Grid
------------------------------------------------------------ */ 

body { 
  text-align: center; /* IE Fix */
  margin:0;
}

/* A conainer should group all your columns. */
.container {
  background: #fff url('/images/bg-container.gif') top left repeat-y;
  text-align: left;
  position: relative;
  padding: 0;
  margin: 0 auto;   /* Centers layout */
  width: 860px;     /* Total width */
  padding: 0 20px 10px 20px;
}

.container-email {
  background: #fff;
  text-align: left;
  position: relative;
  padding: 0;
  margin: 0 auto;   /* Centers layout */
  width: 760px;     /* Total width */
  padding: 10px 20px 10px 20px;
}


/* Clear fix */
.container:after { 
  content:  "."; 
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.container-email:after { 
  content:  "."; 
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


#bottom {
	width: 100%;
	background: #767676;
	position: relative;
}

.bottomcontainer {
  background: #ddd;
  text-align: left;
  position: relative;
  padding: 0;
  margin: 0 auto;   /* Centers layout */
  width: 860px;     /* Total width */
  padding: 0 20px 10px 20px;
}

/* Clear fix */
.bottomcontainer:after { 
  content:  "."; 
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* Use this to create a horizontal ruler across a column.
   BUG: Margins butchered in IE */
hr { 
  background: lightblue; 
  color: lightblue; /* IE Fix */
  clear: both;
  float: left; 
  width: 100%; 
  height: 2px; 
  margin: 8px 0 8px 0; 
  padding: 0; 
  border: none; 
}


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any compsition of columns in a layout.
   Nesting columns works like a charm (remember .first and .last). */
   
.column {
  float: left;
  margin: 0 10px;
  padding: 0;
}


/* Add this class to a column if you want a border on its 
   right hand side. This should be customized to fit your needs. */

.border {
  padding-right: 9px;
  margin-right: 0;
  border-right: 1px solid #eee;
}


/* The first and last elements in a multi-column 
   block needs one of these classes each. */

.first  { margin-left: 0; }
.last   { margin-right: 0; }


/* Use these classes to set how wide a column should be. */
.span-1   { width: 50px; }
.span-2   { width: 120px; }
.span-3   { width: 190px; }
.span-4   { width: 260px; }
.span-5   { width: 330px; }
.span-6   { width: 400px; }
.span-7   { width: 470px; }
.span-8   { width: 540px; }
.span-9   { width: 610px; }
.span-10  { width: 680px; }
.span-11  { width: 750px; }
.span-12  { width: 820px; }
.span-13  { width: 890px; }
.span-14  { width: 960px; margin: 0; }

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 70px; }  
.append-2   { padding-right: 140px; } 
.append-3   { padding-right: 210px; } 
.append-4   { padding-right: 280px; } 
.append-5   { padding-right: 350px; } 
.append-6   { padding-right: 420px; } 
.append-7   { padding-right: 490px; } 
.append-8   { padding-right: 560px; } 
.append-9   { padding-right: 630px; } 
.append-10  { padding-right: 700px; }
.append-11  { padding-right: 770px; }
.append-12  { padding-right: 840px; }
.append-13  { padding-right: 910px; }

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 70px; }  
.prepend-2   { padding-left: 140px; } 
.prepend-3   { padding-left: 210px; } 
.prepend-4   { padding-left: 280px; } 
.prepend-5   { padding-left: 350px; } 
.prepend-6   { padding-left: 420px; } 
.prepend-7   { padding-left: 490px; } 
.prepend-8   { padding-left: 560px; } 
.prepend-9   { padding-left: 630px; } 
.prepend-10  { padding-left: 700px; }
.prepend-11  { padding-left: 770px; }
.prepend-12  { padding-left: 840px; }
.prepend-13  { padding-left: 910px; }


/* Use a .box to create a padded box inside a column. 
   Sticking to 18px wide gaps since that's the baseline. */ 
   
.box { 
  padding: 18px; 
  margin-bottom: 18px; 
  background: #f0f0f0; 
}


/* Nudge your elements [subtraction.com/archives/2007/0606_nudge_your_e.php]:
   All block elements (not hr) inside a col should have a 5px padding on each side.
   (Not everyone wants this, but feel free to uncomment if you do.) 

p,ul,ol,dl,h1,h2,h3,h4,h5,h6,
caption,pre,blockquote,input,textarea {
  padding-left: 5px;
  padding-right: 5px;
}
div, table {
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
} */


/* Images
-------------------------------------------------------------- */

/* Remember the baseline (typography.css). */
img { margin: 0 0 18px 0; }


/* Use these classes to make an image flow into the column before 
   or after it. This techique can also be used on other objects. */

.pull-1  { margin-left: -70px; }
.pull-2  { margin-left: -140px; }
.pull-3  { margin-left: -210px; }

.push-1  { margin: 0 -88px 0 18px; float: right; }
.push-2  { margin: 0 -158px 0 18px; float: right; }
.push-3  { margin: 0 -228px 0 18px; float: right; }


/* =Custom
------------------------------------------------------------ */ 

body {
	margin: 0 0 15px 0;
}

.clear {
  clear: both;
}

.citation {
	display: block;
	background: url("/images/user.png") center left no-repeat;
	padding: 15px 0 15px 45px;
	font-size: 11px;
}

.admin {
	font-size: 11px;
	display: block;
	background: url("/images/admin.png") center left no-repeat;
	padding: 15px 0 15px 45px;
}

cite p {
	font-size: 11px;
	line-height: 18px;
}

abbr, acronym {
	border-bottom: .1em dotted;
	cursor: help;
}

.right {
	float: right;
}

p.wicon {
	padding: 1px;
	margin: 0;
}

.weather_title, .weather_info {
	font-size: 11px;
	padding: 0;
	margin: 0;
}


#logo {
	width: 900px;
	height: 130px;
	margin: 0 auto;
	background: url('/images/logo.jpg') bottom left no-repeat;

}

#searchbar {
	float: right;
	padding: 5px;
	background: #2b2f33;
}

#searchbtn {
	padding: 0;
	margin: 0;
	height: 24px;
	width: 24px;
	float: right;
}

#s {
	padding: 0;
	margin: 0;
	width: 225px;
	font-size: 130%;
	height: 21px;
	float: left;
}

#header {
	width: 100%;
	height: 100px;
	background: #ffc;
}

#subheader {
	width: 100%;
	height: 36px;
	background: #ff9;
	margin: 0 0 9px 0;
}

#footer {
	width: 900px;
	height: 25px;
	margin: 0 auto;
}

#photo {
	width: 900px;
	height: 210px;
	margin: 0 auto;
	position: relative;
}


#navbox {
	padding: 0;
	height: 133px;
	width: 900px;
	margin: 0 auto;
	position: relative;
}


#navigation {
	position: absolute;
	bottom: 52px;
	right: 0;
	padding: 0;
	margin: 0;
	height: 27px;
	float: right;
}

#subnav {
	width: 900px;
	padding: 0;
	background: #fff url('/images/bg-sub.jpg') bottom left repeat-x;
	margin: 0 auto;
}

.commenttext {
	padding: 0 0 0 45px;
	border-bottom: 1px dashed #ddd;
}

#commentscontainer {
	background: #ddecf0;
	border: 1px solid #c7dbe0;
	padding: 10px 10px 0 10px;
}

.commententry {
	background: #fff;
	padding: 10px;
	border: 1px solid #ddd;
	margin: 0 0 10px 0;
}

p.meta {
	font-size: 11px;
	line-height: 18px;
	padding: 0 0 5px 0;
}

p.comment-timeout {
  float: left;
}

p.comment-submit {
  float: right;
}

p.monthly {
	font-size: 12px;
	margin: 0;
	padding: 0 	0 5px 0;
	border-bottom: 1px solid #ddd;
	text-align: justify;
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
}

ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.photography {
	list-style-type: none;
	display: inline;
}

ul.photography li.photo {
	list-style-type: none;
	display: inline;
	float: left;
	padding: 2px;
	margin: 0 2px 5px 2px;
	border: 1px solid #ddd;
}

ul.photography li.photo img {
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	float: left;
}

ul.recent {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.recent li {
	list-style-type: none;
	text-align: right;
	background: url("/images/page_white_text.png") left center no-repeat;
	padding: 5px 0 5px 20px;
	margin: 5px 0;
}

ul.recent li span {
	float: left;
}

ul.explore {
	list-style-type: none;
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	margin: 0 0 18px 0; text-align:left;
	font-size: 11px;
}

ul.explore li {
	margin: 5px 0;
}

ul.explore li a {
	display: block;
	margin: 5px 0;
	padding: 5px 5px 5px 30px;
	border: 1px solid #ddd;
	background: #fcfced	url("/images/page_go.png") 5px center no-repeat;
}

ul.explore li a:hover {
	background-color: #ffc;
}

ul.related {
	list-style-type: none;
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	margin: 0 0 18px 0; text-align:left;
	font-size: 11px;
}

ul.related li {
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #ddd;
	background: #fcfced;
}


.wrapper {
	width: 906px;
	text-align: center;
	margin: 0 auto;
	background: #fff url('/images/bg-wrapper.png') top left repeat-y;	

}

.wrapperpic {
	width: 910px;
	text-align: center;
	margin: 0 auto;
	background: #fff url('/images/bg-wrapper-pic.jpg') top left repeat-y;
}


#leftcolumn {
	float: left;
	width: 560px;
}

#rightcolumn {
	float: right;
	width: 260px;
}


h3 { text-align: left; background: url('/images/h3-hr.gif') repeat-x 0 50%;  padding: 0; margin: 18px 0 0 0;}
h3 span { background: #fff; padding: 0 10px 0 0;}

#rightcolumn h3 { text-align: left; background: url('/images/h3-hr.gif') repeat-x 0 50%;  padding: 0; margin: 18px 0 0 0;}
#rightcolumn h3 span { background: #f6f6f6; padding: 0 10px 0 0;}


.title {
	background: url('/images/rss.png') right center no-repeat;

}


.author {
	margin-left: 10px;
	padding-left:15px;
	padding-right: 10px;
	background:url('/images/figure.gif') center left no-repeat;
	text-decoration: none;
	border-right: 1px solid #999;
}

.post {
	padding-left:15px;
	padding-right: 10px;
	background:url('/images/post.gif') center left no-repeat;
	text-decoration: none;
	border-right: 1px solid #999;
}

#comment {
	width: 560px;
}

#submit {
	float: right;
}

.comments {
	margin-left: 10px;
	padding-left:15px;
	padding-right: 10px;
	background:url('/images/comments.gif') center left no-repeat;
	text-decoration: none;
}

.navcontainer {
	float: left;
}


	/*CSS Sabrosus style pagination*/
	div.pagination {
		padding:3px;
		margin:3px;
		text-align:center;
	}
	
	div.pagination a {
		padding: 2px 5px 2px 5px;
		margin-right: 2px;
		border: 1px solid #9aafe5;
		
		text-decoration: none; 
		color: #2e6ab1;
	}
	div.pagination a:hover, div.pagination a:active {
		border: 1px solid #2b66a5;
		color: #000;
		background-color: lightyellow;
	}
	div.pagination span.current {
		padding: 2px 5px 2px 5px;
		margin-right: 2px;
		border: 1px solid navy;
		font-weight: bold;
		background-color: #2e6ab1;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin-right: 2px;
		border: 1px solid #929292;
		color: #929292;
	}

p.postmetadata {
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", sans-serif;
	margin: 0 0 18px 0; text-align:left;
	font-size: 11px;
}

ul.subnav {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 7px 0 7px 10px;
}

ul.subnav li {
	padding: 0 10px;
	display: inline;
	text-align: left;
	border-right: 1px solid #ddd;
	font-size: 11px;
}

ul.navigationtabs {
	margin: 0;
	float: left;
	list-style-type: none;
}

ul.navigationtabs li {
	display: inline;
	padding: 0;
	background: url('/images/nav1-home.jpg') left center no-repeat;
}

ul.navigationtabs li a {
	float: left;
	display: block;
	margin: 0;
	height: 27px;
	text-indent: -9999px;
}

ul.navigationtabs li a.home {
	width: 61px;
}

ul.navigationtabs li a.home:hover {

}


ul.navigationtabs li a.news {
	background: url('/images/nav2-news.png') 0 -27px no-repeat;

	width: 57px;
}

ul.navigationtabs li a.news:hover {
	background: url('/images/nav2-news.png') 0 0 no-repeat;

}

ul.navigationtabs li a.about {
	background: url('/images/nav3-about.png') 0 -27px no-repeat;

	width: 81px;
}

ul.navigationtabs li a.about:hover {
	background: url('/images/nav3-about.png') 0 0 no-repeat;

}


ul.navigationtabs li a.lake {
	background: url('/images/nav4-lake.png') 0 -27px no-repeat;

	width: 79px;
}

ul.navigationtabs li a.lake:hover {
	background: url('/images/nav4-lake.png') 0 0 no-repeat;

}


ul.navigationtabs li a.community {
	background: url('/images/nav5-community.png') 0 -27px no-repeat;

	width: 97px;
}

ul.navigationtabs li a.community:hover {
	background: url('/images/nav5-community.png') 0 0 no-repeat;

}


ul.navigationtabs li a.contacts {
	width: 78px;
}

ul.navigationtabs li a.contacts:hover {

}


ul.navigationtabs li a.active {
	background-position: 0 0;
}

ul.category {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.category li {
	margin: 0 0 4px 0;
	padding: 0 0 0 5px;
	background: #ffc;
}

ul.category li a {
	padding: 5px 9px 5px 25px;
	margin: 0 0 0 10px;
	display: block;
	margin: 0;
	background: #ffc url('/images/tag_orange.png') left center no-repeat;

}


.itemtop {
	display: block;
	width: 290px;
	height: 19px;
	margin: 15px 0 0 0;
	background: url('/images/sidebar-top.jpg') top left no-repeat;
}

.item {
	display: block;
	width: 270px;
	padding: 10px;
	background: #474849;
}

.itembottom {
	display: block;
	width: 290px;
	height: 19px;
	margin: 0 0 15px 0;
	background: url('/images/sidebar-bottom.jpg') bottom left no-repeat;
}


.left {
	float: left;
}

.imgleft {
	float: left;
	padding: 0 10px 0 0;
}


/* all A tags whose HREF attribute ends in .pdf */
a[href$='.pdf'] { 
	padding-right: 18px;
	background: transparent url(/images/page_white_acrobat.png) no-repeat center right;

}

/* all A tags whose REL attribute equals pdf */
a[rel='pdf'] { 
	padding-right: 18px;
	background: transparent url(/images/page_white_acrobat.png) no-repeat center right;
	
}

/*  all A tags whose REL attributes has the letters pdf somewhere mixed in*/
a[rel*='pdf'] { 
	padding-right: 18px;
	background: transparent url(/images/page_white_acrobat.png) no-repeat center right;
}

/* all A tags whose REL attribute contains the value pdf, seperated from other values with a space */
a[rel~='pdf'] { 
	padding-right: 18px;
	background: transparent url(/images/page_white_acrobat.png) no-repeat center right;
}


#ZoomCaption {
  margin-top: -25px;
  padding-top: -25px;
  line-height: 0;
}