/*
Site: North Fork Valley Chamber of Commerce
Author: Christian Ross
Author URI: http://www.thinairmediasolutions.com  
May 24, 2009 
*/


/* ---- Reset CSS ---- */

* {margin:0;padding:0;}

html, body, img {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }

html { overflow-x: auto; overflow-y: auto; }

body { line-height: 1; }
p { margin:0; padding:0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }

.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */ 
.image { display: block; font-size: 0; text-indent: -9999px; outline: none; }


/*  North Fork Valley - CSS  */
/*  Layout  */

body {
	margin-top: 0; margin-bottom:20px;
	background: #665109 url(../images/bg-top.jpg) 0 0 repeat-x;
	font: 14px/18px "Lucida Grande", Arial, Helvetica, sans; color:#000;
}

#container		{ width:960px; margin:0 auto; text-align:left; z-index:1; }
#top-nav	 	{ height:80px; }
  #top-buttons	{ float:left; width:720px; padding-left:15px; padding-top:23px; }
  #search		{ text-align:right; padding-right:10px; padding-top:40px; }
#banner			{ height:195px; background:url(../images/banner.jpg) 0 0 no-repeat; position:relative; }
  #h-link		{ position:absolute; top:75px; left:205px; width:108px; height:59px; }
  #p-link		{ position:absolute; top:65px; left:760px; width:85px; height:60px; }
  #c-link		{ position:absolute; top:135px; left:685px; width:85px; height:55px; }
#main-content	{ background-color:#C9C9B6; border-left: 1px solid #C7B577; border-right:1px solid #C7B577; padding: 30px 20px; }
#footer 		{ background-color:#C9C9B6; border-left: 1px solid #C7B577; border-right:1px solid #C7B577; border-bottom:1px solid #C7B577; padding: 30px 20px; min-height:100px; }
  #hotchkiss	{ float:left; width:305px; }
  #paonia		{ float:left; width:295px; padding-left:10px; }
  #crawford		{ float:right; width:295px; text-align: right; }
  
  
/*  Styles  */

a:link    { color: #252869; font-weight: bold; text-decoration: none; } 
a:visited { color: #252869; font-weight: bold; text-decoration: none; }
a:hover   { color: #FFF; 	font-weight: bold; text-decoration: underline; }
a:active  { color: #252869; font-weight: bold; text-decoration: none; }

a.completesite:link    { color: #fff; text-decoration: none; font-weight:normal; }
a.completesite:visited { color: #fff; text-decoration: none; font-weight:normal; }
a.completesite:hover   { color: #222; text-decoration: none; font-weight:normal; }
a.completesite:active  { color: #fff; text-decoration: none; font-weight:normal; }

a.cs:link    { color: #fff; text-decoration: none; font-weight:normal; }
a.cs:visited { color: #fff; text-decoration: none; font-weight:normal; }
a.cs:hover   { color: #222; text-decoration: none; font-weight:normal; }
a.cs:active  { color: #fff; text-decoration: none; font-weight:normal; }

.mainNav 		  { font: 18px/22px normal Garamond, Georgia, "Times New Roman", Times, serif; color:#665109; cursor:pointer; cursor:hand; }
a.mainNav:link	  { text-decoration:none; color:#665109; font-weight:normal; }
a.mainNav:active  { text-decoration:none; color:#665109; font-weight:normal; }
a.mainNav:visited { text-decoration:none; color:#665109; font-weight:normal; }
a.mainNav:hover   { text-decoration:none; color:#FFFFFF; font-weight:normal; }

.subNav 		  { font: 16px/20px normal Garamond, Georgia, "Times New Roman", Times, serif; color:#333; cursor:pointer; cursor:hand; }
a.subNav:link	  { text-decoration:none; color:#333; font-weight:normal; }
a.subNav:active   { text-decoration:none; color:#333; font-weight:normal; }
a.subNav:visited  { text-decoration:none; color:#333; font-weight:normal; }
a.subNav:hover    { text-decoration:none; color:#FFFFFF; font-weight:normal; }

.footer 		  { font-size: 12px; font-weight:normal; color:#FFF; }
a.footer:link	  { text-decoration:none; color:#FFF; font-weight:normal; }
a.footer:active   { text-decoration:none; color:#FFF; font-weight:normal; }
a.footer:visited  { text-decoration:none; color:#FFF; font-weight:normal;}
a.footer:hover    { text-decoration:none; color:#BBB; font-weight:normal;}


h1.completesite { margin:0 0 20px 0; font: 30px/34px normal Garamond, Georgia, "Times New Roman", Times, serif; color: #665109; }
h2.completesite { margin: 0 0 10px 0; font: 24px/28px normal Garamond, Georgia, "Times New Roman", Times, serif; color: #665109; }
h3.completesite { margin: 10px 0 10px 0; font: 20px/24px normal Garamond, Georgia, "Times New Roman", Times, serif; color: #665109; }
h4.completesite { font: 14px/18px "Lucida Grande", Arial, Helvetica, sans; padding:0; color:#000; }

p.completesite { padding: 0 0 20px 0; line-height: 20px; }

.completesite { font: 14px "Lucida Grande", Arial, Helvetica, sans; color:#000; }
.cs { font: 9px "Lucida Grande", Arial, Helvetica, sans; color:#FFF; }
.pipe { font-size:9px; color:#999; padding:0 10px; }

.contact { font:18px/22px normal Garamond, Georgia, "Times New Roman", Times, serif; color:#333; padding:3px; }

ul { padding: 0; margin: 0; }
li { padding: 0; margin: 0 0 0 20px; border:0; }

ul.top-buttons { padding: 0; margin: 0; display:inline-block; }
li.top-buttons { padding: 0; margin: 0; list-style:none; display:inline-block; }


td { vertical-align:top; }




/* Featured Button Rollovers */

a.btnEvents		 	 { border:none; background: url(../images/events-calendar.jpg) 0 0 no-repeat; width:184px; height:57px; display:inline-block; }
a.btnEvents:hover 	 { border:none; background: url(../images/events-calendar.jpg) 0 -57px no-repeat; }

a.btnHotchkiss		 { border:none; background: url(../images/btnHotchkiss.jpg) 0 0 no-repeat; width:182px; height:57px; display:inline-block; margin:0 0 0 -4px; }
a.btnHotchkiss:hover { border:none; background: url(../images/btnHotchkiss.jpg) 0 -57px no-repeat; }

a.btnPaonia		 	 { border:none; background: url(../images/btnPaonia.jpg) 0 0 no-repeat; width:166px; height:57px; display:inline-block; }
a.btnPaonia:hover    { border:none; background: url(../images/btnPaonia.jpg) 0 -57px no-repeat; }

a.btnCrawford		 { border:none; background: url(../images/btnCrawford.jpg) 0 0 no-repeat; width:181px; height:57px; display:inline-block; }
a.btnCrawford:hover  { border:none; background: url(../images/btnCrawford.jpg) 0 -57px no-repeat; }