body {
max-width: 1250px;
background-color:#6f7260; 
font-family: Arial, Verdana,  sans-serif;
font-size: 86%; /*leave this...it sets the overall size of your fonts.*/
color: #000;
margin:auto;
padding:0;
text-align:center;
}

.max-width {
width:expression(document.body.clientWidth > 1252? "1250px": "auto" );
}

/*the font size is 100% of the body font setting So while it says 100%, that is actually 100% of 93%. No need to touch this if you dont want to */
table {
font-size:100%; /*leave this font size, change the individual cells below, if the default size isnt to your liking*/
color:inherit;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}


/*class to set thinner horizontal rule. Change color if you like.*/
hr{
border: 0;
color:inherit;
background-color: #AAAAAA;
height: 1px;
width: 98%;
text-align: center;
}




 
ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}
 
li.custom {
background: url(http://www.love-of-roses.com/images/bullet2.gif) left center no-repeat; 
padding-left: 20px;
margin-bottom: 10px;

 }
 
/* this area below is for your  Link-text and headings. You can change the font type and size, the color of each of them
as well as the a:hover, which is the text for a link, once the pointer passes over it*/

a { font-family: Arial, Verdana, sans-serif; 
font-size: 100%; color: #000099; 
text-decoration: none;
}

a:hover { font-family: Arial, Verdana, sans-serif;
 font-size: 100%; 
 background-color: inherit;
 color: #DE7001;
 }


h1 { font-family: 'Lato', Verdana, Arial, sans-serif; font-size: 195%;  color: #789306; text-align:center;}
h2 { font-family: 'Lato', Verdana, Arial, sans-serif; font-size: 130%;  color: #de7001; text-align:center;}
h3 { font-family: 'Lato', VerdanaArial, sans-serif; font-size: 130%;  color: #000; text-align:left;}
h4 { font-family: 'Lato', Verdana arial, serif; font-size: 150%;  color: #de7001; text-align:left;} <!-- Light Blue Google Font Code -->
h5 { font-family: Verdana, Arial, sans-serif; font-size:   125%;  color: #AAAAAA; text-align:center;} <!-- Top of Page Adsense  -->
h6 { font-family: Verdana, Arial, sans-serif; font-size:   100%;  color: #000; text-align:center;} <!-- H6 is for the Nav sub headings -->



td.logo {
background-color:#f7ffd6;
font-size: 100%; 
}

td.headerbg {
background-color:#f7ffd6;
border-left: 1px solid #AAAAAA;
border-right: 1px solid  #AAAAAA;
border-top: 1px solid  #AAAAAA;
border-bottom: 0px solid #AAAAAA;
 font-size: 93%; 
}

td.spacerbg {
background-color:#f7ffd6;
border-left: 1px solid #AAAAAA;
border-right: 1px solid  #AAAAAA;
border-top: 0px solid  #AAAAAA;
border-bottom: 0px solid #AAAAAA;
 font-size: 93%;  
}

td.contentbg {
background-color:#fff;
border-top: 1px solid  #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-size: 93%; 
text-align: left;
color:inherit;
padding:10px;
}

td.rightbg {
font-family: Arial, Verdana, sans-serif;
font-size: 86%;
text-align: left;
color:inherit;
background-color:#f7ffd6; 
border-left: 1px solid #AAAAAA;
border-right: 1px solid  #AAAAAA;
border-top: 0px solid  #AAAAAA;
border-bottom: 0px solid #AAAAAA;
padding:3px;
}

td.leftbg {
font-size: 93%;
text-align: left;
color:inherit;
margin-left: 2px;
margin-right: 2px;
background-color:#f7ffd6;
border-left: 1px solid #AAAAAA;
border-right: 1px solid  #AAAAAA;
border-top: 0px solid  #AAAAAA;
border-bottom: 0px solid #AAAAAA;
padding:3px; 
}

td.footerbg {
font-size: 86%;
color: #000;
background-color:#f7ffd6;
border-left: 1px solid #AAAAAA;
border-right: 1px solid  #AAAAAA;
border-top: 0px solid  #AAAAAA;
border-bottom: 1px solid #AAAAAA;
padding:5px; 
}

/* This is for the heading background color....your H1, H2, and H3 tags*/
.hbg{
background-color:#98B509; 
color: #ffffff;
width: auto;
padding: 2px;
BORDER-TOP: #b9cf7e thin solid;
BORDER-LEFT: #b9cf7e thin solid;
BORDER-BOTTOM: #6f7260 thin solid;
BORDER-RIGHT: #6f7260 thin solid;
text-align: center;
}

.hbg-nav{
background-color:#98B509; 
color:#ffffff;
width: 99%;
padding:2px;
BORDER-TOP: #b9cf7e thin solid;
BORDER-LEFT: #b9cf7e thin solid;
BORDER-BOTTOM: #6f7260 thin solid;
BORDER-RIGHT: #6f7260 thin solid;
text-align: center;
}

/* information below is to remove the link styling for anchor links.
Just leave this as it is....it works fine, and shouldn't be modified */
a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000000;
}