/* css Zen Garden submission 149 - 'Uncultivated', by Mario Carboni, http://www.mariocarboni.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, Mario Carboni */
/* Added: Jan. 31st, 2005 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */




/*  general _______________________________________________________________________________*/

body {
	font: 			12px/1.3em Arial, Helvetica, sans-serif;
	text-align: 	center;
	height: auto;
	z-index: 5;
	background: #FFFFFF;
	}
p {
	text-align: 	left;
	color: 			#666666;
	position: relative;
	top: 20px;
	width: 850px;
	font: 120%/1.5em Arial, Helvetica, sans-serif, "Agency FB";
	margin-right: 60px;
	margin-left: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
a{
	text-decoration: none;
	background: 	transparent url(../dotlink.gif) repeat-x left bottom;
	color: #FF0000;
}
a:link ,a:visited {
	color: 			#0000FF;
	text-decoration: underline;
}
a:hover {
	color: 			#0000FF;
}

h1 {
	font: 			bold normal 20px/1.2em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: 			#666666;
	position: relative;
	width: 95%;
	clear: both;
	margin: 40px 10px 10px;
	padding: 5px;
	text-align: left;
	border-bottom: thick solid #333333;
}

h2 {
	font: 			bold normal 20px/12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: 			#CC9933;
	position: relative;
	width: auto;
	clear: both;
	margin: 10px;
	padding: 5px;
	text-align: right;
	left: 30px;
	border-bottom: thick solid #CC9933;
}

h3 {
	font: 			bold normal 20px/12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 		0px;
	color: 			#CC9933;
	position: relative;
	top: 5px;
	width: 100%;
	padding: 10px;
	text-align: left;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: thick solid #CC9933;
	border-left: 0px none;
}

h4 {
	font: 			bold normal 20px/12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 		10px;
	color: 			#574D33;
	position: relative;
	left: 10px;
	top: 10px;
	width: 100%;
	padding: 10px;
	border-bottom-width: thick;
	border-bottom-style: inset;
	border-bottom-color: #574D33;
	text-align: right;
}

h5 {
	font: 			bold normal 20px/12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: 			#CC9933;
	position: relative;
	width: 300px;
	text-align: left;
	border: 0px none;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

h6 {
	font: 			bold normal 20px/12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: 			#CC9933;
	position: relative;
	width: auto;
	clear: both;
	margin: 10px;
	padding: 5px;
	text-align: right;
	height: auto;
}

h7 {
	font: 			bold normal 20px/12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 		0px;
	color: 			#CC9933;
	position: relative;
	top: 5px;
	width: 100%;
	padding: 10px;
	text-align: left;
	border-top: 0px none;
	border-right: 0px none;
	border-left: 0px none;
}

ul {
	list-style: 	none; 
	margin: 		10px 20px 30px 10px;
}

li {
	padding-left: 	1px;
	margin: 		10px 0 0 8px;
	display: 		block;
	list-style: 	none;
}


/* grid _______________________________________________________________________________*/

#container {
	text-align: 	left;
	width: 			947px;
	background: 	url(../images/container.jpg) repeat-y left top;
	position: 		relative;
	z-index: 5;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
#container2 {
	text-align: 	left;
	width: 			947px;
	background: 	#FFFFFF url(../images/container2.jpg) repeat-y left top;
	position: 		relative;
	z-index: 5;
	left: 0px;
	height: 100%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
#content{
	position: relative;
	width: 75%;
	top: 5px;
	height: auto;
	float: none;
	background-color: #FFFFFF;
	left: 10px;
}
#main_home {
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	position: relative;
	margin-left: 25px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 20px;
	clear: right;
	float: left;
	top: 20px;
	left: 0px;
	padding-top: 10px;

}
#results_container {
	text-align: 	left;
	width: 			1024px;
	background: 	#FFFFFF repeat-y left top;
	position: 		relative;
	z-index: 5;
	top: 20px;
	left: 5px;
	height: 100%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
#results_content{
	vertical-align: top;
	position: relative;
	width: 1024px;
	top: 5px;
	height: auto;
	z-index: 6;
	clear: right;
	float: none;
	background-color: #FFFFFF;
	left: 10px;
	border: thin solid #000000;
}

#leftbanner {
	text-align: 	left;
	padding: 		0px;
	color: 			#FF0000;
	position: relative;
	width: 130px;
	font: 120%/1.5em Arial, Helvetica, sans-serif, "Agency FB";
	clear: none;
	bottom: 1px;
	top: 80px;
	right: 770px;
	float: none;
	background: no-repeat;
}

#footer{
	clear: left;
	background-color: #2e3d16;
	color: #e0d236;
	padding-top: 5px;
	padding-bottom: 0px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif, "Agency FB";
	width: 924px;
	height: 50px;
	margin-bottom: 0px;
	border-top: medium none #000000;
	border-right: 2px none #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px none #000000;
	bottom: 0px;
	left: 12px;
	margin-top: 25px;
}
#results_footer{
	clear: left;
	background-color: #2e3d16;
	color: #e0d236;
	padding-top: 5px;
	padding-bottom: 0px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif, "Agency FB";
	width: 1024px;
	height: 50px;
	margin-bottom: 0px;
	border-top: medium none #000000;
	border-right: 2px none #000000;
	border-bottom: 2px solid #000000;
	border-left: 2px none #000000;
	bottom: 0px;
	left: 12px;
	margin-top: 25px;
}

#extraDiv1 {
	position: 		absolute;
	top: 			0;
	left: 			0;
	background: 	url(../images/home_left_banner.jpg) no-repeat left top;
	width:			140px;
	height:			1524px;
	z-index: 1;
}
#extraDiv2 {
	display: 		block;
	background-image: url(../images/home_banner_left2.jpg);
	background-repeat: no-repeat;
	height: 1024px;
	width: 140px;
	position: absolute;
	left: 80px;
	top: 620px;
	z-index: 7;
}

#content h2{
	font-size: 120%;
	color: #786A47;
	padding: 0;
	margin: 0px;
	margin-top: 15px;
	margin-left: 10px;
}
.leftimage{
	float: left;
	width: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.rightimage{
	float: right;
	border: 0;
	margin: 0px 0px 10px 5px;
}
.clearit{
	clear: both;
	display: block;
}


/*  links  _______________________________________________________________________________*/
#nav{
	border-bottom: 2px none #000000;
	text-align: right;
	background: #e0d236 right;
	width: 924px;
	border-right: 2px none #000000;
	border-left: 2px none #000000;
	position: absolute;
	font: 120% Arial, Helvetica, sans-serif, "Agency FB";
	color: #e6edf3;
	left: 12px;
	border-top-width: 2px;
	border-top-style: none;
}
#nav ul{
	margin: 0;
	background: #e0d236;
	color: #000000;
	padding-right: 0;
	padding-left: 0;
}
#nav ul li{
	display: inline;
	background: #e0d236;
	text-align: right;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-right: 0;
	margin-left: 0;
	padding-right: 10;
	padding-left: 0;
}
#nav ul li a{
	font-size: 100%;
	color: #3A4C0E;
	text-decoration: none;
	padding: 0 10px;
	text-align: center;
	width: 9em;
	background: #e0d236;
} 
#nav ul li a:hover, #nav ul li a:focus{
	background-color: #2E3D16;
	color: #ECF1F5;
}

#latin {
	font: 120% Arial, Helvetica, sans-serif, "Agency FB";
	color: #7C8A93;
	height: auto;
	width: 120px;
	position: relative;
	left: 770px;
	float: none;
	clear: none;
	top: -415px;
	text-align: center;
}

#rightlinks {
	font: 120% Arial, Helvetica, sans-serif, "Agency FB";
	color: #7C8A93;
	height: 200px;
	width: 120px;
	position: relative;
	left: 740px;
	float: none;
	clear: none;
	top: -415px;
	text-align: right;
}

#rightlinks ul{
	padding: 0;
	margin: 0;
	background: #A39572;
}
#rightlinks ul li{
	display: inline;
	padding: 0;
	margin: 0;
	background: #A39572;
	text-align: right;
}
#rightlinks ul li a{
	font-size: 100%;
	color: #E5D9BC;
	text-decoration: none;
	padding: 0 10px;
	
	text-align: left;
	width: auto;
	background: #A39572;
} 
#rightlinks ul li a:hover, #rightlinks ul li a:focus{
	background-color: #A39572;
	color: #41657F;
}
#foot_text {
	font: 90% Arial, Helvetica, sans-serif, "Agency FB";
	color: #e0d236;
	text-align: center;
	z-index: 5;
	clear: both;
	position: relative;
	width: 100%;
	top: auto;
	right: auto;
}
#results_foot_text {
	font: 80% Arial, Helvetica, sans-serif, "Agency FB";
	color: #0033FF;
	text-align: center;
	z-index: 5;
	clear: both;
	position: relative;
	width: 100%;
	top: auto;
	right: auto;
	left: auto;
}
.body_container {
	float:right;
	background-color:#FFFFFF;
	clear: both;
}
#banner {
	position: relative;
	height: 98px;
	background: url(../images/home_banner.jpg) no-repeat left top;
	left: 12px;
}
#rotate_banner {
	position: relative;
	height: 138px;
	background: url(../images/banner_rotation/rotate.php) no-repeat left top;
	left: 12px;
	top: 20px;
	clear: right;
}
#rotate_sidebar {
	background: no-repeat left top;
	font: 90% Arial, Helvetica, sans-serif, "Agency FB";
	color: #7C8A93;
	width: 175px;
	position: relative;
	left: 0px;
	float: right;
	clear: right;
	top: 0px;
	text-align: left;
	margin-right: 15px;
	margin-left: 20px;
}

#home_image {
	position: relative;
	height: 425px;
	background: url(../images/home_image.jpg) no-repeat left top;
	left: 12px;
	width: 924px;
	top: 20px;
}

.p2 {
	width: 60%;
	font-size: 1.2em;
	color: #993300;
	left: 20px;
}

.centerimage {
	float: none;
	border: 0;
	margin: 10px;
	position: relative;
	left: 100px;
}
.floatleft {

	float: left;

	width: auto;

	padding: 5px 5px 20px 0px;

	clear: both;

	margin-right: 10px;

	margin-bottom: 50px;

	margin-left: 0px;

}
#content2{
	background-color:#FFFFFF;
	width:auto;
	border-right:150px solid #f00;
»
  /* The width and color of the rail */
  margin-right:-150px; /* Hat tip to Ryan Brill */
	float:left;
	top: 20px;
}
#call {
	font-size: 24px;
	color: #930;
	font-weight: bold;
	left: 100px;
	width: 400px;
}

