/* CSS Document */
/* This CSS doc is for the Mill Creek Traditionals Master Styles Only

global colors 
light biege #f1e2cd
hunter green #214906
dark brown #281300
Dark Orange #993300  #884107

*/
/* Option A white back ground
body {
	background-color:#8f8b6e;	
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:12px;
	line-height:0px;
	color:#000;	
	margin:0px;
	padding:0px;
		
}*/
/* Option B Colored Backgrond */
body {
	background-color:#8f8b6e;	
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size:12px;
	line-height:0px;
	color:#000;	
	margin:0px;
	padding:0px;
	background-color:#fff;	
	background-image: url(../img/global/body-bkgrnd-blue.jpg);background-repeat:repeat-x;background-position:top left;
}

a { color:#c57024; font-weight:bold; }
a:hover { text-decoration:none; }
a:visited { text-decoration:none;color:#c57024 }
a:active { text-decoration:none;color:#c57024 }

.Hidden {
display:none;
 }
 
.Visible {
display:block;
 }

h1 { font-family:Trebuchet MS, Helvetica, sans-serif; }
h2 { font-family:Trebuchet MS, Helvetica, sans-serif; font-size:11px;color:#736357;	text-transform:uppercase;}
h3 { font-family:Trebuchet MS, Helvetica, sans-serif; font-size:11px; color:#736357; text-transform:uppercase;}
h4 { font-size:12px }

#clear { clear:both; }
#wrap { width:100%; border-bottom:1px solid #80848c;  text-align:center;background-image: url(../img/global/ftr-bkgrnd.gif); background-repeat:repeat-x; background-position:bottom;}


.page { width:820px;  margin:0 auto 0 auto;  padding:0px 0 0 0; text-align:center } 

/* center option B

.page { width:820px; height:auto;  margin:0 auto 0 auto; padding:0; background-image: url(../img/global/ftr-bkgrnd.gif); background-repeat:repeat-x; background-position:bottom; background-color:#ffffff; border:3px solid #716e52; border-top:0px solid #fff; padding-top:5px; text-align:center; } */


#content { width:820px; padding:0px 0px 0px 15px; margin:0 auto 0 auto; text-align:left; line-height:17px; border-bottom:0px solid #492d03; clear:both;}
	#content h1 { font-size:30px; color:#884107; font-weight:100; margin:0px 0px 24px 0px; }
	#content p { font-family:Arial, Helvetica, Verdana;  padding-left:21px;  }
	#content a img { border:0px solid #ffffff; margin:0px;}
	#content a:hover img { opacity:0.9; filter:alpha(opacity=90); }

/* span class styles */

.itemnumber { font-family:Trebuchet MS, Helvetica, sans-serif; font-size:15px; color:#382100; margin-right:30px; }
.sizeedition { font-family:Trebuchet MS, Helvetica, sans-serif; font-size:12px; color:#967408; }
.alsoavailable { font-family:Trebuchet MS, Helvetica, sans-serif; font-size:12px; color:#382100; font-weight:500}

	
#bottomcontent { height:238px;width:820px; padding:5px 0px 5px 15px; display:block; margin:0 auto 0 auto; text-align:left }
	#bottomcontent div { background-repeat:no-repeat; }
#contentarea1 { /*background-image:url(../img/global/contentarea1-bkgrnd.gif);*/ border:1px solid #716e52; width:260px; height:212px; float:left; padding:10px; text-align:center }
	
#contentarea2 { /*background-image:url(../img/global/contentarea2-bkgrnd.gif);*/ border:1px solid #716e52; width:224px; height:97px; margin-bottom:5px; padding:10px;line-height:14px; }
	#contentarea2 h4 { font-size:16px; color:#697792; font-weight:normal; margin:0px 0px 8px 0px; line-height:16px; text-transform:uppercase; }
	#contentarea2 a { float:right; clear:both;}  
#contentarea3 { /*background-image:url(../img/global/contentarea3-bkgrnd.gif);*/  border:1px solid #716e52; width:224px; height:88px; padding:10px; line-height:14px; }
	#contentarea3 h4 { font-size:16px; color:#697792; font-weight:normal; margin:0px 0px 8px 0px; line-height:16px; text-transform:uppercase; }
	#contentarea3 a { float:right; clear:both;}  
#contentarea4 { background-image:url(../img/global/contentarea4-bkgrnd-Bear.jpg); background-position:bottom right; background-repeat:no-repeat;  border:1px solid #716e52; width:260px; height:212px; float:left; padding:10px; }
	#contentarea4 h1 { font-size:18px; color:#884107; font-weight:100; margin:0px 0px 18px 0px; line-height:20px;}
	#contentarea4 p { line-height:14px;}

#contentgroup {float:left;padding:0px 5px 5px 5px}
