/* Ash Grove Resources CSS Document */
/*Color Values=======================
	blue = #276095
	tan = #AAA08C
	green = #6A8321
	white = #FBF3E6
===================================*/
html,body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
body {
	/*background-color:#AAA08C;*/
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/bkg_main_blue.gif);
}
p {
	margin:0;
	padding:0 0 10px 0;
}
a, a:hover, a:active {
	color:#276095;
}
ol {
	margin:0 0 0 50px; 
	padding:0 0 10px 0;
}
#outer {
	width: 50em;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 2em;
}
/* --- Start IE Hack --- \*/
*html #outer {
	width: 50%;
}
/* --- End IE Hack --- */
table.centerBoth {
  border-spacing: 0;
  border-collapse: collapse;
  height: 100%;
  width: 100%;
}
table.centerBoth,table.centerBoth td {
  padding: 0;
  margin: 0;
  border: 0 none;
}
table.centerBoth td {
  text-align: center; /* IE/Win bug fix */
}
#changeCSS {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  width:100%;
  font-size:12px;
  color:#666;
  background-color:#000;
  padding:1px;
  border-bottom:1px solid #666;
}
#changeCSS a.blue {
  color:#000;
  background-color:#276095;
  border:1px solid #276095;
  text-decoration:none;
  padding:0 10px 0 10px;
}
#changeCSS a.green {
  color:#000;
  background-color:#6A8321;
  border:1px solid #6A8321;
  text-decoration:none;
  padding:0 10px 0 10px;
}
#changeCSS a.tan {
  color:#000;
  background-color:#AAA08C;
  border:1px solid #AAA08C;
  text-decoration:none;
  padding:0 10px 0 10px;
}
#changeCSS a.white {
  color:#000;
  background-color:#FBF3E6;
  border:1px solid #FBF3E6;
  text-decoration:none;
  padding:0 10px 0 10px;
}
#changeCSS a:hover.blue, #changeCSS a:hover.green, #changeCSS a:hover.tan, #changeCSS a:hover.white {
  border:1px solid orange;
  text-decoration:none;
  padding:0 10px 0 10px;
}
#breadcrumbs {
	margin:0;
	padding:2px 0 2px 10px;
	background-color:#6A8321;
	color:#FFF;
}
#breadcrumbs a {
	margin:0;
	padding:0 0 0 10px;
	background-color:#6A8321;
	color:#FFF;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.show {
	display:block;
}
.hide {
	display:none;
}
.break {
	clear:both;
}
.noPadding { margin:0 !important; padding:0 !important; }
.red { color:#FF0000 !important; }
.blue { color:#276095 !important; }
/*======= Home Page Styles ===========*/
.mainTable_home {
	background-color:#AAA08C;
}
.home_contactInfo {
	position:relative;
	font-size:12px;
	color:#6A8321;
	top:115px;
	left:265px;
}
.showcase {
	width:760px;
	height:175px;
	min-height:160px;
	background-color:#276095;
	text-align:left;
	font-size:12px;
	font-weight:bold;
}
.showcase #box {
	width:188px;
	height:175px;
	min-height:160px;
	float:left;
	border-left:1px solid #AAA08C;
	border-right:1px solid #AAA08C;
}
.showcase #box1 {
	width:188px;
	height:175px;
	min-height:160px;
	float:left;
	border-left:1px solid #276095;
	border-right:1px solid #AAA08C;
}
.showcase #box4 {
	width:188px;
	height:175px;
	min-height:160px;
	float:left;
	border-left:1px solid #AAA08C;
	border-right:1px solid #276095;
}

.showcase #box #content {
	margin:13px 14px 10px 14px;
}
.showcase #box1 #content {
	margin:13px 14px 10px 14px;
}
.showcase #box4 #content {
	margin:13px 14px 10px 14px;
}
.showcase ul {
	margin:10px 0 0 20px;
	padding:0;
}
/* --- Start IE Hack --- \*/
*html .showcase ul {
	margin:7px 0 0 20px;
}
/* --- End IE Hack --- */
.showcase li {
	list-style-image:url(../images/img_bulletCross.gif);
}
.showcase li a {
	color:#FFF;
	text-decoration:none;
}
.showcase li a:hover {
	color:#FFF;
	text-decoration:none;
}
#navWrap {
	float:left;
	width:760px;
	height:260px;
	text-align:left;
}
#navWrap img {
	float:left;
	z-index:1000;
}
#navWrap ul {
	float:right;
	margin:0;
	padding:0;
	list-style-type:none;
}
#navWrap li {
	display:block;
	width:213px;
	height:65px;
	line-height:65px;
	
}
#navWrap li a {
	display:block;
	width:213px;
	height:65px;
	font-weight:bold;
	font-size:16px;
	color:#AAA08C;
	text-decoration:none;
	background-image:url(../images/btn_home_bkg.jpg);
}
#navWrap li a:hover {
	background-image:url(../images/btn_home-over_bkg.jpg);
}
#navWrap span {
	padding:0 0 0 38px;
}
.didyouknow {
	position:inherit;
	height:100px;
	background-color:#6A8321;
	text-align:left;
}
.didyouknow #title {
	float:left;
	position:relative;
	top:0;
	left:5px;
	width:225px;
	font-size:30px;
	color:#000;
}
.didyouknow #random {
	float:left;
	position:relative;
	top:15px;
	left:5px;
	width:520px;
	font-size:14px;
	color:#000;
	font-style:italic;
}
.didyouknow #random a {
	color:#fff;
}
/*======= Sub-Page Styles ===========*/
.mainTable_subpage {
	background-color:#FBF3E6;
	text-align:left;
}
.sub_contactInfo {
	position:relative;
	font-size:14px;
	width:250px;
	color:#6A8321;
	text-align:right;
	top:55px;
	left:500px;
}
.sub_body {
	font-size:12px;
	text-align:left;
}
.sub_body #content {
	margin:0 20px 10px 20px;
	padding:0;
	min-height:400px;
}
/* --- Start IE Hack --- \*/
*html .sub_body #content {
	height:400px;
}
/* --- End IE Hack --- */
.sub_body #contentII {
	margin:0 20px 10px 20px;
	padding:0;
}
.sub_body #content img.primary {
	margin:0 -20px 10px 20px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.sub_body p#header {
	padding:5px 0 0 0;
	font-size:16px;
	font-weight:bold;
	color:#6A8321;
}
.sub_body p#header2 {
	padding:5px 0 0 0;
	font-size:14px;
	font-weight:bold;
	color:#276095;
	font-style:italic;
}
.sub_body #wrapLeft p#header2 {
	padding:40px 0 0 0;
	font-size:14px;
	font-weight:bold;
	color:#276095;
	font-style:italic;
}
#subNav {
	margin:0;
	padding:0;
	width:760px;
	height:30px;
	background-color:#276095;
}
#subNav ul {
	margin:0;
	padding:0;
	width: 760px;
	list-style-type: none;
}
#subNav li {
	margin:0;
	padding:0;
	display: inline;
	float: left;	
}
#subNav li a {
	float: left;
	display: block;
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	text-decoration: none;
	/*padding:7px 30px 7px 30px;*/
	padding:7px 25px 7px 35px;
	background-image:url(../images/img_subnav.gif);
}
#subNav li a:hover {
	/*background-color:#6A8321;*/
	background-image:url(../images/img_subnav_over.gif);
}
#subNav li a.active {
	/*background-color:#6A8321;*/
	background-image:url(../images/img_subnav_over.gif);
}
#underConst {
	height:200px;
	font-size:18px;
	padding:200px 0 0 200px;
	border:1px solid red;
}
/*======= Global Footer Styles ===========*/
.footer {
	padding:20px 0 10px 0;
	font-size:14px;
	color:#FFF;
	text-align:center;
	line-height:18px;
	background-color:#AAA08C;
}
.footer span {
	font-size:12px;
	font-style:italic;
}
.footer a {
	color:#FFF;
	text-decoration:none;
}
.footer a:hover {
	text-decoration:underline;
}

/*======= About Us Page Styles ===========*/
.about_yesterday, .about_tomorrow {
	margin:0;
	padding:0;
}
.about_yesterday img, .about_tomorrow img {
	padding:0 15px 10px 0;
}
.about_today {
	margin:0;
	padding:0;
	background-color:#D2C9B9;
	border:1px solid #D2C9B9;
}
.about_today img {
	padding:0 0 10px 15px;
}
/*======= Showcase Page Styles ===========*/
table.showcase1 {
	border:1px solid #000;
}
table.showcase1 td {
	border:1px solid #000;
}
.showcase1 img#secondary {
	margin:0;
	padding:0 15px 10px 0;
	border:none;
}
.showcase2 img#secondary {
	margin:0 -40px 10px 20px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.showcase2 #indent {
	margin:0 20px 0 20px;
}
.showcase3 #indent{
	margin:0 20px 0 20px;
}
.showcase4 img#secondary {
	margin:0 -20px 10px 20px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

/*======= Product Page Styles ===========*/
.product #indent{
	margin:0 20px 0 20px;
}
.product ul {
	margin:5px 0 0 40px; 
	padding:0 0 10px 0;
}
.product li {	
	list-style-image:url(../images/img_bulletPointerRed.gif);
}
.product img#getAcro {
	padding:5px 0 0 0;
}
.product .DLs a {
	color:#FF0000;
}
.product .DLs a#missing {
	color:#000;
	text-decoration:none;
}
/*======= Locations Page Styles ===========*/
.locations {
	margin:0 20px 0 20px;
}
.locations h4 {
	margin:0;
	padding:5px 0 5px 0;
	font-size:14px;
	background-color:#EFEFEF;
	border-bottom:1px solid #CCC;
}
.locations #indent {
	padding:5px 0 0 10px;
}
.locations #map {
	float:left;
}
.locations #stateInfoWrapper {
	margin:20px 0 20px 0;
	float:right;
	width:275px;
	min-height:200px;
	text-align:center;
	border:1px solid #CCC;
}
/* --- IE ONLY --- \*/ *html .locations #stateInfoWrapper { height:200px; }

.locations #makeSelection {
	margin:20px 0 20px 0;
	float:right;
	width:275px;
	height:200px;
	text-align:center;
	border:1px solid #CCC;
}
.locations #stateName {
	font-size:24px;
	font-weight:bold;
	background-color:#CCC;
}
.locations #stateInfo {
	margin:10px;
	text-align:left;
}
.locations #legend {
	margin:10px 0 0 0;
	float:right;
	width:125px;
	border:1px solid black;
}
.locations #legend_TBL td {
	text-align:left !important;
	padding-left:5px;
}
.locations #legend_TBL td#center {
	text-align:center !important;
}
/*======= Contact Page Styles ===========*/
.contact #wrapLeft{
	width:320px;
	height:910px;
	float:left;
	border-right:1px solid #CCC;
}
.contact #wrapRight{
	width:360px;
	float:right;
}
.contact #indent{
	margin:0 20px 0 20px;
}
.contact #indent a{
	color:#FF0000;
	font-size:12px;
	font-weight:normal;
}
.contact ul {
	margin:5px 0 0 40px; 
	padding:0 0 10px 0;
}
.contact li {	
	list-style-image:url(../images/checkmark_blk.gif);
}
.contactForm  {
	background-color:#FFF;
	border:1px solid #CCC;
}
.contactForm td {
	text-align:left !important;
	padding:5px !important;
}
.contactForm #error1 { padding:0 0 0 5px; font-style:italic; color:#FF0000; }
.contactForm #error2 { padding:0 0 0 5px; font-style:italic; color:#FF0000; }

.contact #Contact_preSub {}
.contact #Contact_postSub {}

/*======= Quotation Request Page Styles ===========*/
.quoteForm {
	width:100%;
	background-color:#EFEFEF;
	border:1px solid #CCC;
}
.quoteForm tr {
	vertical-align:top !important;
}
.quoteForm td {
	text-align:left !important;
	padding:5px 0 5px 0 !important;
}
.quoteForm #leftCol {
	float:left;
	width:48%;
	padding:0 0 0 10px;
}
.quoteForm #rightCol {
	float:left;
	width:48%;
	padding:0 0 0 10px;
	border-left:1px solid #CCC;
}
.quoteForm #bottCol {
	border-top:1px solid #CCC;
	padding:10px;
	text-align:right;
}
.quoteForm #error { padding:0 0 0 5px; font-style:italic; font-size:16px; color:#FF0000; }
.quoteForm #formHeader { color:#276095; font-weight:bold; text-decoration:underline; }
.quoteForm span { color:#666; font-style:italic; }

/*======= Calculations Page Styles ===========*/
.calcForm {
	float:left;
	width:300px;
	padding:0 10px 0 10px;
	background-color:#EFEFEF;
	border:1px solid #CCC;
}
.calcForm tr {
	vertical-align:top !important;
}
.calcForm td {
	text-align:left !important;
	padding:5px 0 5px 0 !important;
}
.calcForm #TalignR {
	text-align:right !important;
}
.calcForm #formHeader { color:#276095; font-size:11px; font-weight:bold; text-decoration:underline; }
.calcForm span { color:#666; font-style:italic; }

.results {
	float:left;
	width:290px;
	padding:20px;
	font-size:18px;
}
.results #errors { font-size:14px; font-style:italic; color:#FF0000; }
.results #text { padding:5px 0 0 0; }
.results #finalVal { display:inline; padding:0 0 0 5px; color:#FF0000; }

/*======= Links Page Styles ===========*/
.links {
	width:100%;
	padding-right:10px;
}
.links div { padding:0 0 10px 0; }
.links ul { margin-top:0 !important; margin-bottom:0 !important; padding-top:0 !important; padding-bottom:0 !important; }
.links #title { color:#276095; font-weight:bold; }
.links .red { color:#FF0000 !important; }

/*======= Terms/Privacy Page Styles ===========*/
.terms {
	width:100%;
	padding-right:10px;
}
.terms #title { color:#276095; font-weight:bold; }