<html>
<head>
<title>Safe Natural Tips Stylesheet</title>
<meta name="description" content="safenaturaltipsnew1.css" />
<meta name="keywords" content="stylesheet" />
<meta name="generator" content="CuteHTML" />
<meta name="robots" content="noindex,follow" />
<style type="text/css">
<!--
td { text-align: left; vertical-align: top;	font-family: Arial, Helvetica;
	font-size: 12px; color: #333333;
}
td.1 {text-align: center; vertical-align: top;	font-family: Arial, Helvetica;
	font-size: 12px; color: #333333;
}
p { text-align: left; vertical-align: top; font-family: Arial, Helvetica;
	font-size: 12px; color: #333333;
}
a:link { font-family: Arial, Helvetica; font-size: 12px; color:  #000099; 
}
a:visited { font-family: Arial, Helvetica; font-size: 12px; color:  #6E8B3D;
}
a.2 { font-family: Arial, Helvetica; font-size: 9px; color: #333333;
}
a.1 { text-decoration: none; font-family: Arial, Helvetica;	font-size: 12px;
	color: #000000;
}
.t11 { font-family: Arial, Helvetica; font-size: 12px; color: #333333; font-style: normal;
}
body  { margin:0px;padding:0px; font-family: Arial, Helvetica;
	font-size: 12px; color: #333333;
}
.style1 { font-family: Arial, Helvetica; font-size: 12px; color: #006633;
	font-weight: bold;
}
.style2 { font-family: Arial, Helvetica; font-size: 12px; color: #cc33cc;
    font-weight: bold;
}
.style3 { font-family: Arial, Helvetica; font-size: 12px; color: #0073b4; 
}
.style4 { font-family: Arial, Helvetica; font-size: 12px; color: #006633; text-decoration:none;
}
.style5 { font-family: Arial, Helvetica; font-size: 12px; color: #333333; 
}
.style6 { font-family: Arial, Helvetica; font-size: 12px; color: #000000; 
}
.style9 { font-family: Arial, Helvetica; font-size: 11px; color: #333333;
	font-weight: bold;
}
.style10 { font-family: Arial, Helvetica; font-size: 12px;
    color: #0073b4; text-decoration:underline; 
}
.style12 { font-family: Arial, Helvetica; font-size: 12px;  
	color: #0073b4;	font-size: 12px; font-weight: bold;
}
.style13 { font-family: Arial, Helvetica; font-size: 12px; color: #b1b651; 
}
.style14 { font-family: Arial, Helvetica; font-size: 12px; color: #006633;     
    font-weight: 600;
}
.style15 { font-family: Arial, Helvetica; font-size: 12px; color: #cc33cc;
}
.style16 { font-family: Arial, Helvetica; font-size: 12px; color: #737373;
    text-decoration:underline; 
}
.style17 { font-family: Arial, Helvetica; font-size: 12px; 
	color: #8dc63f;	font-weight: bold;
}
.style18 { font-family: Arial, Helvetica; font-size: 14px; color: #cc33cc; font-weight: bold;
}
.style19 { font-family: Arial, Helvetica; font-size: 9px; color: #333333;
}
.style20 { font-family: Arial, Helvetica; font-size: 14px; color: #000000; 
}
.style21 { font-family: Arial, Helvetica; font-size: 14px; color: #006633;
	font-weight: bold;
}
h1 { font-family: Arial, Helvetica; font-size: 15px; color: #cc33cc;
	font-weight: bold;
}
h3 { font-family: Arial, Helvetica; font-size: 14px; color: #cc33cc;
}
h4 { font-family: Arial, Helvetica; font-size: 13px; color: #cc33cc;
}

#navcontainer
{
background: #ffccff;
width: 18.5em;
width:178px;/*for ie5.x win and ie6*/
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: Arial, Helvetica;
text-align: left;
text-decoration:  none;
}
ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 0 0 0;
width: 100%;
}
ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}
ul#navlist li a
{
display: block;
width: 18.5em;
margin: 0;
padding: 0.5em 1 0.5em 1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
font-family: Arial, Helvetica;
font-size: 10px;
color: #333333;
text-decoration: none;
background: #ffccff;
}

#navcontainer>ul#navlist li a { width: auto;}

ul#navlist li#active a
{
background: #ff99ff;
color: #000000;
} 

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: #ff99ff;
border-color: #aaab9c #fff #fff #ccc;
}

#navcontainer2
{
background: #ffccff;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: Arial, Helvetica; font-size: 10px; text-decoration:  none;
text-align: center; }

/* to stretch the container div to contain floated list */
#navcontainer2:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1em;
clear: both;
}

ul#navlist2
{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 780;
font-size: 1em; 
}

ul#navlist2 li
{
display: block;
float: left;
width: 9.9%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

ul#navlist2 li a
{
display: block;
width: 76;
padding: 0.5em;
border-width: 2px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #333333;
text-decoration: none;
text-align: center;
font-size: 10px;
background: #ffccff;
}

#navcontainer2>ul#navlist2 li a { width: auto; }

ul#navlist2 li#active a
{
background: #ff99ff;
color: #000000;
} 
ul#navlist2 li a:hover, ul#navlist li#active a:hover
{
color: #000000;
background: #ff99ff;
border-color: #aaab9c #fff #fff #ccc;
}

-->
</style>
</head>
<body>
</body>
</html>
