/* 
main.css
Coded by Tristan Davey (twistie.man@gmail.com) for Healthstyle Changes 2007
Copyright Healthstyle Changes 2007
Direct copying of this layout is prohibited
*/

body {
background-color: #ffffff;
font-family: Myriad Web, Calibri, Verdana, Helvetica, Arial, Sans-serif;
margin: 0px;
padding: 0px;
text-align: left;
}

p {
margin-top: .9em;
}

a:link, a:visited, a:active {
color: #0000ff;
text-decoration: none;
}

a:hover {
color: #8480ff;
text-decoration: underline;
}

img {
border: 0px;
}

#content_wrapper {
width: 770px;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
}

#header {
background-color: #97cc06;
background-image: url(images/header_back.gif);
height: 106px;
width: 100%;
}

#header_wrapper {
width: 770px;
margin-left: auto;
margin-right: auto;
}

#logo_head {
margin-left: 24px;
margin-top: 19px;
}

#header_right {
float: right;
padding: 0px;
margin: 0px;
}

#menu_top_back {
background-image: url(images/top_menu_back.gif);
background-color: #0203ff;
height: 30px;
width: 100%;
padding: 0px;
margin: 0px;
overflow: visible;
}

#menu_top_level {
background-image: url(images/top_menu_back.gif);
background-color: #0203ff;
background-repeat: repeat-x;
width: 770px;
font-family:  Arial, Garuda, Sans-serif;
font-size: 12px;
color: #ffffff;
margin-left: auto;
margin-right: auto;
}

#menu_top_level table {
height: 30px;
padding: 0px;
margin: 0px;
width: 770px;
}

#menu_top_level table tr td {
text-align: center;
font-weight: bold;
vertical-align: middle;
}

#home_menu {
width: 99px;
}

#services_menu {
width: 183px;
}

#why_menu {
width: 210px;
}

#gp_menu {
width: 150px;
}

#contact_menu {
width: 128px;
}

#menu_top_level table tr td a:link, #menu_top_level table tr td a:visited {
color: #ffffff;
text-decoration: none;
}

#menu_top_level table tr td a:hover {
color: #cccccc;
text-decoration: none;
}

#page_header {
color: #0000ff;
font-size: 22px;
font-stretch: expanded;
margin-bottom: 30px;
}

#footer {
padding: 5px;
color: #777777;
font-family: Myriad Web, Calibri, Tahoma, Verdana, Helvetica, Arial, Sans-serif;
font-size: 11px;
margin-top: 20px;
background-image: url(images/footerback.gif);
background-repeat: repeat-x;
background-position: top left;
background-color: #eeeeee;
}

#footer_wrapper {
width: 770px;
padding-bottom: 10px;
margin-left: auto;
margin-right: auto;
}

#footer_links {
font-size: 11px;
padding: 10px;
text-align: center;
}

#footer_links a, #footer_links a:link, #footer_links a:visited {
text-decoration: none;
color: #0000ff;
}

#footer_links a:hover {
color: #8480ff;
}

#left_footer{
text-align: left;
}

#right_footer{
text-align: right;
float: right;
}

#right_footer a, #right_footer a:link, #right_footer a:visited {
color: #777777;
text-decoration: none;
}

#sub_menu_wrapper {
padding: 0px;
margin: 0px;
height: 42px;
width: 770px;
margin-left: auto;
margin-right: auto;
overflow: visible;
}

#sub_menu_wrapper div div {
vertical-align: bottom;
}

#sub_menu_wrapper div div, a.sub_menu_link:link, a.sub_menu_link:visited, a.sub_menu_link:active {
font-weight: 500;
font-size: 12px;
color: #555555;
text-decoration: none;
font-family:  Arial, Garuda, Sans-serif;
font-size: 13px;
font-weight: bold;
}

a.sub_menu_link:hover {
color: #999999;
}

#services_sub div {
background-image: url(images/sub_menu_back_services.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
padding-top: 18px;
display: block;
height: 24px;
width: 770px;
text-align: left;
}

#why_sub div {
background-image: url(images/sub_menu_back_why.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
padding-top: 18px;
display: block;
height: 24px;
width: 770px;
text-align: left;
} 

#benefits_sub div {
background-image: url(images/sub_menu_back_benefits.gif);
background-position: -5px 0px;
background-repeat: no-repeat;
padding-top: 18px;
display: block;
height: 24px;
width: 770px;
text-align: left;
} 

#gp_sub div {
background-image: url(images/sub_menu_back_gp.gif);
background-position: 205px 0px;
background-repeat: no-repeat;
padding-top: 18px;
display: block;
height: 24px;
width: 770px;
text-align: right;
} 

#main_content {
float: left;
width: 465px;
padding: 0px 0px 0px 20px;
color: #555555;
font-size: 13pt;
}

#main_content_wide {
width: 690px;
margin-top: 20px;
padding: 0px 40px 0px 40px; 
color: #555555;
font-size: 13pt;
}

#side_content {
float: right;
width: 221px;
color: #555555;
font-size: 10pt;
}

#side_content_downloads {
float: right;
width: 221px;
padding: 0px 10px 0px 10px;
color: #555555;
font-size: 10pt;
background-color: #ffffff;
}

.content_header {
color: #0000ff;
font-size: 18px;
margin-top: 10px;
margin-bottom: 20px;
display: block;
width: 100%;
border-bottom: 1px solid #cccccc;
}

/*
Fix for IE 100% conflict with floating
*/

.small_content_header {
color: #0000ff;
font-size: 18px;
margin-top: 10px;
margin-bottom: 20px;
display: block;
width: 449px;
border-bottom: 1px solid #cccccc;
}

.content_subheader {
color: #555555;
font-size: 14px;
font-weight: bold;
margin-top: 13px;
margin-bottom: 13px;
}

.style_header {
color: #95ca00;
}

.health_header {
color: #0000ff;
}

.content_text {
color: #555555;
font-size: 12pt;
}

.clear {
clear: both;
}

ul li {
list-style-image: url(images/bullet.gif);
list-style-position: outside;
padding-top: 1px;
padding-bottom: 7px;
margin-left: -1em;
text-indent: .5em;
}

ol li {
list-style-position: outside;
padding-left: 20px;
margin-bottom: 10px;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
}

.staff_details {
font-weight: bold;
}

img.unframed_center {
display: block;
margin-left: auto;
margin-right: auto;
padding: 10px;
}

img.unframed_right {
	float: right;
}

img.framed_left {
float: left;
background-color: #ffffff;
border: 2px solid #95ca01;
margin: 10px;
color: #ffffff;
}

img.framed_right {
float: right;
background-color: #ffffff;
border: 2px solid #95ca01;
margin: 10px;
color: #ffffff;
padding: 4px;
}

.right_box {
float: right;
margin: 5px;
width: 104px;
text-align: center;
}

.right_box img{
	margin-top: 5px;
}
.profile_caption_box {
border: 2px solid #e5e5e5;
font-size: 10pt;
text-align: center;
padding: 3px;
width:106px;
margin-left: auto;
margin-right: auto;
}

.caption_bold {
font-size: 10pt;
font-weight: bold;
}

.small {
font-size: 9pt;
}

.sitemap_section {
width: 300px;
margin: 20px;
float: left;
display: block;
}

.tick_list li {
list-style-image: url(images/tick.gif);
}

#about_box {
padding-top: 14px;
}

#about_box div {
color: #444444;
margin: 0px;
padding: 0px;
}

#about_header {
font-size: 16pt;
border: none;
margin-bottom: 0px;
}

#conditions_list_right {
width: 210px;
float: right;
padding: 0px;
margin: 0px;
}

#conditions_list_left {
width: 211px;
float: left;
padding: 0px;
margin: 0px;
}

p.indent {
margin-left: 3em;
}

#side_content_downloads a img {
float: left;
}