/* CSS Stylesheet for Harbour Wood HOA */

body
{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#CDAC82;
	background-image:url(../Images/page_bg2.jpg);
	background-repeat:repeat-x;
}

a, a:visited
{
	color:#000000;
}

a:hover
{
	color:#335A32;
}

a.communitylink
{
	display:block;
}

#page_container
{
	width:800px;
	margin:auto;
}

#header
{
	margin-bottom:2px;
	height:90px;
	background-image:url(../Images/header.png);
}

#navigation
{
	color:#FFB74A;
	position:relative;
	top:50px;
	left:250px;
	width:540px;
}

#navigation a
{
	color:#FFB74A;
	display:inline;
	font-weight:normal;
	font-size:small;
	padding:0px 30px 12px 30px;
	margin:0px;
	text-decoration:none;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:bottom center;
}

#navigation a:hover
{
	background-image:url(../Images/nav_highlight.png);
}

#navigation a.active
{
	background-image:url(../Images/nav_active.png);
}

#navigation a.active:hover
{
	background-image:url(../Images/nav_highlight.png);
}

#left_column
{
	float:left;
	width:200px;
}

#right_column
{
	margin-left:210px;
}

div.content
{
	background-color:#E1FFE1;
	background-image:url(../Images/drop_shadow.png);
	background-repeat:repeat-x;
	overflow:hidden;
	border-left:1px solid #003300;
	border-right:1px solid #003300;
	border-bottom:1px solid #003300;
	padding:5px 10px;
}

div.content_heading
{
	height:39px;
	background-image:url(../Images/right_heading_bg.png);
	background-position:right center;
	margin-left:17px;
}

div.content_heading_left
{
	float:left;
	height:39px;
	width:17px;
	background-image:url(../Images/left_heading_bg.png);
}

h2
{
	margin:0px;
	font-size:medium;
	font-weight:bold;
	color:#FFB74A;
	padding-top:10px;
	height:29px;
}

div.content_footer
{
	height:11px;
	background-image:url(../Images/drop_shadow.png);
	background-color:transparent;
}

div.content p
{
	font-size:small;
}

#footer
{
	clear:both;
	text-align:center;
	color:#CCCCCC;
	font-size:small;
}

#footer a, #footer a:visited, #footer a:hover
{
	color:#CCCCCC;
}

img.thumbnail
{
	border:none;
	margin:0px 10px 10px 0px;
}

a.thumbnail
{
	float:right;
}