/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	margin: 0px;
	padding: 0px;
	background: #FFCC66 url("http://www.fromgrandmaskitchen.com/images/diy100.png");
	background-repeat: no-repeat;
	background-position: top center;
	scrollbar-face-color: #C1DCE6;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #000000;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
 font-family: Helvetica, Tahoma, Arial;  

text-align: center;
}


#bgcontain { width: 970px; margin: 0 auto; text-align: left; padding: 0px; } 
/* IE min height hack */ * html #container { height: 250px;} 
#container { padding: 0px 0px 0px 0px; float: left; width: 960px; clear: both; min-height: 250px; margin: 0px;} 

hr {
  border: 0;
  width: 85%;
color: #CC5500;
background-color: #CC5500;
height: 1px;
}

A { color:#CC5500; text-decoration: none; }
A:hover { color:#532900; text-decoration: none; }

td {
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 12px;
	color: #4B322E;
	text-decoration: none;
	border: none;
}

.content { float: left; width: 600px; padding: 0px; margin: 0px 10px; } 

/* BreadCrumb */

.content .BreadCrumb { font-size: 11px; margin: 0px 0px 7px 0px; padding-bottom: 7px; }
.content .BreadCrumb ul { list-style-type: none; margin: 0px; padding: 0px;}
.content .BreadCrumb li { background: url(../Images/trail_arrow.gif) no-repeat left center; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 10px; text-decoration: none; display: inline;}
.content .BreadCrumb li a { margin: 0px; padding: 0px; text-decoration: underline;}

.content h1 { font-size: 23px; letter-spacing: -1px; font-weight: normal; padding: 5px 0px; margin: 0px 0px 5px 0px;}
.content h2 { font-size: 14px; letter-spacing: -1px; padding: 5px 0px; margin: 0px 0px 5px 0px; }
.content h3 { font-size: 14px; letter-spacing: -1px; padding: 5px 0px; margin: 0px 0px 5px 0px; }

/* article */
.content .PostItem {display: block; clear: both;}

.content .register {margin: 0px; position: absolute; top: 115px; left: 293px; width: 335px; font-size: 10px; color: #000000; }
.content .register a:link { font-weight: bold;  color: #ff6600; font-size: 10px; }
.content .register a:active { font-weight: bold;  color: #ff6600; font-size: 10px; }
.content .register a:visited { font-weight: bold;  color: #ff6600; font-size: 10px; }
.content .register a:hover { font-weight: bold;  color: #000000; font-size: 10px; }


.left { float: left; width: 340px; margin: 0px; font-size: 11px;} 
.left div {}
.left h2 { font-size: 14px; letter-spacing: -1px; padding: 7px 5px; margin: 0px; }
.left h2 strong {}



.left .Categories { margin: 0px 0px 10px 0px; float: none;}
.left .Categories li {font-size: 12px;  padding: 1px 0px; margin: 0px 0px 10px 0px;  letter-spacing: -1px; font-weight: bold;}
.left .Categories li a { font-size: 12px; margin: 0px 0px 10px 0px;  font-weight: bold; }
.left .Categories li a:visited { font-size: 12px; margin: 0px 0px 10px 0px;  font-weight: bold; }
.left .Categories li a:hover { font-size: 12px; margin: 0px 0px 10px 0px;  font-weight: bold; color: #ff6600;}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.left .SiteMenu { margin-bottom: 15px; }
.left .ArticleOptions {margin-bottom: 15px;}
.left .PopularArticles {margin-bottom: 15px;}
.left .FavoriteArticles {margin-bottom: 15px;}
.left .ArticlesToRead { margin-bottom: 15px;}

.left .specials ul { font-size: 14px; font-family: 'lucida sans', Helvetica, Arial, sans-serif; }
.left .specials li { font-size: 14px;  font-family: 'lucida sans', Helvetica, Arial, sans-serif;  }
.left .specials li a { font-size: 14px; font-weight: bold; color: #000000; font-family: 'lucida sans', Helvetica, Arial, sans-serif;  }
.left .specials li a:visited { font-size: 14px;  font-weight: bold; color: #000000;  font-family: 'lucida sans', Helvetica, Arial, sans-serif;  }
.left .specials li a:hover { font-size: 14px; font-weight: bold; color: #ff6600;  font-family: 'lucida sans', Helvetica, Arial, sans-serif;  }



.specials ul { font-size: 14px; font-family: 'lucida sans', Helvetica, Arial, sans-serif; }
.specials li { font-size: 14px; font-weight: bold; color: #000000; font-family: 'lucida sans', Helvetica, Arial, sans-serif;  }


.header { position: relative; height: 105px; padding: 0px 5px; margin-top:2px; margin-left:15px;}
.header h1 { font-family: Arial, Helvetica, sans-serif; font-size: 40px; letter-spacing: -2px; font-weight: normal; padding: 20px 10px 0px 10px; margin: 0px;}
.header h1 a { text-decoration: none;}
.header h1 a:visited { text-decoration: none;}
.header h1 a:hover { text-decoration: none;}


.header .advertisement {color: #000000; font-family: helvetica, arial; font-size: 14px; font-weight: bold; margin-left:35px;  }
.header .advertisement a {color: #ff0000; font-weight: bolder; text-decoration: none;}
.header .advertisement a:hover {color: #000000; font-weight: bolder; }

.header .search { position: absolute; top: 0px; right: 4px; margin-left: 0px; margin-top:10px; width: 205px; padding: 0px 0px 5px 15px}
.header .search h2 {font-size: 14px; margin: 0px; padding: 0px 0px 5px 0px; font-weight: bold; letter-spacing: -1px; color: #FFFFFF; }
.header .search form { padding: 0px; margin: 0px;}
.header .search input { border: none; font-size: 12px;}

.header .search .input { padding: 5px 5px 6px 5px; margin: 0px;}
.header .search .arrow { width: 60px; height: 25px;}
.header .search .arrow:hover {}
.header .search .arrowIE { width: 60px; height: 25px;}
/**/ * html .searcharrow { margin: -25px 0px 0px 135px; } /* */ 
.searcharrow { margin: -25px 0px 0px 135px; }
.searcharrow { padding: 0px; *margin: -26px 0px 0px 135px; top: 0px; background: none;}
.header .search p { padding: 3px 0px; margin: 0px; font-size: 11px; color: #FFFFFF; }
.header .search p a { text-decoration: underline; color: #FFE1A4; }


.HeaderEnd { height: 37px; padding: 0px; float: left; width: 800px;}

.header .logger { letter-spacing: -1px; font-size: 14px;  position: absolute; top: 60px; right: 0px; margin: 0px; width: 205px; padding: 0px 0px 5px 5px; font-weight: bold;  }
.header .logger a { letter-spacing: -1px; font-size: 14px;  font-weight: bold; font-family: Helvetica, sans-serif; color: #FFFFFF; }
.header .logger a:hover { letter-spacing: -1px; font-size: 14px;  font-weight: bold; font-family: Helvetica, sans-serif; color: #FFE1A4; }




.inputsubmit {  
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 11px; 
	color: #CC5500;
	border: #CC5500; 
	border-style: solid;
 	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.inputsubmit2 {  
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 11px; 
	color: #CC5500;
	border: #FFFFFF; 
	border-style: solid;
 	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.barTxt {
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	border: none;
}

.error {
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	border: none;
	font-weight: bold;
}

textarea { width: 350px; }
.mainTable { }
.mainTableAlt {  }
.mainTableOn { background-color: #FFFFF0; }
.TableHeader { color: #CC5500; }
.TableMsg {color: #CC5500;  }
.TableHeaderText { color: #FFFFFF; font-size: 11px; font-weight: none; }
.TableInfoText { color: #000000; font-size: 11px;  }
.priLow { background-color: #DDFFDD; }
.priNormal { background-color: #FFFFF0; }
.priHigh { background-color: #FEE7E7; }
.privReceived { background-color: #3669CF; color: #4B322E; }
.privBox { }
.privBorder { background-color: Black; }
.privAttachments { background-color: #94C7FF; }
.msgReceived { background-color: #E9E9E9; color: #4B322E; font-size: 10px; }
.msgAnswered { background-color: #FFE0B3; color: #4B322E; font-size: 10px; }
.msgAttachments { background-color: #F4FAFF; color: #000000; font-size: 10px; }
.msgBorder { }
.msgBorderInfo {}
.msgBox { background-color: #ffffff; }

.gmatop { margin-top: 5px; width: 600px; color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 12px;  text-decoration: none; border: 0px; height: 25px; }
.gmatop a:link { font-weight: bold;  color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-size: 12px;  text-decoration: none; border: 0px; }
.gmatop a:active {  font-weight: bold;   color: #FFE1A4; font-family: Helvetica, Arial, sans-serif; font-size: 12px;   text-decoration: underline; border: 0px;    }
.gmatop a:visited {  font-weight: bold;   color: #ffffff;  font-family: Helvetica, Arial, sans-serif; font-size: 12px;   text-decoration: none; border: 0px;   }
.gmatop a:hover {  font-weight: bold;   color: #FFE1A4; font-family: Helvetica, Arial, sans-serif; font-size: 12px;   text-decoration: underline; border: 0px;    }


.FOOTERTINY {
text-decoration: none; 
color: #CCCCCC;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
}



.GMABOTTOM {
text-decoration: none; 
color: #ffffff;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
}

.GMABOTTOM a:link{
text-decoration: none; 
color: #ffffff;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
}

.GMABOTTOM a:visited{
text-decoration: none; 
color: #ffffff;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
}

.GMABOTTOM a:hover{
text-decoration: none; 
	color: #CEE3EF;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
}



.GMABOTTOM1 {
text-decoration: none; 
color: #000000;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
}

.GMABOTTOM1 a:link{
text-decoration: none; 
color: #000000;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
}

.GMABOTTOM1 a:visited{
text-decoration: none; 
color: #000000;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
}

.GMABOTTOM1 a:hover{
text-decoration: none; 
	color: #532900;
 font-family: Helvetica, Tahoma, Arial;  
	font-size: 10px;
  margin: 0px;
  padding: 0px;
}

.zh {text-align: left; width:150px;position:absolute;visibility:hidden;z-index:1;	text-transform: uppercase; /* force text to uppercase */}
.zl {text-align: left; width:150px;font-size:14px; display:block;padding:10px 3px 10px 3px;text-decoration:none;font-style:bold;font-weight:800; font-face:helvetica, arial;	text-transform: uppercase; /* force text to uppercase */ }
.zl:hover {text-align: left; width:150px;font-size:14px; text-decoration:none;font-style:bold;font-weight:800; font-face:helvetica, arial;	text-transform: uppercase; /* force text to uppercase */ }
.zls {text-align: left;  width:150px;ont-size:14px; display:block;padding:5px 5px 5px 5px;text-decoration:none;font-style:bold;font-weight:800; font-face:helvetica, arial;	text-transform: uppercase; /* force text to uppercase */ }
.zls:hover {text-align: left; width:150px;font-size:14px; text-decoration:none;font-style:bold;font-weight:800; font-face:helvetica, arial;	text-transform: uppercase; /* force text to uppercase */ }
.hon  {text-align: left; width:150px;height:40px;margin:0;background:;border-width:0px 0px 0px 0px;border-color:#D2C9CA;border-style:solid; font-face:helvetica, arial; font-size:14px;	text-transform: uppercase; /* force text to uppercase */}
.hoff {text-align: left; width:150px;height:40px;margin:0;background:;border-width:0px 0px 0px 0px;border-color:#D2C9CA;border-style:solid; font-face:helvetica, arial; font-size:14px;	text-transform: uppercase; /* force text to uppercase */}
.hson  {text-align: left; width:150px;height:45px;margin:5;background:#ffffff;border-width:0px 0px 0px 0px;border-color:;border-style:none; font-face:helvetica, arial; font-size:14px;	text-transform: uppercase; /* force text to uppercase */}
.hsoff {text-align: left; width:150px;height:45px;margin:5;background:#C9E0E9;border-width:0px 0px 0px 0px;border-color:;border-style:none; font-face:helvetica, arial; font-size:14px;	text-transform: uppercase; /* force text to uppercase */}


.content .register {margin: 0px; position: absolute; top: 160px; left: 40px; width: 580px; font-size: 10px; color: #000000; padding: 0px; font-family: helvetica, arial; }
.content .register a:link { font-weight: bold;  color: #ff6600; font-size: 10px; }
.content .register a:active { font-weight: bold;  color: #ff6600; font-size: 10px; }
.content .register a:visited { font-weight: bold;  color: #ff6600; font-size: 10px; }
.content .register a:hover { font-weight: bold;  color: #000000; font-size: 10px; }