body {

background-color:#ffffff; 
font-family:  Verdana, Arial, sans-serif;
font-size: 13px;

}

/* the area below is for your horizontal rule. The first class is for
your standard hr tag, change the color and width to what you prefer.
The style can be solid, dotted, or dashed*/

hr{
background-color:#ffffff; 
clear: both;
color: #006666;
border-style: dashed;
width: 50%
}

/* you have 3 more classes of horizontal rule. 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. */
.solid {
	clear: both;
	color: #5F8B8C;
	background-color: #fff;
	border-style: solid;
	width: 50%;
	
	margin: 5px 0px 5px 0px;
	
}

.dashed {
	clear: both;
	color: #5F8B8C;
	background-color: #fff;
	border-style: dashed;
	width: 50%;
	
	margin: 5px 0px 5px 0px;
}

.dotted {
	clear: both;
	color: #5F8B8C;
	background-color: #fff;
	border-style: dotted;
	width: 50%;
	
	margin: 5px 0px 5px 0px;
}


b{
background-color:transparent; 
color: #330066;
font-family: Arial;
font-size: 13px;
font-style: italic;
}



 ul {

list-style-type: none;
padding-left: 35px;
margin-left: 0;
}
 
li { 
background: url(http://www.love-of-roses.com/images/bullet.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: 13px; color: #000099; text-decoration: underline}

a:hover { font-family: Arial, Verdana, sans-serif;
 font-size: 13px; 
 background-color: #003399;
 color: #ffffff;
 }

h1 { font-family: Arial, Verdana, sans-serif; font-size: 20px; color: #404040}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 16px; color: #404040}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #404040}



/* as we are using a table based layout, your text is within a table. So this is the area to change the
size, color and font family */

table {
max-width:900px;
font-family:  Verdana,Arial, sans-serif;
font-size: 13px;
color: #000000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}

/* 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, Arial, sans-serif;
font-size: 12px;
color: #666666;
font-weight: bold;
font-style: italic;
} 
.hbg{
background-color:#e8efff; 
width: 100%
z-axis: 1;
}