﻿.clear:after,
.row:after
{
	content: "."; 
	display: block; 
	position: relative; /*works better in IE5.5 or float in float situations*/
	height: 0;
	clear: both; 
	visibility: hidden;
}

.clear,
.row
{
	display: inline-block;
	width: auto;
}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block; border-color: Maroon;}
* html .row {height: 1%;}
.row {display: block;}
/* End hide from IE-mac */

body
{
  text-align: center; /* This is needed for IE5.5 and below as they don't support the next bit */
  margin: 0px 0px 0px 0px;
  /* background: url(Media/top_bg_clear.jpg) no-repeat center top; */
  font-family: Arial, sans-serif;
  font-size: small;
  _font-size: x-small;
  background-color: #fff;
}

img
{
	border:0px;
}

h2
{
	font-size: 150%;
	margin: 10px 0 4px 0;
}

h4
{
	font-size: 100%;
	margin: 10px 10px 4px 10px;
	color: Gray;
}

a
{
	text-decoration: none;
}

p
{
	margin: 0;
	padding: 10px 0 4px 0;
}

p.smalltext
{
	font-size: 80%;
}

#container 
{
	margin: 0 auto;
	width: 765px;
	text-align: left;
	border: 1px solid #ccc;
	background: #E7F0F6;
	padding-bottom: 20px;
}

#container-footer
{
	margin: 0 auto;
	width: 765px;
	background: url(/Media/footer-image.gif) no-repeat top;
	height: 40px;
}
 
 div#lumenusOne
 {
	position:absolute; 
	margin-left: 620px;
	margin-top: 5px;
	height: 286px;
	width: 138px;
	background: url(Media/lumenusOne.png) no-repeat;
 }
 
div#pic-left
{
	float: left;
	margin: 0 10px 10px 0;
}

div#pic-right
{
	float: right;
	margin: 0 0 10px 10px;
}

div#pic-center
{
	margin: 0 auto;
	float:inherit;
	margin: 0 0 10px 10px;
}


div#left
{
	float: left;
	width: 229px;
	height:110;
	overflow: hidden;
	font-size: 85%;
}

div#spacer
{
	float: left;
	width: 20px;
}

div#diagram
{
	margin-left: 50px;
	font-size: 90%;
}

div#diagramExample
{
	padding-bottom: 10px;
}

img.displayed 
{
	display: block;
	margin: 0 auto;
	border: 0;
}

.noBullets
{
	list-style-type: none;
	margin-left:0px;
	margin-top: 4px;
}

div#right
{
	/* text-align: left;  Correct the centering as required for IE5.5 */
	float: left;
	width: 207px;
	_width: 222px;
	height: 281px;
	_height: 359px;
	margin-left: 5px;
	overflow: hidden;
	background: url(Media/infoPanel.jpg) no-repeat;
	font-size: 85%;
	padding: 80px 5px 0 10px;
}



div#banner
{
	height: 178px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(Media/banner.jpg) no-repeat center top;
}

div#aboutUs
{
	width: auto;
	height: 150px;
	border: 0px solid #fff;
	font-weight: normal;
	color: #000;
	float: left;
	background-color: #E7F0F6;
}

div#content
{
	height: auto;
	width: 510px;
	_width: 530px;
	float: left;
	padding: 10px;
	text-align:justify;
	font-size: 9pt;
	color: #666;
}

a#healthCareCommison
{
	float:right;
	text-align:center;
	background: url(Media/HealthcareCommission.gif) no-repeat;
	height:57px;
	width:150px;
	margin: 10px;
}

a#healthCareCommison span
{
	display: none;
}

/* form css */

div#rightContent input,
div#rightContent select
{
	font-size: 80%;
}

div#rightContent input.Text
{
	width: 100px;
}

div#rightContent label
{
	width: 80px;
}

label
{
	display: block;
	float: left;
	padding-right: 10px;
	text-align: left;
	width: 200px;
	color: #000;
}

input.Text
{
	width: 300px;
}

.textarea
{
	height : 80px;
	width : 280px;
	overflow: auto;
	color: #000;
}

input.Button
{
	margin-left : 210px;
}

form div.row
{
	padding-bottom: 5px;
}

form fieldset {
  clear: both;
  border-color:  #d8d8d8;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: large;
  _font-size: medium;
  font-weight: normal;
  color: #000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

input, select {
  color: #000;
}

/*notes*/

form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
}

form fieldset div.notes h4 {
  background-image: url(/media/question_mark.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: small;
  _font-size: small;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}

/*end of notes*/
 	      
      
/* [[[ Navigation */
div#NavContainer
{
	background: url(Media/nav/newbackground.png) repeat-x;
	height: 29px;
	padding-left: 9px;
	padding-bottom: 5px;
	border: 0px solid #F63;
}

ul#Nav
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#Nav li
{
	float: left;
	_width: 1px;
	white-space: nowrap;
	margin: 0 10px 0 2px;
}

ul#Nav a.main
{
	color: white;
	height: 25px;
	_height: 29px;
	padding-top: 4px;
	display: block;
	text-decoration: none;
}

ul#Nav a:hover
{
	color: black;
}

ul#Nav li ul
{
  min-width: 150px;
  _width: 150px;
}
/* ]]] */

/* [[[ Sub-menu navigation */
ul#Nav li ul
{
  position: absolute;
  visibility: hidden;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 1px solid #1E4A59;
  background: #484848;
  z-index: 2000;
}

ul#Nav ul li
{
  float: none;
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
}

ul#Nav ul li a
{
  background: url(media/nav/subnavbullet.png) no-repeat;
  padding-left: 20px;
  padding-right: 10px;
  text-decoration: none;
  display: block;
  height: 19px;
  color: white;
}

ul#Nav ul li a:hover,
ul#Nav ul li.over a
{
  background-color: #B19943;
}

ul#Nav li:hover ul,
ul#Nav li.over ul
{
  /*z-index: 100;*/
  visibility: visible;
}
/* ]]] */