html {
height: 100%;  /* for FooterStick */
background-color: #FFF;
}

body {
	color: #373737;
	font-family:  Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
 	padding: 0; 
	line-height: 20px;
	letter-spacing: 1px;
	background: #FFF url(images/bgbody.jpg);
	height: 100%; /* for FooterStick */
}

td {
	background: #FFF;
}

p {
 padding: 0 5px 0 0;
 margin: 8px 0;
 font-size: 13px;
 line-height: 18px;
 text-align: justify;
}

 h1, h2, h4, h3 {
 margin:0; 
 padding: 5px 0;
 font-size: 14px;
 letter-spacing: 3px;
 }

h1 {
font-weight: bold;
background-image: url(images/bg_h1.gif);
background-repeat: no-repeat;
background-position: bottom left;
height: 36px;
padding: 4px 0 0 15px;
margin-top: 15px;
}

h2 {
font-weight: bold;
background-image: url(images/linesp.gif);
background-repeat: no-repeat;
background-position: bottom left;
height: 22px;
padding: 4px 0 4px 0;
}

h3 {
	background-image: url(images/lineleft.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 10px;
}

h4 {
color: #CC0033;
font-size: 13px;
}

#content {
	position:relative; /* FooterStick */
	width: 780px;
	min-height: 100%; /* For Modern Browsers & FooterStick */ 
	height: auto !important; /* For Modern Browsers & FooterStick */ 
	height: 100%; /* For IE  & FooterStick */
	padding: 0 0 47px 36px; /* For IE  & FooterStick  & NB NB left border*/
	background-image: url(images/brdr_left_grey.gif);
	background-position: left;
	background-repeat: repeat-y;
background-color: #FFF;
/* content contains blue & red left border */
}

#header {
	height: 140px; 
	width: 780px; /* 780px minus 5px for side bar when required*/
	padding: 0; /* for the border */
	background-repeat: no-repeat;
	background-image: url(graphics/health_top.jpg);
	margin-top: -12px;
}

#idsite {
position: absolute;
width: 400px;
height: 100px;
left:280px;
top:50px;


}


#navtop {
	text-decoration: none;
	background-image: url(images/bgnavtop.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	text-align: right;
	
}

#colleft {
float:left;  /*NB float left & do NOT float right! */ 
width: 230px;
margin-top: 0;
margin-left: 2px;
padding: 0;



}

#navsub {
	font-weight: bold;
	position: relative;
	top: 0;
	width: 140px;
}


#colright {
margin-left: 242px; /* for colleft width plus margin*/
margin-top: 0; /* do NOT float - give top margin !! */
width: 440px;
height:100%;
margin-right: 5px; 
padding: 0 20px 20px 20px; /* inside */
font-size: 12px;
background-image: url(images/bg_colright.jpg);
background-repeat: repeat-y;
background-position: top left;
}

.textleft {
	position:absolute;
	top:180px;
	width: 250px;
	margin-left: 10px;
	float: left;
	border: 1px solid black;
}

.textright {
position:absolute;
top:180px;
	width: 250px;
	margin-left: 280px;
	float: right;
}

#footer {
text-align: right;
font-size: 10px;
line-height: 12px;
color: #000;
padding: 0 2px 2px 0;
margin: 0 auto -47px auto;  
/* for footer-stick center not required - within content which is centered*/
position: relative; /* for footer-stick */
height: 47px; /* for footer-stick */
background-image: url(images/bgfooter.jpg);

}

#footer a: {
	color: #000033;
}

#wrapper {
	padding-right: 5px; /* space for NB NB right red border */
	margin: 0 auto;  /* to center */
	width: 785px;
	background-image: url(images/sideline_red.gif);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #FFF;
	height: 100%; /* For IE & FooterStick */ 
	min-height: 100%; /* For Modern Browsers & FooterStick */ 
	height: auto !important; /* For Modern & FooterStick */ 
	position: relative; /* NB for FooterStick */
	/* FooterStick- bottom margin to allow for footer height and to center*/
	/* content contains red right border */
}

img {
	padding:0;
	margin: 15px 0 5px 0;
	clear: both;
	float:left;
}


ul {
	list-style: none;
	margin: 5px; 
	padding: 0;
}

li {
	list-style-image: url(images/bullet.gif);
	list-style: none; /* no bullets */
	font-size: 12px;
/* for li in the document - i.e. outside any navs navs get their own specs*/
}

/* -------------- nav main -------------- */

#navmain {
background-image: url(images/bgnavmain.jpg);
background-repeat: repeat-x;
background-position: center;
color: #000;
background-color: #2986B1;
height: 36px; /* height of the navbar itself*/
padding-top:1px;
/*	width of page 780 minus border right and or left border width if required */
}

#navmain ul {
	list-style: none; /*to remove the bullets */
	margin: 6px 4px 0 2px; /* for the entire bar itself */
	padding: 0;
}

#navmain li {
	display: inline;	/* display horisontal */
	/* margin and padding specified under anchors below */
}

#navmain li a:link, #navmain li a:visited { 
color: #FFF; /* text color of the hyperlinks */
text-decoration:none; 
/* to remove underline of the hyperlinks */
background-image: #68BDDA url(images/bgnavmain.jpg);
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
letter-spacing: 2px;
/* to set hover color for the hyperlinks */
border-top: 1px solid #FFF;
border-right: 1px solid #006699;
border-bottom: 1px solid #006699;
border-left: 1px solid #FFF;
margin: -3px 0; /* gives them space*/
padding: 12px; /* around the buttons - i.e their inside - gives them height*/
}

#navmain li a:hover, #navmain li a:active {
color: #006699; 
/* to set hover color for the hyperlinks */
border-top: 1px solid #FFF;
border-right: 1px solid #000033;
border-bottom: 1px solid #000033;
border-left: 1px solid #FFF;
}

/* -------------- side nav - products -------------- */

#navside  {
margin: 0; /* nb nb to eliminate default margins */
padding: 0; /* nb nb to eliminate default padding */
height: 400px;
width: 200px;
border-collapse:  collapse;
}

#navside li {
display: block; /* display vertical*/
width: 185px;
margin: 0; /* 0 nb nb to eliminate default margins */
padding: 3px 1px 3px 6px; /* for the items, px top and bottom for height*/
}

#navside ul {
list-style: none; /* no bullets */
display: block; /* display vertical*/
width: 185px;
margin: 0 0 -3px 3px; /* nb nb to eliminate or adjust default margins */
padding: 0; /* nb nb to eliminate default padding */
}

#navside li a:link, #navside li a:visited { 
text-decoration: none; /* no underline */
color: #373737;
padding: 3px 1px 3px 6px;
margin:0;
display: block; /* NB NB for equal widths of the buttons */
width: 185px;
border-top: 1px solid #63B6D4;
border-right: 1px solid #63B6D4;
border-bottom: 1px solid #122934;
border-left: 1px solid #122934;

}

#navside li a:hover, #navside li a:active {
text-decoration: none; /* no underline */
color: #000033; /* to set hover color for the hyperlinks */
padding: 3px 1px 3px 6px;
margin: 0;
display: block;
border-top: 1px solid white;
border-right: 1px solid red;
border-bottom: 1px solid #C6C6C6;
border-left: 1px solid #000;
}



/* -------------- other -------------- */

form {
	font-size: 12px;
	line-height: 20px;
}

.picframe {
 border : 2px solid #FFF;
}

.imgcntr {
	margin: 0 auto;
	float:none;
	clear:none; 
}

.button {
	background: #68BDDA;
	color: Black;
}

.describe{
	margin: 15px 0 0 200px; 
	padding: 5px;
	border: 1px solid #DCDCDC; 

	font-size: 11px;
}

.bullets {
	margin:0;
	padding: 0 3px 0 0;
	clear: none;
	float: none;
}

a:link, a:visited {
color: #000033;
}
a:hover, a:active {
color: #CC0000
}