/* 
Title: Health Image
Description: Responsive layout with top navigation bar,full width pages compatibile with mobile devices
URL: https://health-image.com
Created: 2008
Latest Update: 20/01/2020
Author: Terry Didcott
Author URI: http://www.terrydidcott.com
*/
body {background:#fff;color:#333;font-size:1em;font-family:Tahoma,Arial,Helvetica,Sans-Serif;margin:0 auto;padding:0}
a,a:visited {color:#0000cc;text-decoration:none}
a:hover {color:#cc0000;text-decoration:underline}
.alignright {float:right;border:none;padding:8px 0 0 10px}
.alignleft {float:left;border:none;padding:8px 10px 0 0}
.aligncenter {display:block;text-align:center;border:none;margin:0 auto;padding:0.2em}
.smalltext {font-size:0.9em}
.largetext {font-size:1.5em;font-weight:bold;text-align:center;color:#0000cc}
.postdata {font-size:0.9em;color:#aaa}
.pdate {color:#cc0000}
.commentauth {font-size:1.06em;color:#999}
.commentdate {font-size:0.8em;color:#cc0000}
/*iframe wrap resizeable container*/
.iframewrap {position:relative;height:0;overflow:hidden;padding-bottom:20%;padding-top:25%;margin-left:-5px}
.iframewrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0} 
/*header section*/
#header {background:#fff url('images/header.jpg') top left no-repeat;width:100%;height:150px;margin:0 auto;padding:0}
#header h2,#header h2 a,#header h2 a:visited {font-family:Georgia,Helvetica,Sans-Serif;font-size:1.5em;font-weight:bold;color:#222;text-decoration:none;text-align:center;margin:0 auto;padding:20px 0 0}
#header h2 a:hover {color:#777;text-shadow:#eee 1px 1px 1px;text-decoration:none}
/*Top Nav bar*/
#nav {background:#fff;width:100%;height:30px;text-align:center;margin:0 auto;padding:4px 0 0}
#nav ul {margin:0;padding:2px 0 0}
#nav li {display:inline;list-style-type:none;margin:0;padding:2px 4px}
#nav ul li a,#nav ul li a:visited {font-family:inherit;background:transparent;font-size:1.1em;font-weight:normal;color:#222;text-decoration:none;padding:2px 4px;margin:0}
#nav ul li a:hover {color:#777;font-weight:normal;text-decoration:none}
/*Main Pagewrap*/
@media screen and (max-width:800px) {
#main {width:100%;margin:0 auto}
}
@media screen and (min-width:801px) {
#main {width:91%;max-width:1020px}
}
#main {background:#fff;margin:0 auto;padding:0}
/*Front Page Columns*/
@media screen and (max-width: 600px) {
#frontleftcol {width:96%;padding:10px 0 0 10px}
#frontrightcol {width:96%;padding:10px 0 0 10px}
}
@media screen and (min-width: 601px) {
#frontleftcol {float:left;width:45%;padding:10px 0 0 10px}
#frontrightcol {float:right;width:45%;padding:10px 10px 0 10px}
}
/*Contect section*/
#content {background:#fff;width:97%;max-width:1020px;margin:0 auto;padding:10px 0}
#content p {border:none;line-height:1.4em;text-align:justify;margin:0;padding:0 0 15px}
#content h1 {color:#222;font-size:1.4em;font-family:Tahoma,Arial,Helvetica,Sans-Serif;font-weight:bold;margin:0;padding:15px 0 20px}
#content h2 {color:#222;font-size:1.3em;font-family:Tahoma,Arial,Helvetica,Sans-Serif;font-weight:normal;margin:0;padding:15px 0}
#content h3 {color:#222;font-size:1.26em;font-family:Tahoma,Arial,Helvetica,Sans-Serif;font-weight:normal;margin:0;padding:15px 0}
#content h4 {color:#222;font-size:1.24em;font-family:Tahoma,Arial,Helvetica,Sans-Serif;font-weight:normal;margin:0;padding:15px 0}
#content h1 a {color:#222;text-decoration:none}
#content h1 a:hover {color:#777;text-decoration:none}
#content ol {margin:0 0 14px 20px;padding:0}
#content ol li {font-size:1em;font-family:Tahoma,Arial,Helvetica,Sans-Serif;line-height:1.5em;text-align:justify;margin:0 0 6px 20px;padding:0}
#content ul {margin:0 0 14px 20px;padding:0 0 10px}
#content ul li {list-style-type:disc;font-size:1em;font-family:Tahoma,Arial,Helvetica,Sans-Serif;line-height:1.5em;text-align:justify;margin:0 0 6px 20px;padding:0}
#content img {max-width:95%}
/*breadcrumbs*/
#bc {font-size:0.9em;padding:0}
#bc ol {margin:0;padding:0 0.9em 0.9em 0}
#bc ol li {list-style-type:none;display:inline;padding:0 10px 0 0;margin:0}
/*Homepage nav section*/
@media screen and (max-width:800px) {
#nav2 ul li {font-size:1.2em;line-height:2em}
}
@media screen and (min-width:801px) {
#nav2 ul li {font-size:1em;line-height:1.5em}
}
#nav2 {width:95%;margin:0 10px;padding:0 0 10px}
#nav2 h3 {color:#222;font-size:1.28em;font-family:Tahoma,Arial,Helvetica,Sans-Serif;font-weight:normal;padding:14px 0;margin:0}
#nav2 h3 a {color:#222;text-decoration:none}
#nav2 h3 a:hover {color:#777;text-decoration:none}
#nav2 ul {margin:0;padding:0}
#nav2 ul li,#nav2 ul li a {text-decoration:none;list-style:none;margin:0 0 2px;padding:0}
#nav2 ul li a:hover {color:#777}
/*Comment Area section*/
#commentarea {background:#fff;border:#ccc 1px solid;width:94%;margin:1em auto;padding:1em}
#commentarea h3 {color:#222;font-size:1.2em;font-family:Tahoma,Arial,Helvetica,Sans-Serif;font-weight:normal;margin:0;padding:10px 0}
#comment {background:#f7f7f7;border:#bbb 1px solid;max-width:90%;margin:1em auto;padding:1em}
#comment p {color:#555;font-size:0.96em;line-height:1.5em;margin:0;padding:1em}
/*Social buttons section*/
#share {width:98%;text-align:right;margin:0;padding:0 0 0.9em}
#share ul {margin:0;padding:0.9em}
#share ul li {list-style-type:none;display:inline;padding:0 10px 0;margin:0}
/*footer section*/
#footer {background:#fff;width:100%;max-width:1020px;height:auto;color:#333;font-family:Tahoma,Arial,Helvetica,Sans-Serif;font-size:0.9em;border-top:#999 2px solid;margin:0 auto 10px;padding:8px 0 4px}
#footer ul {text-align:center;margin:0 0 4px;padding:0}
#footer ul li {display:inline;list-style-type:none;margin:0 0 2px;padding:0 10px 0}
#footer ul li a:hover {color:#777;text-decoration:underline}