/*
-----------------------------------------------
Style Sheet for www.ColumbiaCountyRealEstate.org
By Sonya Boggs 
http://www.sonyaboggs.com/
sboggs@gmail.com 
----------------------------------------------- */

html, body, div, p {
	font-family: Verdana, Arial, sans-serif; 
	color: #666666;
}

body {
margin: 0; 
padding: 0;
text-align: center;
background-color: #003366; 
}

/*
LINKS --------------------- */

a:link {
	color: #003366;
	text-decoration: none;
	border-bottom: 1px dotted #CC6600; 
}

a:visited {
	color: #003366;
	text-decoration: none;
	border-bottom: 1px dotted #CC6600; 
}

a:hover {
color: #CC6600; 
text-decoration: none;
border-bottom: 1px dotted #003366;
}

a:active {
	color: #003366;
	text-decoration: none;
	border-bottom: 1px dotted #CC6600; 
}


/*
COMMON --------------------- */

br {
	clear: both;
}

p {
	margin: 0; 
	padding-top: 1em; 
	line-height: 150%;
}

h4 {
	margin: 5px 0 0 0;
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	color:#003366;
}

h5 {
	margin: 10px 0 0 0;
	font: normal .9em Verdana, Arial, Helvetica, sans-serif;
	color:#CC6600;
	letter-spacing: -1px;
}

h6 {
	text-align: center;
	margin: 5px;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	color:#CC6600;
	letter-spacing: -1px;
	}


/*
MASTHEAD + SUBMAST --------------------- */

h1 {
	position: absolute;
	margin: 155px 0 0 65px; 
	font: bold 1.3em Georgia, serif;
	color: #CC6600; 

}

#mast-content {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%;
}	

#masthead {
	position: relative;
}	

#runner {
	position: relative;
	width: 99%;
	margin: 8px 0; 
	border-top: 1px solid #FFFFFF; 
	border-bottom: 1px solid #FFFFFF; 
	text-transform: uppercase; 
	letter-spacing: 1px;
}

#runner p {
	display: block; 
	text-align: center;
	margin: 0;
	padding-top: 0; 
	font: .6em Georgia, serif;  
	color: #777;
}

#header {
	width: 800px;
	height: 205px;
	background: url(images/columbia_county_ny_real_estate.jpg) no-repeat;
}

#navcontainer {
	float: right; 
	margin: 3px 30px 0 100px;
}

ul#nav {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

/* Two backgrounds are used, the second being a hack for Internet Explorer */
#nav li {
	display: block; 
	margin: 3px 0; 
	padding-top: 1px; 
	font: .75em Georgia, serif; 
	font-weight: bold;
	color: #CC6600;
	text-align: left;
	text-transform: uppercase; 
	letter-spacing: 1px; 
} 

#nav li a {
	color: #FFFFFF; 
	text-decoration: none;  
	padding: 1px; 
	border-bottom: 0; 
}

#nav li a:hover {
	color: #CC6600; 
	text-decoration: none;
	border-bottom: 1px dotted #003366; 
}	


ul#nav li span {
	display: block; 
	float: right; 
	padding: 1px 3px; 
	background: #FFF;
}	

#subnav {
width: 800px;  
margin: 0;
padding: 0; 
font-size: .7em;  
color: #003366;
font-weight: bold;
text-align: center; 
background-color: #CCCCCC;
border-top: 2px solid #FFFFFF; 
border-bottom: 4px double #FFFFFF;
}

#subnav ul {
margin: 0 20px; 
padding: 0;
list-style: none;
width: 760px;
height: 1.5em;
 }
 
#subnav ul li {
display: inline;
float: left;
width:auto;
border: 1px solid #FFFFFF; 
}
	
#subnav ul li a {
padding: 0 .5em;
line-height: 1.5em;
text-decoration: none; 
color: #003366;
padding:5px 9px 4px;
margin:0;
}

#subnav ul li a:hover {
color: #D2D4CF;
background-color: #CC6600; 
}

/*
MAIN CONTENT --------------------- */

#home {
	float: left; 
	width: 50%; 
	padding: 0; 
	font-size: .7em;
}

#home h2 {
	margin: 0 auto; 
	width: 90%;
	padding-top: .5em;
	text-align: left; 
	font: normal 1.6em Georgia, "Times New Roman", Times, serif;
	color:#003366;
	letter-spacing: -1px;
}

#listing {
clear: both; 
width: 85%;
height: 150px;
margin: 0;
padding: 1em;
border-bottom: 3px double #E5E5DA; 
}

#listing img {
float: left; 
width: 200px; 
height: 150px;
border: 1px solid #E5E5DA; 
margin: 0 1em; 
}

#listing p {
	font-size: .75em;
	text-align: left;
}

.price {
	font: bold .75em Georgia, "Times New Roman", Times, serif;
	color:#CC6600;
	line-height: 150%;
	text-align: right;
  }
  
#priceCat {
	width: 99%;
	margin: 6px 0 0 0; 
	padding: 3px;
	background-color: #CC6600; 
	border-right: 1px solid #333333;
	border-bottom: 2px solid #333333;
	text-transform: uppercase; 
	letter-spacing: 1px;
}

#priceCat p {
	display: block; 
margin: 0 50px;
	padding: 0; 
	font: bold .75em Georgia, serif; 
	color: #FFFFFF; 
}

#details {
width: 95%;
margin: 0;
padding: 1em;
}

#desc {
margin: 0;
padding-top: 40px;
}

#desc img {
float: left; 
width: 300px; 
height: 225px;
border: 2px solid #CCCCFF; 
margin: 10px 20px 10px 20px; 
}

#desc p { 
	font-size: .75em;
	text-align: left;
}

.more {
	margin: 20px 0 0 0;
	font: normal .8em Georgia, "Times New Roman", Times, serif;
	color: #003366;
	text-align: center;
}

.all {
	font: italic .7em Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
}

.quote {
	color:#CC6600;
	text-align: center; 
}

#resources {
	float: left; 
	width: 50%; 
	padding: 0; 
	font-size: .7em;
}

#resources p {
	margin-bottom: 1.5em; 
	color: #666666;
}

#resources h2 {
	position: relative;
	margin: 0 auto; 
	padding: 15px 0 0 0; 
	width: 90%; 
	font: normal 1.6em Georgia, "Times New Roman", Times, serif;
	color:#003366;
	letter-spacing: -1px; 
}

#resources h3 {
	margin: 0; 
	font: normal 1.3em Georgia, serif; 
	letter-spacing: -1px;
	color: #CC6600;
}

ul#resources {
	margin: 0; 
	padding: 0; 
	color: #003366;
}

#resources li {
text-align: left;
margin: 3px 0; 
padding:0;
list-style: none;
line-height:125%;
} 

#resources ul a:link {
	color: #003366;
	text-decoration: none;
	border-bottom: 1px dotted #CC6600; 
}

#resources ul a:visited {
	color: #003366;
	text-decoration: none;
	border-bottom: 1px dotted #CC6600; 
}

#resources ul a:hover {
color: #CC6600; 
text-decoration: none;
border-bottom: 1px dotted #003366;
}

#resources ul a:active {
	color: #003366;
	text-decoration: none;
	border-bottom: 1px dotted #CC6600; 
}

#simple {
width: 85%;
margin: 0 40px;
padding: 1em;
font-size: .75em;
text-align: left;
}

#simple p {
color: #666666;
}

#simple h2 {
	margin: 0; 
	padding: 15px 0 0 0; 
	width: 90%; 
	font: normal 1.6em Georgia, "Times New Roman", Times, serif;
	color:#003366;
	letter-spacing: -1px;
}

#simple h3 {
	margin: 0; 
	font: normal 1.3em Georgia, serif; 
	letter-spacing: -1px;
	color: #CC6600;
}

#simple #agent {
float: right;
margin: 1em;
font-size: .75em;
}

#simple #agent img {
width: 342px;
height: 231px;
border: 2px solid #CC6600;
}

#simple #agent p {
text-align:center; 
color: #003366;
}	

ul#simple {
	margin: 0; 
}

#simple li {
	margin: 0;
	line-height: 150%;
	list-style-image: url(images/checkmark_blue2.gif); 
	color: #666666;
}

table {
width:400px;
margin: 10px 150px;
padding: 0;
background-color: #003366;
border: 3px outset #CC6600;
}
table p {
margin: 0 10px 5px 10px;
}
.question {
background-color: #CCCC99;
font: 1em bold #CC6600 Georgia, "Times New Roman", Times, serif;
}
.answer {
background-color: #FFFFFF;
}

/*
FORM --------------------- */
.warning {
    font-weight: bold;
    color: #CC6600;
}

form {
    margin: 0 0 0 50px;
}


form p {
    margin: 0 0 5px 0;
			font-size: .75em;
	text-align: left;
}

.formbox {
    width: 250px;
}

fieldset {
    border: none;
}

label {
    font-weight: bold;
    color: #003366;
    display: block;
}


/*
SIDEBAR --------------------- */

#pic1 {
background: #CCCCCC url(images/columbia_county_homes_under.jpg) no-repeat center center; 
}

#pic2 {
background: #CCCCCC url(images/columbia_county_homes_200.jpg) no-repeat center center; 
}

#pic3 {
background: #CCCCCC url(images/columbia_county_homes_400.jpg) no-repeat center center; 
}

#pic4 {
background: #CCCCCC url(images/columbia_county_homes_600.jpg) no-repeat center center; 
}

#pic5 {
background: #CCCCCC url(images/columbia_county_land_parcel.jpg) no-repeat center center; 
}

#pic6 {
background: #CCCCCC url(images/columbia_county_commercial_property.jpg) no-repeat center center; 
}

#pic7 {
background: #CCCCCC url(images/columbia_county_mls_listings.jpg) no-repeat center center; 
}

/* Two widths are used, the second being a hack for Internet Explorer */
#sidebar {
	position: relative; 
	float: left; 
	width: 50% !important;
	width: 49.9%;
	padding-top: 15px; 
	font-size: .7em;
}

#sidebar p#img1 {
float: left;
}

.section {
clear: both; 
padding-top: 1.5em; 
border-bottom: 3px double #E5E5DA; 
}

.section h3 {
	margin: 0; 
	font: normal 1.3em Georgia, serif; 
	letter-spacing: -1px;
	text-align: left;
}

.section h3 a {
	text-decoration: none;
	color: #CC6600;
	border-bottom: 0; 
}

.section h3 a:hover {
font-weight: normal;
color: #003366; 
text-decoration: none;
border-bottom: 1px dotted #CC6600;
}

.section p {
	margin-bottom: 1.5em; 
	color: #666666;
	text-align: left;
	}

.cat_pic {
float: left;
margin-right: 1.25em;
width: 120px;
height: 76px;
border: 2px solid #CCCCCC;
}	

/*
MISC --------------------- */

#container {
	margin: 0 auto; 
	width: 800px;	
	text-align: left;
background: url(images/real_estate_bg_container.gif) repeat-y top center;
}

#property {
	margin: 0 auto;
	width: 800px;
	text-align: left;
background-color: #CCCCFF;
}

.style1 {
	font-weight:bold;
	color:#CC6600;
	text-decoration: none;
}

.style2 {
color: #666666;
text-align: center;
}

.shell {
	margin: 0 auto; 
	width: 90%;
	text-align: left;
}


#skip, #back {
	display: none;
	}


/*
P.I.E. FLOAT CLEARING
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		


/*
FOOTER --------------------- */

#footer {
	margin: 0 auto; 
	width: 800px;
	text-align: left;
}


#info {
height: 112px;
background: url(images/columbia_county_real_estate_ducks20.jpg) no-repeat;
}

#info p {
margin: 0;
padding: 15px 20px;
font: bold .75em Geneva, Arial, Helvetica, sans-serif; 
color: #003366;
text-align: right;
}

#info a:link, #info a:active, #info a:visited { 
color: #003366;
text-decoration: none;
border-bottom: 1px dotted #CC6600;
}

#info a:hover {
color: #CC6600; 
text-decoration: none;
border-bottom: 1px dotted #003366;
}

#botnav {
margin: 8px 0 1px 0;
font: bold .65em Verdana, Arial, Helvetica, sans-serif;
color: #CC6600;
text-align: center;
}

#botnav a {
color: #CCCCFF;
font-weight: bold;
text-decoration: none;
border-bottom: 0; 
}

#botnav a:hover {
color: #CC6600;
text-decoration: none;
border-bottom: 1px dotted #CCCCFF;
}

#legal {
	margin: 0 auto; 
	width: 800px;
	text-align: left;
height: 70px;
background: url(images/real_estate_footer.gif) no-repeat;
}
	
#legal p {
margin: 0;
padding: 70px 0 10px 0;
font-size: .55em; 
color: #999999;
text-align: center;
}

#legal a:link, a:active, a:visited {
color: #999999;
text-decoration: underline;
border-bottom: 0; 
}

#legal a:hover {
color: #CC6600;
text-decoration: none;
border-bottom: 1px dotted #CCCCFF;

}