/*<!--universal settings-->*/
* {
padding: 0;
margin: 0;
}

/*<!--re-defined tag settings-->*/

body 
{
background: #fff;
font-family: Verdana, Arial, Sans-serif;
line-height: 1.2em;
}

h1 {
padding: 0.6em 0.8em 0 1em;
color: #6A7A68;
font: 0.8em verdana;
font-weight: bold;

}
h2 {
padding: 0.2em 0.8em 0 1em;
color: #6A7A68;
font: 0.8em verdana, sans-serif;
font-weight: bold;
}

img { 
border: none; 
}

p { 
font: 0.8em Verdana;
font-weight: regular;
margin-top: 0px;
padding: 0 0.6em 0.8em 1.2em;
text-align: left;
line-height: 1.2em;
}

/* link styling */

a { 
list-style-type: none;

}
a:link {
color: #fff;
font: 0.8em verdana, arial, sans-serif;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #ccc;
font: 0.8em verdana, arial, sans-serif;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #f60;
font: 0.8em verdana, arial, sans-serif;
font-weight: bold;
text-decoration: underline;
}
a:active {
color: #f60;
font: 0.8em verdana, arial, sans-serif;
font-weight: bold;
text-decoration: none;
}


#container {
background: transparent url(../images/healthchi.gif) no-repeat top left;
padding: 2em 0.1em 0 0.1em;
width: 800px;
height: 850px;
margin: 0 auto;
position: relative;
border-left: 1px dotted #849034;
border-right: 1px dotted #849034;
}


#sevenbuttons {
display: block;
position: absolute;
top: 130px;
left: 10px;
height: 2em;
display: inline;
color: #FFA405;
font-weight: bold;
font: Verdana, Sans-serif;
}

.topbutton {
width: 1em;
padding: 0;
margin-left: 0.1em;
border-left: 1px dotted #457772;
list-style: none;
display: inline;
font: Verdana, Sans-serif;
}
.firsttop {
padding: 0.1em 0.6em 0 12em;
margin-left: 0;
border-left: none;
list-style: none;
display: inline;
font: Verdana, Sans-serif;
}

#left {
position: absolute;
top: 150px;    
left: 0;
margin: 0;
width: 8em;
background: #fff;

}


#left p{
padding: 0em 0.3em 0.1em 0.3em;
color: #849034;
line-height: 1.5em;
}

#left p a:link {
color: #849034;
font: 0.8em verdana, arial, sans-serif;
font-weight: bold;
text-decoration: none;
}
#left p a:visited {
color: #ccc;
font: 0.8em verdana, arial, sans-serif;
font-weight: bold;
text-decoration: none;
}
#left p a:hover {
color: #f60;
font: 0.8em verdana, arial, sans-serif;
font-weight: bold;
text-decoration: underline;
}
#left p a:active {
color: #f60;
font: 0.8em verdana, arial, sans-serif;
font-weight: bold;
text-decoration: none;
}








#right {   
position: absolute;
top: 150px;    
left: 8em;
margin: 0;
width: 660px;
background: #fff;
border-left: 1px dotted #fff;
border-top: 1px dotted #ccc;
}

#right p{

padding-left: 1em;
color: #849034;
line-height: 1.2em;
}

#bold {
font: 1em Verdana #849034;
font-weight: bold;

margin-top: 0;
line-height: 1.2em;
}

#right p a {
font: 0.8em Verdana, sans-serif;
font-weight: bold;
color: #928385;
}

#right p a:link {
font-weight: regular;
color: #ffa405;
}

#right p a:visited {
font-weight: regular;
color: #9dc39a;
}

#right p a:hover {
font-weight: regular;
text-decoration: underline;
text-transform: uppercase;
color: #f00;
}

#right p a:active {
text-decoration: underline;
font-weight: regular;
color: #f60;
}