/*  
Website: http://hawksnestnc.com
Name: Hawk's Nest North Carolina - Green edition
Description: CSS based website, designed and hosted by Artemis Inc.
Version: 1.2
Author: Jefte Puente
Author URI: http://www.artemisit.com
Comments: This stylesheet is best viewed without word wrapping
*/


/* Body Styles */

body { background: url("images/bg.gif") no-repeat top left; background-color: #aed3a5; background-attachment: fixed; font-size: 62.5%; font-family: 'Lucida Grande', Lucida Sans Unicode, Lucida Sans, Verdana, Sans-serif; } /**** This percentage sets 1.0 em to 10px. Lucida is a nicer mac font than Arial, it ships with all new macs and XP ****/

#page { margin: auto; padding: 0; width: 740px; background: url('images/bodybg2.jpg') top right; overflow: hidden;}

#header { width: 100%; height: 193px; background: url('images/hd.jpg'); }



/* Heading Styles */

h1 { display:none } 

h2 { margin: 0; font-size: 2.2em; margin-bottom: 10px; line-height: 125%; letter-spacing: -1px; font-family: Georgia, Serif; font-weight: bolder; color: #294622;} 

h3 { margin: 0; font-size: 1.8em; margin-bottom: 0px; line-height: 25px; letter-spacing: -1px; font-family: Georgia, Serif; font-weight: bolder; color: #294622;} 

h4 { margin: 0; font-size: 1.2em; margin-bottom: 0px; font-family: Georgia, Serif; font-weight: bolder; } 

h5 { margin: 0; font-size: 1.0em; margin-top: 0; margin-bottom: 10px; font-family: Georgia, Serif; font-weight: bolder; color: #777;}

hr { display:none } /* Horizontal Rules are hidden from standard browsers and screen readers, yet are visible in text-only browsers to help seperate content from nav.  */



/* Form Styles */

label,input { display: block; width: 200px; float: left; margin-bottom: 10px; } 

label { font-size: 1.2em; font-weight: bolder; text-align: right; width: 175px; padding-right: 20px; } /* WE CAN FINALLY STOP USING TABLES FOR FORMS! Check contact.html for proper xhtml markup syntax. */

#Telephone, #FAX, { width: 100px; }

#State { width: 20px; float: left; }

#Zip { width: 35px; }

#Comments { height: 55px; width: 250px; margin-bottom: 10px; }

form, br { clear: left; }

.submit { width: 50px; margin: auto; background-color: white; border: 1px solid brown; margin-right: 10px; }

#submit { margin-left: 100px;}

#form { margin-bottom: 20px; }



/* Table Styles - Tables are for tabular data */

table { width: 100%; float: left; margin: 0; background-color: #f5f5f5; border-collapse: collapse;}

td { font-size: 1.1em; padding: 6px;}

.altrow { background-color: #e5e5e5; }



/* Content Styles */

p { font: 1.3em 'Lucida Grande', Lucida Sans Unicode, Lucida Sans, Verdana, Sans-serif; font-weight: normal; line-height: 145%; margin: 0;}

.altbox { background-color: #E5DDCF; padding: 10px; margin-bottom: 15px;}

#newslist { font-size: 1.2em; }

#content { padding: 20px; margin: 0px; margin-bottom: 0px; width: 700px; color: #000;}
#contentleftcol { padding: 20px; margin: 0px; margin-bottom: 0px; width: 475px; color: #000;}
#contenthome { padding: 0px; margin: 0px; margin-bottom: 0px; width: 740px; background: url('images/bodybgg.jpg') top left;}
#content ul { font-size: 1.2em; font-family: 'Lucida Grande', Lucida Sans, Verdana, Sans-serif; margin-bottom: 20px; margin-top: 15px;}
#contentleftcol ul { font-size: 1.2em; font-family: 'Lucida Grande', Lucida Sans, Verdana, Sans-serif; margin-bottom: 20px; margin-top: 15px; line-height: 150%}
#tableDiv { margin-top: 20px; }
#listingsBlock { float: left; width: 400px; margin-left: 20px; margin-bottom: 20px;}
.listing { float: left; display: block; }
#residentialDirections { margin-left: 100px; }

.footer {  margin: auto; width: 738px; padding: 4px 2px; background: #a2c299; color: #5d7855; text-align: center; }

a:link { color: #60785a; }
a:visited { color: #60785a; }
a:hover { color: red; }

.smallbold { font-size: 11px; font-weight: bolder; }

.hr { border-top: 1px solid #294622;; width: 270px; height: 1px; margin: 0 0 0 7px; padding: 0; } /* Inconsistant HR styling across browsers forces the use of a div with this class in lieu of the hr xhtml markup */


/* Right Col Styles Start*/
#rightcol { float: right; background: #dbd5c2; padding: 10px; width: 222px; overflow: hidden;}

		/*** Activities Page Styles ***/
#rightcol_act  { float: right; height: 1780px; background: #dbd5c2; width: 222px;}
#rightcol_act p { padding: 10px; width: 202px;}
#rightcol_act_h3 {line-height: 125%; margin-bottom: 0; padding-top: 15px; font-family: Georgia, Serif; font-weight: bolder; display: block; height: 65px; width: 212px; background:url('images/rightcol_annual.jpg') no-repeat; text-align: right; padding-right: 10px; }
#rightcol_act ul  { font-size: 1.2em; font-family: 'Lucida Grande', Lucida Sans, Verdana, Sans-serif; line-height: 150%;}
#rightcol_act li { margin-top: 10px; }
#rightcol_act_h3_2 {line-height: 125%; margin-bottom: 0; padding-top: 15px; font-family: Georgia, Serif; font-weight: bolder; display: block; height: 65px; width: 212px; background:url('images/rightcol_acts.jpg') no-repeat; text-align: right; padding-right: 10px; }

		
		/*** About Us Page Styles ***/
#rightcol_about { float: right; height: 1300px; background: #dbd5c2; width: 222px;}
#rightcol_about p { padding: 10px; width: 202px;}
#rightcol_about h3 {line-height: 125%; margin-bottom: 0; padding-top: 15px; font-family: Georgia, Serif; font-weight: bolder; display: block; height: 65px; width: 212px; background:url('images/rightcol_carolina.jpg') no-repeat; text-align: right; padding-right: 10px; }
#rightcol_about ul  { font-size: 1.2em; font-family: 'Lucida Grande', Lucida Sans, Verdana, Sans-serif; line-height: 150%;}
#rightcol_about li { margin-top: 10px; }

		/*** New Page Styles ***/
#rightcol_news  {
	float: right;
	height: 860px;
	background: #dbd5c2;
	width: 222px;
}
#rightcol_news p { padding: 10px; width: 202px; }
#rightcol_news h3 {line-height: 125%; margin-bottom: 0; padding-top: 15px; font-family: Georgia, Serif; font-weight: bolder; display: block; height: 65px; width: 212px; background:url('images/rightcol_tree.jpg') no-repeat; text-align: left; padding-left: 10px; }
#rightcol_news ul  { font-size: 1.2em; font-family: 'Lucida Grande', Lucida Sans, Verdana, Sans-serif; line-height: 150%;}
#rightcol_news li { margin-top: 10px; }

		/*** Contact Us Page Styles ***/
#rightcol_contact  { float: right; height: 490px; background: #dbd5c2; width: 222px;}
#rightcol_contact p { padding: 10px; width: 202px;}
#rightcol_contact h3 {line-height: 125%; margin-bottom: 0; padding-top: 15px; font-family: Georgia, Serif; font-weight: bolder; display: block; height: 200px; width: 212px; background:url('images/rightcol_contact.jpg') no-repeat; text-align: left; padding-left: 10px; }
#rightcol_contact ul  { font-size: 1.2em; font-family: 'Lucida Grande', Lucida Sans, Verdana, Sans-serif; line-height: 150%;}
#rightcol_contact li { margin-top: 10px; }

		/*** Contact Us Page Styles ***/
#rightcol_ash  {
	float: right;
	height: 910px;
	background: #dbd5c2;
	width: 222px;
}
#rightcol_ash_h3 {line-height: 125%; height: 65px; margin-bottom: 0; padding-top: 15px; font-family: Georgia, Serif; font-weight: bolder; display: block; width: 212px; background:url('images/rightcol_tree.jpg') no-repeat; text-align: left; padding-left: 10px; }
#rightcol_ash p { padding: 10px; width: 202px;}

/* Right Col Styles End*/


/* Homepage Styles Start */

		/*** Homepage Blocks Headerboxes ***/
#block1head { margin: 0px; padding: 5px; width: 420px; background: #edebd5; font-size: 12px; font-family: Georgia, Serif; font-weight: bolder;}
#block2head { margin: 0px; padding: 5px; width: 205px; background: #fbfaf4; font-size: 12px; font-family: Georgia, Serif; font-weight: bolder; }
#block1head h3 { margin: 0px; padding-left: 7px; font-family: Georgia, Serif; font-weight: bolder; font-size: 1.6em; }
#block2head h3 { margin: 0px; padding-left: 7px; font-family: Georgia, Serif; font-weight: bolder; font-size: 1.6em; }

#block4head {
	margin: 0px;
	width: 430px;
	background: #ede1a4;
	font-size: 12px;
	font-family: Georgia, Serif;
	font-weight: bolder;
}

#block4head h3 {
	font-family: Georgia, Serif;
	font-weight: bolder;
	font-size: 1.4em;
	margin: 0;
	padding: 10px;
}

		/*** Homepage Blocks Structure ***/
#block1 { float: left; padding: 0; margin: 0px; height: 260px; width: 430px; background: #fbfaf4; }
#block2 { float: left; padding: 0; margin: 0px; height: 260px; width: 215px; background: #edebd5; }
#block3 { float: right; margin: 0px; width: 300px; font-size: 10px; }
#block4 { float: left; margin: 0px; font-size: 10px; width: 435px;}
#page #block1 p { font-weight: normal; font-size: 13px;}

#block4image {
	float: left; display: block;
	text-decoration: none;
	/* filter:alpha(opacity=35);  Transparency
	-moz-opacity:.35;
	opacity:.35; */
	background: url('images/block4bg.jpg');
	background-position: top left;
	width: 430px;
	height: 238px;
}
/* #block4image:hover { height: 240px; color: black; text-decoration: none; filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;background: url('images/block4bg.jpg'); background-position: top left; } */


		/*** Homepage Blocks Typography ***/
#block1 p, #block2 p {
	line-height: 150%;
	font-size: 11px;
	padding: 10px;
width; 100%;
}
#block3 p { line-height: 150%; font-size: 13px; padding: 0px 35px 10px 15px;}
#block3 h2 { Font-family: Georgia, Serif; padding: 10px; color: #294622; margin: 0 0 0 0;}
#block4image h3 { text-align: right; font-size: 1.8em; margin: 170px 15px 0px 0px;letter-spacing: 0px;}
#block4 p { text-align: right; font-size: 1.1em; margin: 0 15px 5px;}
#block4 h3 {line-height: 100%;}
.morelinks a {
	color: #60785a;
	background: #c1e7b8;
	padding: 5px;
	text-decoration: none;
	float: right;
} 
.morelinks a:hover {
	color: #294622;
	background: #c1e7b8;
	padding: 5px;
	text-decoration: none;
	float: right;
} 


/* Homepage Styles End */




/* Misc Styles */
.contactinfo { width: 300px; background: #dbd5c2; padding: 10px; height: 155px; font-size: 1.1em;}




/* Navigation - Uses an unordered list and styles them as buttons */

#navcontainer
{
	width: 740px;
	background-color: #60785a;
	height: 28px;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0;
padding: 0 0 0 0;
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: 1.2em;
letter-spacing: 0px;
font-weight: bold;text-transform: uppercase;
}

#navcontainer ul li a
{
padding: 0.2em 12px;
background-color: #60785a;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #8dae83;
font: normal 10px/24px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}

#navcontainer ul li a:hover
{
background-color: #c1e7b8;
color: #60785a;
}

#mainNavlist li a:hover, #navlist li a:active
{
color: #60785a;
text-decoration: none;
background: #CC3333;
text-align: left;
text-transform: uppercase;
font: normal 10px/24px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}

#mainNavlist li a:hover { }




/* Footer Navigation */

#nav { color: white; } 

ul#footerNavlist { width: auto; height: 20px; white-space: nowrap; background: #a2c299; padding-top: 5px; padding-left: 10px; margin-top: 0px; margin-bottom: 0px; }

#footerNavlist li { display: inline; list-style-type: none; }

#footerNavlist a:link, #footerNavlist a:visited { padding: 3px; color: #5d7855; background-color: #a2c299; text-decoration: none; }

#footerNavlist a:hover { color: #60785a; background-color: #c1e7b8; text-decoration: none; }




/* Images & Alignments

	Using 'class="alignright"' on an image will align the image to the right. 
	And using 'class="centered', will of course center the image. This is much
	better than using align="center", being much more futureproof (and valid)              */
	
img.centered { display: block; margin-left: auto; margin-right: auto; border: none;}
	
img.alignright { padding-left: 8px; margin: 0 0 0px 0px; display: inline; border: none; }

img.alignleft { padding-right: 8px; margin: 0 0px 0px 0; display: inline; border: none; }

.alignright { float: right; }

.alignleft { float: left; }




/* Hacks - May become outdated when/if IE ships with proper CSS support */

div.spacer {
	clear: both;
} /* The infamous "clear div" or "spacer div" hack. An empty div placed below floated divs that clears the floats, so that content can continue to flow below the clear. http://www.complexspiral.com/publications/containing-floats/ */
#block4 {
	margin: 0px;
	padding: 0px;
	width: 420px;
}
#rightcol_ash a {
	font-size: 10px;
}