/* PamWoodardHomes.com CSS RULES*/



/* Force Scrollbar on Netscape, Firefox to eliminate page shift
--------------------------------------------------------------*/
	html {
		min-height: 100%;
		margin-bottom: 1px;
	}




/* BODY, Define all main values for the web site 
--------------------------------------------------------------*/
	body {
		margin: 0;
		font-family: "trebuchet ms", arial, helvetica, tahoma, "sans serif";
		background: #a1a86b;
		margin: 0px auto 0px auto;
		color: #000;
		font-size: 0.8em;
		line-height: 150%;
		background: url(images/background.gif);
	}


	img {
		border: 0px;
	}


	/*iframe {
		margin-top: 20px;
	}*/



/* Wrapper ID encloses and centers site on page
--------------------------------------------------------------*/

	#allwrapper {
		width: 800px;	
		height: 600px;
		min-height: 600px;	
		margin: 10px auto 0px auto;
	}


/* Wrapper ID for index menu and content area
--------------------------------------------------------------*/

	#indexwrapper {
		width: 800px;	
		height: 600px;	
		border: #000 1px solid;
		background: url(images/index.jpg) no-repeat;
	}

	#mainnavcontentwrapper {
		position: relative;
		width: 800px;	
		min-height: 600px;	
		border: #000 1px solid;
		background: #fff url(images/menu.jpg) no-repeat;
	}



/*Faux Columns for menu and content area
--------------------------------------------------------------*/
	
	#fauxcolumns {
		width: 800px;
		background: url(images/fauxcolumns.gif) repeat-y;
	}




/*Main Navigation Div
--------------------------------------------------------------*/

	#mainnavindex {
		float: left;
		width: 170px;
	}



	#mainnav {
		float: left;
		width: 170px;
		min-height: 600px;
		background: url(images/menu.jpg) no-repeat;
	}


	.buttons, .buttontop {
		width: 110px;
		height: 44px;
		margin-left: 30px;
		padding-top: 11px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		line-height: 100%;
	}


	.buttontop {
		margin-top: 15px;
	}



	#mainnav a:link, #mainnav a:visited, #mainnav a:hover, #mainnav a:active {
		color: #fff;
		text-decoration:none;
		display:block;
	}


	#mainnav a:hover {
		color: #820f17;
	}


	#mainnavindex a:link, #mainnavindex a:visited, #mainnavindex a:hover, #mainnavindex a:active {
		color: #fff;
		text-decoration:none;
		display:block;
	}


	#mainnavindex a:hover {
		color: #820f17;
	}



/*Sales Drop Down Menu
--------------------------------------------------------------*/
	#sales {
		position: relative;
	}
	
	
	#salesdropdown {
		position: absolute;
		top: 10px;
		left: 480px;
		width: 100px;
		/* height: 60px; */
	}

	#salesdropdown li{
		position: relative;
		list-style: none;
		float: left;  
		width: 160px;
		height: 30px;
	}

	#salesdropdown li a{
		display: block;
		padding: 5px;
		background-color: transparent;
		color: #fff;
		text-align: center;
		text-decoration: none;   
	}

	#salesdropdown li ul{
		display: none;
		width: 11em; /* Width to help Opera out */   
	}

	#salesdropdown li:hover ul {
		display: block;
		margin: 0 0 0 -50px;
		padding: 0; 
		color: #fff;
	}

	#salesdropdown li:hover li {
		float: none; }

	#salesdropdown li:hover li a {
		background-color: #a1a86b;
		border: 2px solid #fff;
		color: #fff;
		font-weight: bold; }
	
	#salesdropdown li li a:hover {
		background-color: #99103a; } 


	#saleslink {
		position: absolute;
		top: 5px;
		left: 0px;
		width: 140px;
		height: 70px;
		background-color: transparent;
		border: 2px solid #000;
	}

	#concordsf {
		position: absolute;
		top: 10px;
		left: 480px;
		width: 140px;
		height: 65px;
	}






/*Content
--------------------------------------------------------------*/
	
	#indexcontent {
		float: right;
		width: 630px;
		height: 400px;
	}	

	#content {
		float: right;
		width: 630px;
		background-color: #fff;
	}




/*Homepage imagemap links
--------------------------------------------------------------*/
	
	#barrettlink, #leadingrelink, #reguildlink, #pamemail {
		position: absolute;
		top: 100px;
		left: 50px;
		width: 360px;
		height: 90px;
		background-color: transparent;

	}

	#leadingrelink {
		top: 120px;
		left: 560px;
		width: 80px;
		height: 50px;
	}


	#reguildlink {
		top: 120px;
		left: 675px;
		width: 75px;
		height: 50px;
	}

	#pamemail {
		top: 62px;
		left: 475px;
		width: 300px;
		height: 25px;
	}


	#home {
		position: absolute;
		top: 400px;
		left: 0px;
		width: 170px;
		height: 155px;
	}


	#barrettpam {
		position: absolute;
		top: 555px;
		left: 0px;
		width: 170px;
		height: 45px;
	}



/*Footer
--------------------------------------------------------------*/
	#indexfooter {
		clear: both;
		position: relative;
		width: 800px;
		height: 200px;
	}
	
	#footer {
		clear: both;
		float:left;
		width: 802px;
		line-height: 135%;
		text-align: center;
		font-size: .85em;
		color: #666;
		padding: 5px 0 5px 0;
	}



/* Lists
--------------------------------------------------------------*/



	ul {
		margin-right: 20px;
		text-align: justify;
	}

	.numeric {
		list-style-type: decimal;
		
	}


	.numeric  li {
		margin-bottom: 10px;
	}

	
	.townleft ul {
		margin-top: -10px;
		margin-bottom: 0px;
	}

	.townleft ul li, .resourcesleft ul li {
		list-style-type: none;
		margin-left:-15px;
		font-weight:bold;
		text-align: left;
		line-height:175%;
	}

	.resourcesleft ul {
		margin-top: -10px;
		margin-bottom: 0px;
	}

	.resourcesleft ul li {
		margin-top: 0px;
		margin-left:-20px;
	}

	.resourcesright ul {
		margin-top: 0px;
		font-size:.95em;
	}

	.resourcesright ul li ul {
		font-size:.9em;
	}


	.contactmargin {
		margin-left: 175px;
		margin-top: -20px;
	}


/* Spacers
--------------------------------------------------------------*/

	.spacer {
		clear: both;
	}




/* Header Styling
--------------------------------------------------------------*/
	h1,h2,h3,h4 {
		/*font-family: "trebuchet ms", Arial, Verdana, Tahoma;*/
		font-family: "times", serif;
		font-variant: small-caps;
		color: #333;
		font-size: 1.65em;
		font-weight:bold;
		text-align: center;
		border: #a1a86b 3px double;
		padding: 5px;
		margin: 20px;
		background: #efe3c6;
	}


	h2 {
		font-variant: small-caps;
		font-size: 1.3em;
		text-align: center;
		margin: 15px 20px 10px 20px;
		padding-top: 5px;
		height: 40px;
		width: 592px;
		background: url(images/h2box.gif) no-repeat;
	}



	h3 {
		text-align: left;
		font-variant: small-caps;
		font-size: 1.1em;
		margin: 0;
		border: 0px;
		padding: 2px 2px 2px 5px;
	}





/* =a  Link Styling Pseudo-classes
--------------------------------------------------------------*/

	a:link, a:visited, a:hover, a:active {
		color: #650917;
		display:inline;
		text-decoration:underline;
	}

	a:visited {
		color: #663;
	}

	a:hover {
		color: #a1a86b;
		text-decoration:none;
	}


	a.sellerbuyerlink:link, a.sellerbuyerlink:visited, a.sellerbuyerlink:hover, a.sellerbuyerlink:active {
		color: #650917;
		font-weight:bold;
		margin-left:-5px;
	}


	a.sellerbuyerlink:hover {
		color: #000;
	}




/* =p Paragraph Classes
--------------------------------------------------------------*/


	p {
		color: #000;
		font-size: 1em;
		text-align: justify;
		margin: 20px;
	}


	.red {
		color: #650917;
		font-weight: bold;
		margin-bottom:-20px;
	}
	
	.disclaimer {
		color: #999;
		font-size: .8em;
		text-align: justify;
		line-height: 100%;
		padding-top: 10px;
	}


/* Random Spans, Classes, Divs
--------------------------------------------------------------*/

	.sellerbuyerlinkdiv {
		float: left;
		width: 125px;
		height: 58px;
		margin: 5px 10px 0px 20px;
		padding-top: 7px;
		font-size: 1em;
		background: url(images/box.gif) no-repeat;
	}

	.sellerbuyerlinkdiv p {
		margin: 0px 5px 0px 5px;
	}

	.townleft {
		font-family: "times", serif;
		font-variant: small-caps;
		float:left;
		width:150px;
		height: 100%;
		margin: 20px 0 0 10px;
		background: url(images/townmenu/townboxbackground.gif) repeat-y;
	}

	.townright {
		float:left;
		width:375px;
		height:100%;
		padding: 0 20px 0 20px;
		margin-top: 10px;
	}


	.resourcesleft {
		font-family: "times", serif;
		font-variant: small-caps;
		white-space: nowrap;
		float:left;
		width:179px;
		height: 100%;
		margin: 15px 0 0 0px;
	}


	.resourcesright {
		float:left;
		width:405px;
		height:100%;
		margin-top: 10px;
		margin-left: 10px;
	}


	.bold {
		font-weight:bold;
	}



	.smallcaps {
		font-variant: small-caps;
	}



	.center {
		display: block;
		text-align: center;
		margin: 10px;
	}


	.backtotop {
		display: block;
		text-align: center;
		margin: 10px;
		font-size:.85em;
	}

	.contact {
		margin-left: 150px;
	}