/* CSS Document */

/* ~~~ Site-wide Properties ~~~ */

* {
padding: 0;
margin: 0;
}

body {  
color: #000000;
background:#cccc99;
font-family:Garamond;
font-size: 11px;
text-decoration: none;
}

a:link, a:visited {
text-decoration: none;
border-bottom: 1px solid #BEB9AA;
color: #645028;
}

a:hover {
text-decoration: none;
border-bottom: 1px solid #AAA08C;
color: #968246;
}

a:active {
text-decoration: none;
border-bottom: 1px solid #AAA08C;
color: #5A503C;
}

a:focus{ outline:none;}

/* ~~~ Text Properties ~~~ */

p {
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 20px;
padding-top: 10px;
color:#685b45;
}

h2 {
position:relative;
font-family:"Times New Roman", Times, serif;
font-size: 14px;
font-weight:bold;
line-height: 20px;
padding-top: 6px;
text-align:center;
color: #4d473e;
}

h3 {
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 16px;
padding-top: 6px;
color:#685b45;
}





/* ~~~ List Properties ~~~ */

.list {
list-style-type:none;
position: relative;
margin: 10px;
left: 20px;
}

.list ul {
color:#4d473e;
}

.list li {
color:#4d473e;
list-style-type:none;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
}

.list li a {
text-decoration:none;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
cursor:pointer;
}

.list li a:hover {
color:#D0A68C;
}


/* ~~~ Div Properties ~~~ */

#back {
background:url(../img/coverpage/back_stone.gif) top left repeat-x;
width:100%;
height:1000px;
left:0px;
top:0px;
margin:0;
padding:0;
}

#container {
display: block;
width: 920px;
height: auto;
position: relative;
margin-left: auto;
margin-right: auto;
}



#footer {
position: absolute;
bottom:0px;
width:340px;
text-align: center;
font-family:Garamond;
font-size: 9px;
color: #645028;
z-index:20;

}


#left {
position: absolute;
top: 73px;
left: 90px;
width: 360px;
height: 613px;
z-index:15;
}

#right {
position: absolute;
top: 108px;
left: 488px;
width: 340px;
height: 575px;
z-index:15;
}

#title {
position:relative;
width:310px;
height:60px;
left:30px;
top:10px;
margin-top:0px;
z-index:20p;
}


#line {
position:relative;
height: 10px;
background:url(../img/line.gif) center center no-repeat;
}

#textleft{
	position:absolute;
	top:110px;
	left:0;
	width:360px;
	height:500;
	left: 0px;
}

#textright{
	position:absolute;
	top:0px;
	width:340px;
	height:575px;
	left: 0px;
}

#works {
position:relative;
width:260px;
height:30px;
left:20px;
background:url(../img/title_logo/title_works.jpg) center left no-repeat;
}

#picstoop {
position:relative;
background-image:url(../img/pictures/stoop.jpg);
width:210px;
height:220px;
margin:0px 75px 5px 75px;
}

#picme {
position:relative;
background:url(../img/pictures/me3.gif);
top:280px;
width:210px;
height:220px;
margin-left:auto;
margin-right:auto;
}




#picrowhouses {
position:relative;
background:url(../img/pictures/rowhouses.jpg);
width:210px;
height:220px;
margin:20px 75px 5px 75px;
}

#picwatertank {
position:relative;
background:url(../img/pictures/watertank.jpg);
width:210px;
height:220px;
margin:0px 75px 5px 75px;
}


/* ~~~ Table of Contents page Properties ~~~ */

#infotitle {
position:relative;
width:320px;
height:40px;
left:20px;
background:url(../img/title_logo/title_info.jpg) center center no-repeat;}

#mainmap {
position:relative;
width:300px;
height:260px;
margin:10px 30px 10px 30px;
z-index:30;
}

#where {
position:relative;
background:url(../img/title_logo/title_wheretohang.jpg) no-repeat;
width:260px;
height:30px;
left:10px;
z-index:30;
}

#what {
position:relative;
background:url(../img/title_logo/title_whatsfun.jpg) no-repeat;
width:260px;
height:30px;
top:0px;
left:10px;
z-index:30;
}
#bornin {
position:relative;
background:url(../img/title_logo/title_bornin.jpg) no-repeat;
width:260px;
height:30px;
left:10px;
z-index:30;
}


/* ~~~ Neighborhood page Properties ~~~ */

#favorites {
position:absolute;
background:url(../img/title_logo/title_myfavorites.jpg) no-repeat;
width:260px;
height:30px;
top:320px;
left:10px;
z-index:30;
}

/* ~~~ Blog page Properties ~~~ */
#archive {
position:relative;
background:url(../img/title_logo/title_archive.jpg) no-repeat;
width:100px;
height:30px;
left:0px;
margin-top:10px;
}


/* ~~~ Contact page Properties ~~~ */

#instruction {
margin-bottom:20px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#645028;
}

#form {position:absolute; top:40px; left:0px;}

.L {
	text-align:left;
	position:absolute;
	color:#645028;
	font-size:11px;
	line-height:14px;
	left:0px;
	width: 60px;
	}

.R {
	text-align:left;
	position:relative;
	color:#645028;
	background:white;
	width:250px;
	left:60px;
	font-size:11px;
	}
	

.action_buttons input {
width:60px; 
color: #645028; 
margin-top:5px; 
border:1px solid #645028;
font-size:9px;
padding:2px;
}

.action_buttons input:focus {
}

input {width:250px;font:12px Arial, Helvetica, sans-serif;}

.radioset input{width:30px;display:compact;}

textarea {width:250px; height:220px; font:12px Arial, Helvetica, sans-serif;}


#form span {
	margin-left:10px;
	margin-right:10px;
	color: #645028;
	font-size:10px;
	}

#warn {margin-top:10px; margin-left:60px; font-size:14px; color:maroon;}	
#thanks {margin-top:10px; margin-left:60px; font-size:12px; color:maroon;}	


.close {position:absolute;
		background:url(../img/title_logo/title_close.jpg) no-repeat;
		width:100px;
		height:25px;
		margin-left:120px;
		bottom:10px;}
		
.return {position:absolute;
		width:100px;
		height:25px;
		margin-left:120px;
		bottom:20px;}
		
.returntotable{
position:absolute;
top:90px;
right:140px;
text-align:right;
color: #645028;
border-bottom:none;
}