/* body and html */
html, body{
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans; /*whatever fonts here*/
	font-size: 12px;  /* standard size for normal fonts */
	color: #333;    /*standard color for all text */
	min-width: 850px; /*set minimum width of site */
    background-image: url('../images/bodyBg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #524B0D;
    text-align: center;
}

#theContainer { 
    width: 786px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


/*theHeader is where things at the top of the page are stored and positioned
*/
#theHeader {
    width: 100%;
    height: 101px;
    background-image: url('../images/theHeader.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    text-align: center;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

#theHeaderNavigate {
    float: right;
    margin-right: 105px;
    color: #ffffff;
    width: 195px;
    padding-top: 3px;
}

#theHeaderNavigate a { font-size: 13px; font-weight: bold; color: #ffffff; }
#theHeaderNavigate a:hover { text-decoration: none; }
#theHeaderNavigate p { font-size: 17px; font-weight: bold; margin-top: 15px; }   
    

/*end of  #theHeader styles*/

/*theNavigation is sometimes inside theHeader, sometimes not, but either way, needs its own styles. */
#theNavigation {
    width: 786px;
    height: auto;
    background-color: #abb289;    
    text-align: center;
    border: 1px solid #ffffff;
}

#theNavigationCentered {
    width: 741px;
    margin-left: auto;
    margin-right: auto;
}

#theNavigation a { 
    display: block;
    float: left;
    padding: 4px 7px;
    font-size: 13px;
    font-weight: normal;
    color: #ffffff; 
    background-color: #abb289;    
    text-decoration: none;
    border-left: 1px solid #abb289;
    border-right: 1px solid #abb289;
}
#theNavigation a:hover, #theNavigation a.active { 
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background-color: #cccc9a;
    font-weight: normal;
}

/* end navigation */

/* the body styles */
#theBody {
    width: 100%;
    min-height: 662px;
    height: auto;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background-image: url('../images/theLeftRepeat.jpg');
    background-position: left top;
}
/* for Internet Explorer */
/*\*/
* html #theBody {
height: 662px;
}
/**/


#theLeft {
    float: left;
    display: inline;
    padding-top: 15px;
    width: 151px;
    min-height: 662px;
    height: auto;
}
/* for Internet Explorer */
/*\*/
* html #theLeft {
height: 662px;
}
/**/

#theLeft div.someText {
    float: right;
    display: inline;
    margin-top: 15px;
    margin-right: 2px;
}

#theLeft div.mp3Player {
    clear: both;
    float: left;
    display: inline;
    margin: 429px 0px 0px 0px;
    text-align: center;
    padding: 0;
}

#theRight {
    float: left;
    display: inline;
    /* padding-left: 15px;
     padding-right: 15px; */
    padding-top: 15px;
    width: 635px;
    min-height: 662px;
    height: auto;
    background-image: url('../images/theRightRepeat.jpg');
    background-position: left top;
    background-repeat: repeat;
}
/* for Internet Explorer */
/*\*/
* html #theRight {
height: 662px;
}  
/**/

.imgwithborder { border: 2px solid #abb289; }

#theRight div.homeImageChanger {
    float: left;
    display: inline;
    width: 188px;
    height: 142px;
    margin-left: 15px;
    border: 2px solid #abb289;
}

#theRight div.homeHead {
    float: left;
    display: inline;
    width: 390px;
    height: 180px;
    margin-left: 15px;
    margin-bottom: 5px;
	position:relative;
}

#theRight div.homeHead p {
    margin-left: 0px;
    color: #47586a;
}

.xclose { 
    font-size: 9px; 
    color: #9d2929; 
    border: 1px solid #9d2929; 
    padding: 0 2px; 
    float: right;
    cursor: pointer;
}

div.quote {
    background-image: url('../images/leftQuote.png');
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    display: inline;
    margin: 15px;
    width: 550px;
    min-height: 80px;
}

p.quote  {
    font-size: 16px;
    font-weight: bold;
    color: #47586a;
    font-family: "Palatino Linotype", "Palatino", "Book Antiqua", Palatino, serif;
    font-style: italic;
    margin: 5px 15px 0px 15px;
    padding: 0;
}

p.quoteMedium  {
    font-size: 14px;
    font-weight: bold;
    color: #47586a;
    font-family: "Palatino Linotype", "Palatino", "Book Antiqua", Palatino, serif;
    font-style: italic;
    margin: 5px 15px 0px 15px;
    padding: 0;
}

p.author {
    font-size: 12px;
    color: #000000;
    font-family: "Palatino Linotype", "Palatino", "Book Antiqua", Palatino, serif;
    font-style: italic;
    font-weight: bold;
    float: right;
    margin: 2px 15px;
    padding: 2px 15px;
}

#theRight h1 {
    font-size: 18px;
    color: #9d2929;
    font-family: "Palatino Linotype", "Palatino", "Book Antiqua", Palatino, serif;
    font-style: italic;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-top: 0px;
    text-align: left;
}
#theRight h1.marginTop { clear: left; margin-top: 10px; }

#theRight h2 {
    font-size: 15px;
    color: #9d2929;
    font-family: "Palatino Linotype", "Palatino", "Book Antiqua", Palatino, serif;
    font-style: italic;
    margin-bottom: 5px;
    margin-top: 0px;
    padding-top: 0px;
    text-align: left;
}

#theRight h2.noPad {
    font-size: 15px;
    color: #9d2929;
    font-family: "Palatino Linotype", "Palatino", "Book Antiqua", Palatino, serif;
    font-style: italic;
    margin: 5px 0 2px 0;
    padding: 0;
    text-align: left;
}

#theRight h2.sub { font-style: normal; margin-bottom: 0; color: #47586a; padding-bottom: 0;}

#theRight h3 {
    font-size: 25px;
    color: #9d2929;
    font-family: "Palatino Linotype", "Palatino", "Book Antiqua", Palatino, serif;
    font-style: italic;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    text-align: left;
}

#theRight p {   
   
    text-align: left;
    /* margin: 5px 15px; */
}
#theRight p.noPad {   
   margin: 0;
   padding: 0;
    text-align: left;
    /* margin: 5px 15px; */
}

#theRight a { color: #9d2929; }
#theRight a:hover { text-decoration: none; }

#theRight div.innerContainer {
    margin: 15px;
}
#theRight div.innerContainer ul, #theRight div.innerContainer ol {
    text-align: left;
}

#theRight div.yellowBox {
    float: left;
    display: inline;
    width: 293px;
    height: 170px;
    padding: 2px;
    margin-left: 15px;
}

#theRight div.yellowBoxTop {
    background-image: url('../images/yellowBox/yellowBoxTop.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 293px;
    height: 13px;
    margin: 0;
    padding: 0;
}

#theRight div.yellowBoxBottom {
    background-image: url('../images/yellowBox/yellowBoxBottom.png');
    background-position: left top;
    background-repeat: no-repeat;
    width: 293px;
    height: 12px;
    margin: 0;
    padding: 0;
}

#theRight div.yellowBoxBody {
    background-image: url('../images/yellowBox/yellowBoxBody.png');
    background-position: left top;
    background-repeat: repeat-y;
    width: 293px;
    height: 145px;
    margin: 0;
    padding: 0;
}

#theRight div.yellowBoxBody h1, #theRight div.yellowBoxBody p { padding: 0; margin: 0 5px; }
#theRight div.yellowBoxBody h1.marginLeft25, #theRight div.yellowBoxBody p.marginLeft25 { margin-left: 25px; }

#dropIt {
    position:relative;
    z-index: 15;
    padding: 10px;
    border: 1px solid #9d2929;
    background-image: url('../images/theRightRepeat.jpg');
    background-position: left top;
    background-repeat: repeat;
}

#theRight div.blogPost { width: 500px; margin-left: auto; margin-right: auto; border-bottom: 1px solid #cccc9a; padding-bottom: 10px; margin-bottom: 10px;}
#theRight div.blogPost p.smallLinks { font-family: "Segoe UI", arial;  font-size: 10px; color: #9d2929;}

#theRight div.archiveMonth { display: none; }

#theRight div.theProduct { width: 600px; margin-left: auto; margin-right: auto; border: 1px solid #cccc9a; }
#theRight div.theProductInside { width: 299px; float: left; display: inline; text-align: center;}
#theRight .centerIt { text-align: center; }
#theRight .borderLeft { border-left: 1px solid #cccc9a; }
.floatImageRight { float: right; display: inline; margin: 4px; }
.floatImageLeft { float: left; display: inline; margin: 4px; }

.yellowBox ul { float: left; display: inline; padding: 0; margin: 0;}
.yellowBox ul li, .yellowBox ul li.width100, .yellowBox ul li.widthAuto { 
    color: #47586a;
    padding: 0; 
    font-size: 12px; 
    list-style-type: none; 
    list-style-image: none; 
    padding: 0 0 0 10px; 
    margin: 0;
    margin-left: 5px;
    background-image: url('../images/bullet.gif');
    background-position: left 1px; 
    background-repeat: no-repeat;
    text-align: left;
    width: 130px;
}
.yellowBox ul li.width100 { width: 100%; }
.yellowBox ul li.widthAuto { width: 160px; }

p.learnMore { }
p.learnMore a { 
    float: right;
    margin-right: 20px;
    color: #9d2929;
    background-image: url('../images/bullet.gif');
    background-position: left 3px;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-top: 2px;
}
p.learnMore a:hover { text-decoration: none; }

.clearLeft { clear: left; }
.marginLeft10 { margin-left: 5px; }


/* form lines */
div.row {
  padding-top: 10px;
  /*vertical-align: bottom;*/
  margin-left: 0px;
  clear: left;
  }
  
p.inRow { margin: 0; padding: 0; clear: left; font-size: 10; color: #cccccc; }

div.label, div.required {
 float: left;
 display: inline;
  padding-top: 10px;
  padding-right: 5px;
  margin-left: 0px;
  width: 100px;
  text-align: right;
  }
  
div.officeHoursL {
clear: left;
 float: left;
 display: inline;
  padding-top: 1px;
  padding-right: 0px;
  margin-left: 0px;
  width: 100px;
  text-align: right;
  }
  
div.officeHoursR {
float: left;
 display: inline;
  padding-top: 1px;
  width: 175px;
  text-align: left;
  margin-left: 0px;
  padding-left: 3px;
  } 
  
div.required { font-weight: bold; }

div.formw {
float: left;
 display: inline;
  padding-top: 10px;
  width: 175px;
  text-align: left;
  margin-left: 0px;
  padding-left: 3px;
  } 
  
#gb_form form { padding: 0; margin: 0; }
  
/*end form lines */

/* end of the body styles */

/* the footer */

#theFooter {
    width: 790px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color:#fff;

}

#theFooter p.copyright {
    text-align: left;
    color:#fff;
}

/* End footers */


sup {   font-size: 85%;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

/*fixes floating div problems*/
.clearfix:after, #theNavigation:after, #theHeader:after, #theBody:after, #theRight:after, .yellowBox:after, #theRight div.theProduct:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */