/*
|
| TITLE:	TAP Master Style Sheet
| AUTHOR:	Eric Shiarla, eric@pendergraphics.com
|			
| EMPLOYED:	Pendergraphics Design Group, http://www.pendergraphics.com 	
| 
| CREATED:	May 3nd, 2007
| MODIFIED: ---------------
|
*/


html,body{ 
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #67482d;
	background: #eaceac url(../../images/bg-tile.gif) repeat top left;
}

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 764px;
	background-color: #f6dcbb;
	border: 7px solid #e4c295;
	border-top: none;
}

body { behavior: url(assets/css/hacks/csshover.htc); }

/* GLOBAL ELEMENTS 
----------------------------------------------------*/
hr {
	display: none;
}

h1, h2, h3, h4, h5 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	color: #d2955e;
	font-variant: small-caps;
	letter-spacing: 2px;
}

h3, h4, h5 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-variant: normal;
}

h3 {
	font-size: 90%;
}

h4 {
	font-size: 85%;
}

p {
	margin-left: 10px;
	font-size: 95%;
	line-height: 17px;	
}

a {
	color: #d2955e;
}

ul {
	font-size: 95%;
	line-height: 17px;
	list-style: square;
}

/* GLOBAL CLASSES 
----------------------------------------------------*/
.description {
	margin-top: 0;
	color: #666;
	font-variant: normal;
}

.sortable {
	cursor: pointer;
}

/* HEADER
----------------------------------------------------*/
#header {
	float: left;
	margin: 0;
	padding: 25px;
	width: 714px;
	background: #006eae url(../../images/bg-header.jpg) repeat-x top left;
}


#header h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 330px;
	height: 27px;
	background: transparent url(../../images/logo.gif) no-repeat top left;	
}

/*
#header h1 {
	float: left;
	margin: 0 0 0 7px;
	padding: 0;
	width: 199px;
	height: 66px;
	background: transparent url(../../images/logo-map.png) no-repeat top left;	
}*/

	#header h1 a {
		margin: 0;
		padding: 0;
		display: block;
		width: 330px;
		height: 27px;
		border: none;
	}
	
	#header h1 a:hover {
		background-color: transparent;
	}

	#header h1 span { display: none; }	

#header p.contact {
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	width: 300px;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	color: #f6ede0;
	letter-spacing: 2px;
	text-align: right;
}

#header a {
	margin: 0 -3px;
	padding: 0 3px;
	color: #f6ede0;
	text-decoration: none;
	border-bottom: 1px solid #8db6d5;
}

#header a:hover {
	background-color: #8db6d5;
}

/* SPLASH
----------------------------------------------------*/
#splash {
	clear: both;
	border-top: 1px solid #e4c295;
	border-bottom: 1px solid #e4c295;
}

/* NAVIGATION
----------------------------------------------------*/
#mainNav {
	clear: both;
	float: left;
	position: relative;
	width: 764px;
	margin: 0;
	padding: 5px 0 0 0;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	background: #004371 url(../../images/bg-nav-sub.gif) repeat-x top left;	
}

	#mainNav ul {
		/*float: left; 
		position: relative;*/
		margin: 0;
    	padding: 0;
	    list-style: none;
		z-index: 99;
    }
	
		#mainNav ul ul {
			display: none;
		}
		
			#mainNav ul ul li.level-2 ul, 
			#mainNav ul ul ul li.level-3 ul,
			#mainNav ul ul ul ul li.level-4 ul,
			#mainNav ul ul ul ul ul li.level-5 ul {
				display: none;
			}
		
		
		#mainNav ul li:hover ul {
			display: block;
		}		
		
			#mainNav ul ul li:hover ul,
			#mainNav ul ul ul li:hover ul,
			#mainNav ul ul ul ul li:hover ul,
			#mainNav ul ul ul ul ul li:hover ul {
				display: block;
			} 
			
		#mainNav ul ul {
			position: absolute;
			top: 100%;
			left: 0;
			width: 200px;
			margin: 0;
			padding: 0 0 5px 15px;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			background: #fed2ac url(../../images/bg-subnav.gif) repeat-x top left;
			border: 2px solid #004371;
			border-top: none;
			border-bottom-width: 4px;
			border-right-width: 4px;
			opacity: .95;
			z-index: 99;
		}
		
	
			#mainNav ul ul ul{
				top: 0;
				left: 100%;
				border-left: 2px solid #fff;
			}
		

	#mainNav li {
    	float: left;
		position: relative;
	    margin: 0;
		z-index: 99; /*  Important, without IE will mess up z-indexing. */		
    }
	
		#mainNav li ul li {
			clear: left;
			background: none;
		}
		
	
	#mainNav a {
		display: block;
		margin: 0;
		margin-left: 2px;
		padding: 15px 10px;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
	}
	
		#mainNav a:hover {
			color: #000;
			background-color: #ffe9d7;
		}
	
		#mainNav li li a {
			margin: 3px 0;
			padding: 3px;
			width: 175px;
			color: #333333;
			font-size: 90%;
			font-variant: normal;
			background: none;
			border-bottom: 1px solid #fcf3eb;
		}
		

			#mainNav li li a:hover, #mainNav li.cParent li a:hover {
				color: #333;
				background-color: #fcf3eb;
				border-bottom: 1px solid #fcf3eb;
			}
			

/*--[Current Parent Category]------*/

#mainNav li.cParent {
	position: static;
}

#mainNav li.cParent a {
	color: #000;
	background-color: #ffe9d7;
}


	#mainNav li.cParent li a {
		color: #454545;
		background: none;
		margin: 3px 0;
		padding: 3px 10px 3px 5px;
		width: auto;
		background: transparent url(../../images/bg-nav-sub-a.gif) no-repeat 100% 100%;
		border-bottom: none;		
	}
	
	#mainNav li.cParent li a:hover {
		background: transparent url(../../images/bg-nav-sub-a.gif) no-repeat 100% 100%;
		border: none;
	}
	
	#mainNav li.cParent li.cPage a {
		font-weight: bold;
	}

#mainNav li.cParent ul {
	display: block;
	left: 0;
	width: 747px;
	border: none;
	z-index: 1;
}

#mainNav li.cParent ul li {
	clear: none;
}

/* BREADCRUMBS
----------------------------------------------------*/
#breadcrumbs {
	padding: 3px 5px;
	font-size: 90%;
	font-weight: bold;
	color: #CF965A;
	background-color: #FEDEC3;
}

#breadcrumbs span {
	margin-left: 5px;
	font-weight: normal;
}

/* CONTENT 
----------------------------------------------------*/
#content {
	clear: left;
	float: left;
	margin: 5px;
	margin-top: 35px;
	padding: 0 5px;
	width: 744px; 
	background-color: #f6e7d1; 
}


	#content img {
		padding: 7px;
		margin-right: 10px;
		background-color: #EFE9E0;
		border: 1px solid #EACEAC;
	}

	#content.nosubnav {
		margin-top: 23px;
	}

	#wrap.home #content {
		margin-top: 0;
		width: 346px;
		padding-top: 150px;
		background: transparent url(../../images/bg-map.jpg) no-repeat top left;
	}
	
	#content.home p.intro {
		width: 170px;
		line-height: 1.25em;
	}
	
	#content table {
		text-align: center;
	}
	
		#content td {
			padding: 5px;
			border: 1px solid #EFD3B3;
			border-right-color: #EFE1D1;
			border-left-color: #EFE1D1;
		}
	
#homeQuote {
	margin-left: 5px;
	padding: 5px;
	width: 334px;
	border: 1px solid #CC8750;
}
	
	.gene {
		background: #F5ECE5 url(../../images/bg-quote-gene.jpg) no-repeat bottom right;
	}
	
	.kathleen {
		background: #F5ECE5 url(../../images/bg-quote-kathleen.jpg) no-repeat bottom right;
	}	

	.luis {
		background: #F5ECE5 url(../../images/bg-quote-luis.jpg) no-repeat bottom right;
	}
	
	.rick {
		background: #F5ECE5 url(../../images/bg-quote-rick.jpg) no-repeat bottom right;
	}	
	
	.jim {
		background: #F5ECE5 url(../../images/bg-quote-jim.jpg) no-repeat bottom right;
	}		
	
#homeQuote p {
	width: 225px;
}

#subContent {
	margin: 50px 15px 0 15px;
	padding: 10px;
	float: left;
	width: 439px;	
	background-color: #f6e7d1;
}

	#wrap.home #subContent {
		margin-top: 0;
		width: 348px;
	}

/* ARCHIVES
----------------------------------------------------*/
#archives-search {
  	margin: 20px;
  	padding: 0 15px 15px 15px;
	background-color: #fdf5e8;
	border: 1px solid #F6DCBB;
	border-right: none;
	border-left: none;
}

	#archives-search form{
		margin: 0 5px;
		padding: 15px 0 5px 0;
	}	

#archives-frame {
	margin: 0 5px;
	padding: 0;
	background: url(../../images/bg-archives.jpg) no-repeat;
}	

#archives-monthly {
  	float: left;
  	margin: 0;
  	padding: 0;
  	width: 200px;
}

	#archives-monthly h3{
	  	display: block;
	  	margin: 0 0 5px 0;
	  	padding: 5px 0 5px 0;
		font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
		font-size: 100%;
		text-transform: uppercase;
		text-align: right;
	}
	
	#archives-monthly a {
		display: block;
		margin: 10px 0 0 0;
		padding: 10px;
		font-size: 90%;
		color: #3c3c3c;
		text-align: right;
		font-weight: bold;
		text-decoration: none;
		background-color: #f2efe6;
		border-right: 10px solid #f2efe6;
	}
	
		#archives-monthly a.current {
			color: #fff;
			background-color: #EFAF77;
			border-right: 10px solid #EFAF77;
		}
	
	#archives-monthly a:hover {
		border: none;
		border-right: 10px solid #d2955e;		
	}

	
#archives {
	margin: 0;
	padding: 0;
}
	
	#archives a {
		color: #3c3c3c;
		font-weight: bold;
		text-decoration: none;
	}

	#archives h3{
	  	display: block;
	  	margin: 0 0 5px 0;
	  	padding: 5px 0 5px 0;
		font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
		font-size: 100%;
		text-transform: uppercase;
	}
	
	#archives h4{
	  	display: block;
	  	margin: 0;
	  	padding: 8px;
		font-size: 90%;
		font-variant: normal;
		background-color: #f2efe6;
	}	
	
		#archives h4 a:hover {
			background-color: #F6DCBB;
			border: none; 
		}
	
	#archives div.frame {
		margin: 10px 0;
		padding: 0 0 20px 0;
		background-color: #fbfbfb;
		border: 1px solid #f2efe6;
		border-bottom: 1px solid #f2efe6; 
		border-right: 1px solid #f2efe6; 
	}
	
	#archives p {
		margin: 10px;
	}


/*--|| Search || -------------*/
#search div.resultsbox {
		margin: 10px 0;
		padding: 0 0 20px 0;
		background-color: #F9F9F9;
		border: 1px solid #CED8ED;
		border-bottom: 1px solid #AAB8D6; 
		border-right: 1px solid #AAB8D6;
}

	#search div.resultsbox h3{
	  	display: block;
	  	margin: 0;
	  	padding: 8px;
		font-size: 100%;
		color: #3A5183;
		text-transform: capitalize;
		background: #CED8ED url(../../images/bg-event-box.jpg) repeat-x top left;
	}	
	
		#search div.resultsbox h3 a:hover {
			background-color: #E8ECF5;
			border: none; 
		}
		
	#search div.resultsbox p {
		margin: 10px;
	}

/* COMMUNITIES, SITES, BUILDINGS
----------------------------------------------------*/
.community {
	clear: both;
	float: left;
	width: 744px;
}

div.description, div.contact, div.demographics {
	clear: none;
	float: left;
	width: 500px;
	margin-bottom: 25px;
}

div.contact, div.demographics {
	clear: none;
	width: 200px;
	margin-bottom: 0;
}

div.demographics {
	width: 300px;
}

div.full {
	clear: left;
	width: 100%;
}

div.sitebuilding {
	margin-top: 20px;
}

img.listingImage {
	clear: none;
	float: left;
	margin: 10px;
}

.community h2 {
	clear: both;
}

.community h3 {
	clear: both;
	margin: 10px 0;
	padding: 10px;
	font-size: 110%;
}

.community h4 {
	font-size: 110%;
	clear: left;
}

.community dl {
	margin-left: 30px;
}

.community dt {
	font-weight: bold;
}

.community dd {
	margin: 0;
	padding: 0;
}

div.listing {
	position: relative;
}

.community div.listing {
	margin-top: 10px;
	margin-bottom: 50px;
}

div.container {
	clear: none;
	float: left;
	margin: 0 0 50px 15px;
	padding: 0;
	width: 215px;
}

div.first {
	width: 235px;
	margin-left: 25px;
}

div.close {
	margin-left: 5px;
}

.community div.labor span {
	margin-left: 15px;
}

hr.divide {
	clear: both;
	display: block;
	margin-top: 20px;
	width: 90%;
	height: 1px;
	color: #F6DCBB;
	background-color: #F6DCBB;
	border: none;
}

.extra {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	color: #666;
	font-size: 90%;
	text-align: right;
}

.container dl {
	float: left;
	margin: 0;
}

.container dt {
	clear: left;
	float: left;
	margin: 0 0 7px 0;
	padding: 0;
	font-weight: bold;
	width: 98px;
	height: 1%;
}

.container dd {
	float: left;
	margin: 0 0 7px 0;
	padding: 0 0 0 10px;
	width: 103px;
	height: 1%;
}

.contact dt, .contact dd {
	float: none;
	margin-bottom: 3px;
}

/* GALLERY
----------------------------------------------------*/
dl#galleryList {
	margin: 15px;
}
			
	#galleryList dt {
		display: none;
		margin: 0;
	 	padding: 0;
	  	word-spacing: 2px;
	  	color: #333;
		font-size: 120%;		
		text-transform: uppercase;	
	}


	#galleryList dd {
		margin: 7px 0;
		padding: 0;
		clear: left;
	}

	#galleryList h3 {
		margin: 0;
	 	padding: 22px 0 0 0;
	}
				
	#galleryList p {
		margin: 0 0 5px 0;
		padding: 0;
	}
				
	#galleryList p.photolink {
		margin: 0;
		padding: 0;
	}

				
	#galleryList dd img {
		float: left;
		margin: 8px;
		padding: 7px;
		border: 1px solid #eee;
	}


ul#images-list {
	margin: 0 10px;
	padding: 0;
	list-style: none;
}

ul#images-list li {
	float: left;
	clear: none;
	margin: 12px;
	padding: 0;
	color: #aaa;
	font-size: 80%;
	text-align: center;
	width: auto;
	xheight: 1%;
	height:122px !important;
}

ul#images-list li a {
	margin: 0;
	padding: 0;
	width: auto;
}


ul#images-list img{
	vertical-align: middle;
	margin: 0;
	padding: 7px;
	width: auto;
	background-color: #fafafa;
	border: 1px solid #ccc;
}

#next-previous {
	position: relative;
	margin: 15px;
	padding: 10px 0 10px 0;		
	display: block;
	width: 480px;
}
	
	#next-previous ul {
		margin: 0 5px 0 0;
		padding: 0;
		display: inline;
		list-style-type: none;
	}
		
	#next-previous li {
		margin: 0;
		padding: 0;
		display: inline;
	}
		
	#next-previous a {
		padding: 3px 7px 5px 7px;
		font-size: 11px;
		color: #E3C8A7;
		text-decoration: none;
		border: 1px solid #E3C8A7;
	}
		
	#next-previous a:hover {
		color: #fff;
		background-color: #E3C8A7;
		border-color: #E4C295;
	}
		
	#next-previous li.current a {
		color: #fff;
		text-decoration: none;
		background-color: #E4C295;
		border: 1px solid #E4C295;
	}
	
	
	#next-previous li.spacer {
		padding: 3px 7px 5px 7px;
		font-size: 11px;
		color: #E4C295;
	}

/* FOOTER
----------------------------------------------------*/	
#footer {
	clear: both;
}