body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	background-image: url(../images/bg_pinksand.gif);

}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
hr {
	color: #CC0033;
	height: 1px;
	width: 98%;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #006666;
	font-style: oblique;



}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 0px;
	padding-bottom: 0px;


}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.copyright {
	font-family: Tahoma, serif;
	font-size: 9px;
}
.promo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
#ts_tabmenu {
font-size: 1em; /* set the font size */
padding: 5px 0px 0px 5px; /* set the padding */
}
#ts_tabmenu ul {
line-height: 1em; /* setting the line height now so we don’t have any headaches*/
margin: 0px; /* let’s keep the margin set to 0 for the same reasons as above*/
list-style-type: none; /* we remove the UL’s default disc bullets */
float: left; /* we float the list to the left like we will all the elements inside*/
padding: 0px 0px 0px 5px; /* give it a left padding of 5px to counter the effect of margin -5px below */
}
#ts_tabmenu ul li {
float: left; /* floatin’ left */
}
#ts_tabmenu ul li a {
text-decoration: none; /* remove the default underline off the anchor text */
display: block; /* we display this text as block so that we can apply padding/margin without problems */
float: left; /* floatin’ left, to make the menu horizontal */
padding: 0px 0px 0px 10px;  /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
background: url(../images/tabs.jpg) no-repeat left top;  /* we link to the tabs image, no tiling, showing the top left part of it */
margin-left: -5px;  /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
z-index: 0; /* keep it on layer 0 (default) */
position: relative;  /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
color: #FFFFFF;  /* color of the tab text */
}
#ts_tabmenu ul li a strong {
font-weight: normal;   /* remove the bold effect */
display: block;   /* display the strong element as a block so we can pad it, etc. */
float: left;   /* float it left as well */
background: url(../images/tabs.jpg) no-repeat right top;  /* now we show the right part of the tab and we complete the "puzzle" */
padding: 6px 10px 7px 5px;  /* important, as through this you define the position of the text within the tab */
cursor: pointer;  /* this makes the browser show the "hand" cursor when hovering over the tab */
}
#ts_tabmenu ul li a:hover {
position: relative; /* again, keep things relative */
z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
background: url(../images/tabs.jpg) no-repeat left bottom;  /* now we show the bottom part of the tabs image, the "hover" instance */
color: #000000;   /* we color the hovered tab’s text black */
}
#ts_tabmenu ul li a:hover strong {
background-image: url(../images/tabs.jpg) no-repeat; 
position: relative; /* keep it relative */
z-index: 5; /* show this on layer 5 as well */
background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}