body {
background-color:#80a937;
background-image: 
url('../image-files/texture-background-2.jpg');
background-repeat: repeat;
background-position: top left;
font-family: Verdana, Geneva, sans-serif;
font-size: 93%;
color: #000;
margin:auto;
padding:0;
text-align:center;
}


/* you have 3 more classes of horizontal rule, as well as the default version Change the attributes to 
get the look you want. The 3 classes are solid, dotted, and dashed. Add class="dashed" to your hr
tag on an HTML page, to get the dashed version of the hr. Change the colors to suit. */

.solid {	
   border-top: 1px solid #afd871; 
   border-bottom: hidden;
   border-left: hidden; 
   border-right: hidden;
	 width: 100%;
	 margin-left: auto;
	 margin-right: auto;
}

.dashed {
  border-bottom:1px dashed #afd871; 
  border-top:hidden;
  border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.dotted {
	border-bottom:1px dotted #afd871; 
  border-top:hidden;
  border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* this is a custom class for your bold tag. You can alter anything here, or remove
it completely to get the default bold*/

b{
color: #000;
font-family: Verdana, Geneva, sans-serif;
font-size: 100%;
}

.toc {
border: 2px solid #afd871;
}
 
/* 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: Verdana, Geneva, sans-serif; 
font-size: 100%; color: #000099; text-decoration: underline;
}

a:hover { font-family: Verdana, Geneva, sans-serif;
 font-size: 100%; 
 background-color: #f3e127;
 color: #000;
}


h1 { font-family: Verdana, Geneva, sans-serif; font-size: 135%;  color: #000000}
h2 { font-family: Verdana, Geneva, sans-serif; font-size: 116%;  color: #000000}
h3 { font-family: Verdana, Geneva, sans-serif; font-size: 108%;  color: #000000}
h4 { font-family: Verdana, Geneva, sans-serif; font-size: 108%;  color: #000000}


/*as we are using a table based layout, all your text is within a table. So this is the area to change the
size, color and font family .*/
table {
font-family: Verdana, Geneva, sans-serif;
font-size: 90%;
color: #000;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

/* if you change the fonts and sizes, etc above, make this the same, but leave the weight as bold
Its just here to give you the option of a bold type font, without the extra size.*/

.note {
font-family: Verdana, Geneva, sans-serif;
background-color:#fff; 
font-size: 77%;
color: #666666;
font-weight: bold;
font-style: italic;
} 

/* TD Classes*/

td.color {
background-color: #138f32;
height: 1px;
}

td.topnav {
background-color: #afd871;
height: auto;
border-right: 3px solid #ffffff;
border-left: 3px solid #ffffff;
}

td.navtop {
background-color:#afd871;
height: auto;
border-top: 3px solid #ffffff;
border-right: 3px solid #ffffff;
border-left: 3px solid #ffffff;
}

td.headerbg {
background-color:#fff;
background-image: 
url('../image-files/ss-logo-banner.jpg');
background-repeat: no-repeat;
background-position: top left;
margin: 0px 2px 0 10px;
height: 105px;
}

td.searchbar {
background-color:#fff;
height: auto;
padding-top: 17px;
}

#headerlinks {
background-color:#afd871;
height: auto;
margin: 0 0px 1px 0;
}

td.contentbg {
background-color:#fff;
text-align: left;
padding: 10px; 
border-right: 1px solid #afd871; 
}

td.rightbg {
width: 33%;
background-color:#fff;
font-family: Verdana, Geneva, sans-serif;
font-size: 93%;
color: #000;
text-align: left;
padding: 10px; 
}

#footerbg {
font-size: 105%;
background-color:#afd871;
border-top: 0;
border-right: 3px solid #ffffff;
border-left: 3px solid #ffffff;
padding-left: 150px;
}
#footerbg a {font-family: Verdana, Geneva, sans-serif; font-size: 95%; color: #000; text-decoration: underline;}

#footerbg a:hover {font-family: Verdana, Geneva, sans-serif; font-size: 95%; background-color: #f3e127; color: #000;}

td.bottom {
background-color:#afd871;
border-left: 3px solid #ffffff;
border-right: 3px solid #ffffff;
}

td.copyright {
font-size: 95%;
font-family: Verdana, Geneva, sans-serif;
color:#000;
font-weight: bold;
background-color:#afd871;
border-left: 3px solid #ffffff;
border-right: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
}


/* This is for the heading background color....your H1, H2, and H3 tags*/
.hbg{
background-color:#afd871; 
color:#000;
width: auto;
padding: 3px;
}

/*SBI RSS BUTTONS*/

#addSiteTo {
width:90%;
font-size:85%;
text-align:center;
padding:8px 0;
border: 0px solid #000;
margin:12px auto;
background-color: transparent;
}

#addSiteTo p {
padding:2px 2px 4px;
margin:0;
}

#addSiteTo img {
border:0;
padding:1px 0;
}

#addSiteTo .questionMark {
 padding:0;
 margin:1px auto;
 text-align:center;
 width:75%;
 }

 #addSiteTo .questionMark img {
 margin:0 4px 4px 0;
 padding:0;
 }
 
/* 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: #000;
} 

#breadcrumb {
font-family: Verdana, Geneva, sans-serif;
font-size: 75%;
}