/* -------------------------------------------------------------------*/
/* Default styles                                                                   */
/* -------------------------------------------------------------------*/

html, body {margin:0; padding:0; color:#000}

/* =body */
body {font:80% Verdana, Arial, sans-serif; ;}

/* =hx */
h1, h2, h3, h4 {font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif; clear:left; margin:0 5px 0 10px; padding: 5px 0 2px 0;}

h2 {font-size:1.7em; }
h3 {font-size:1.2em; }
h4 {font-size:1em;}

pre { font-size:80%; }

/* =a */
a:link {color:blue; text-decoration:none; }

a:visited {color:blue; text-decoration:none; }

a:Hover{color:#86A406; text-decoration:none; }

img {border:none; padding:5px 0 0 10px;}

/* =p */
p {margin:0 10px 0 10px ; padding:5px 0 5px 0; line-height:1.7em; font-size:.9em;}

/* -------------------------------------------------------------------*/
/* Site Styles                                                        */
/* -------------------------------------------------------------------*/

body {text-align: center; background: #455268 repeat-x;}

div#container {width:768px; margin:0 auto; padding:0; text-align:left;}

div#branding {width:100%;  height:182px; background: url("images/pgHeadCompanyNameBg.jpg") no-repeat; border-bottom: 0px solid #688000;}

/*
div#branding h1 {text-indent:-99999px; padding-top:120px; background:url(images/companyName.png)  no-repeat; background-position:left;behavior: url(iepngfix.htc);}
*/

div#content{clear:both; width:768px; background:#688000; overflow:auto;}

div#contentLeft {clear:left; float:left; width:213px; background-color:#688000;}
div#contentLeft h2, h3 {margin:10px 3px 10px 3px; padding:0; color:#000; text-align:center;}
div#contentLeft p {font-size:.9em;  line-height:1.8em; color:#000;}
div#contentLeft #pRecipe {line-height: 1.8em; margin:0; padding:3px; font-size:.8em; color:#000;}
div#contentMain {float:right; width:560px; background-color:#fff;}
div#contentLeft ul {list-style-type:none; margin:0; padding:0 3px 5px 3px;}
div#contentLeft li {color:#000; display:block; line-height: 1.8em; margin:0; padding:0; font-size:.8em;}
div#contentLeft #BeigeBigBold {font-size:1em; font-weight:bold; color:#FFFFC4; margin-left:5px;}
div#contentLeft #BeigeBigBoldCenter {font-size:1em; font-weight:bold; color:#FFFFC4; text-align:center;}
div#contentLeft #BlackBigBoldCenter {font-size:1em; font-weight:bold; color:#000; text-align:center;}
div#contentLeft #BlackBigBold {font-size:1em; font-weight:bold; color:#000; margin-left:5px;}
div#contentLeft .SideSlogan {font-size: 2.2em; margin:10px 3px 10px 3px; padding:0; color:#000; text-align:center;}

div#contentMain {clear:right; float:right; width:555px; background-color:#fff; overflow:hidden;}
div#contentMain #pBold {font-weight:bold;}
div#contentMain #pSmallBold {font-size:.8em; font-weight:bold;}
div#contentMain ul {list-style-type:none; margin:0; padding:0 5px 5px 10px;}
div#contentMain li {display:block; line-height: 1.8em; margin:0; padding:0}
div#contentMain ul.square {list-style:square; margin:15px; display:marker;}
div#contentMain ul.square li {line-height: 1.5em; margin:0; padding:.3em}
div#contentMain li#pdfLink {display:block; line-height: 1.8em; font-size:.85em; margin:0; padding:0}

div#SiteInfo {clear:both; text-align:center; border-top: 2px solid #688000;}
div#SiteInfo p {font-size:.7em; color:#999;}
div#SiteInfo a {color:#999;}
div#SiteInfo a:Hover{color:#86A406;}

/*-----------------------------------------*/
/* Begin horizontal menu                   */ 
/*-----------------------------------------*/

/* navigation */
.horizontalcssmenu {width: 100%; height: 21px; margin:0; background:#688000; border-top: 2px solid #CCEB50; border-bottom: 2px solid #CCEB50;}

.horizontalcssmenu a#active {background-position: left bottom; color:#A4C828;}

.horizontalcssmenu ul{margin:0; padding: 0; list-style-type:none; background:#688000;}

/*Top level list items*/
.horizontalcssmenu ul li{position: relative; display: inline; float: left; }

/*Top level menu link items style*/
.horizontalcssmenu ul li a{display: block; padding: 2px 8px;
width: 125px; /*Width of top level menu link items*/
border-right: 1px solid #CCEB50; text-decoration: none; text-align:center; color:#fff;}

.horizontalcssmenu ul li a:visited {color :#fff; text-decoration : none; }

/*Sub level menu*/
.horizontalcssmenu ul li ul{left: 0; top: 0; border-top: 1px solid #BCBAAC; position: absolute;
display: block; visibility:hidden; z-index: 100;}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{display:inline; float: none;}

/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{width: 110px; /*width of sub menu levels*/
font-weight: normal; padding: 2px 5px 2px 10px; text-align:left;}

.horizontalcssmenu ul li a:hover{background: #CCEB50; margin-top:1px;}

.horizontalcssmenu ul li ul li a:hover{background:#CCEB50;}


/*-----------------------------------------*/
/* Customized class Styles                    */ 
/*-----------------------------------------*/
.p1 {font-weight:bold; line-height:1.8em; padding:10px 0 10px 0; color:#000;}
.italic{font-style:italic;}
.alignLeft { float:left; margin-right: 10px; }
.alignRight { float:right; margin-left: 10px; }
.imagefloatright{float: right; margin: 0 20px 10px 10px; clear: right;}
.imagefloatleft{float: left; margin: 0 2px 0px 20px; clear:left;}
.imagefloatleft2{float: left; margin: 0 2px 0px 20px; clear:left;}

/*-----------------------------------------*/
/* Customized Id Styles                    */ 
/*-----------------------------------------*/
#articlesImgFloatRight{float: right; margin: 25px 15px 0px 0px; clear: right;}
#aboutUsImgfloatleft{float: left; margin: 5px 0px 0px 70px; clear:both;}