@charset "utf-8";
/* CSS Document */
/* global rule*/
* {
	text-decoration: none;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #ffecd5;
	margin: 0; /* zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container. The text is then set to the left aligned default in the #container selector */
}
#container { 
	width: 936px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 12px solid #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */	
	font-size: 12px;
} 
#header { 
	height: 218px;
	background: #FFFFFF; 
	padding: 0;
	position: relative;  
}
/* absolute positioned container for page titles*/	
#apTitle {
	position:absolute;
	left: 219px;
	top: 178px;
	z-index: 2;
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
	width: 300px;
}
/* absolute positioned container for content at the very top of the page*/	
#apDivHeader {
	position:absolute;
	left: 219px;
	top: 21px;
	z-index: 3;
	width: 700px;
	height: 30px;
	font-size: 16px;
	color:#FFFFFF;
	font-style: italic;
	font-weight: bold;
} 
#apDivHeader a {
	color:#FFFFFF;
}
#apDivHeader a:hover {
	color:#FFFF66;
} 
/* left menu container for left side menu*/
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 202px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0;
	margin: 0;
}
/* styles for buttons for left side menu*/
.flyoutMenu * {
 margin:0; padding:0;     /* removes margin and padding off all list elements */
 text-decoration: none;
 }
.flyoutMenu {
  behavior:url(csshover.htc);/* you must link to the hover.htc file for this menu to work in IE6 and earlier */
/* need a copy? go to http://www.xs4all.nl/~peterned/htc/csshover.htc - copy the code into a text file and save it as csshover.htc */
 font-family: verdana, arial, sans-serif;   /* font family for menu */
 font-size: 13px; /* size of menu's type relative to parent element */
 background-color:transparent;    /* colors the div - div fills the parent element for a horizontal menu - set to background-color:transparent; if not needed */
 }
 .flyoutMenu ul{
 list-style-type: none;
 }
 .flyoutMenu li a {
	background-color: #f7941d;
	padding: 6px 5px 6px 20px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #fba43c;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	display: block;
	position: relative; /* positioning context for the level 2 menu */
	width: 176px;                   		
 }
 .flyoutMenu li a:hover {
color: #336699;
background-color: #FFCC66; 
 }
.flyoutMenu ul li ul {
 width:180px; 
 position:absolute; 
 top:0px;
 display:none;
 left:201px;
 }
.flyoutMenu li li a{ 
color: #336699;
background-color: #ffe0a1;
border-bottom-color: #FFCC66;
 }
.flyoutMenu li {
 float:left;  /*causes the list to align horizontally instead of stack */
 }
.flyoutMenu ul li:hover ul {
display:block; /* shows the drop-down when the menu is hovered */
z-index:1000; /* Safari needs this to display menu on top of other page elements */
} 
.flyoutMenu.vertical li {
 position:relative; /* positioning context for the level 2 menu */
 width:201px;         /* set width of level 1 menu - MUST match left value in ul li ul selector */
 clear:left; /* makes the main menu stack - note: turning off floating (alternative way to create stacking) causes spacing problems in IE */
}
/* red light therapy menu*/
.RLTflyoutMenu li a{
	background-color: #f26c4f;
	border-bottom-color: #FF9966;	              	
}
/* inevitable hacks for IE6  and < */
* html .flyoutMenu {
 z-index:1; /* IE6 won't respect high z-index on abs-pos'd child (ul li ul) without this on its parent rel-pos'd element */
 }				/* see http://www.last-child.com/conflicting-z-index-in-ie6/ */
* html .flyoutMenu ul li ul {
  z-index:400; /*ensures menu is on top of other page elements */
 }
* html .flyoutMenu a {
/* cannot find a way to get the top level 'a' to fill the unwidthed menu choices without drop-down in IE : ( */
} 
* html .flyoutMenu.vertical a {
/* now hasLayout in IE - works on the vert menu as container has width */
 zoom:100%;
 } 
 * html .flyoutMenu ul ul a { /* second level of horiz menu */
 zoom:100%;  /* now IE 'haslayout" - IE now makes background hot in horizontal menus */
 } 
/* right sidebar */
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 235px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px; 
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCCCCC;	
}
#sidebar2 a {
	color: #006699;
	font-weight: bold;
}
#sidebar2 a:hover {
	color: #FF6600;
}
/* center area where the main content resides for 3 column template*/
#mainContent {
	padding: 10px 10px 0px 10px;
	margin: 0px 257px 0px 210px;
	line-height: 16px;
}
#mainContent a {
	color: #006699;
}
#mainContent a:hover {
	color: #FF6600;
}
/* center area where the main content resides for 2 column template*/ 
#mainContent2 {
	padding: 0px 10px 0px 10px;
	margin: 0px 25px 0px 210px;
	line-height: 16px;
}
#mainContent2 a {
	color: #006699;
}
#mainContent2 a:hover {
	color: #FF6600;
} 
/* footer*/
#footer { 
	font-size: 11px;
	background-color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 5px 0px;
	color: #000000;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#footer a {
	color: #006699;
}
#footer a:hover {
	color: #FF6600;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
/* 14pt bold orange text */
h1 {
	color: #FF6600;
	font-weight: bold;
	font-size: 14px;
}
/* 12pt bold orange text */
h2 {
	color: #FF6600;
	line-height: 18px;
	font-weight: bold;
	font-size: 12px;
}
/* 14pt bold blue text */
.boldBlue14 {
	color: #006699;
	font-weight: bold;
	font-size: 14px;
}
/* 12pt bold blue text */
.boldBlue12 {
	color: #006699;
	font-weight: bold;
	font-size: 12px;
}
/* 10pt bold blue text */
.boldBlue10 {
	color: #006699;
	font-weight: bold;
	font-size: 10px;
}
/* style for table headings*/
.tableHeading {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CC3300;
	text-align: center;
}

/* inevitable hacks for IE6  and < */
* html .flyoutMenu {
 z-index:1; /* IE6 won't respect high z-index on abs-pos'd child (ul li ul) without this on its parent rel-pos'd element */
 }				/* see http://www.last-child.com/conflicting-z-index-in-ie6/ */
* html .flyoutMenu ul li ul {
  z-index:400; /*ensures menu is on top of other page elements */
 }
* html .flyoutMenu a {
/* cannot find a way to get the top level 'a' to fill the unwidthed menu choices without drop-down in IE : ( */
} 
* html .flyoutMenu a {
/* now hasLayout in IE - works on the vert menu as container has width */
 zoom:100%;
 } 
 * html .flyoutMenu ul ul a { /* second level of horiz menu */
 zoom:100%;  /* now IE 'haslayout" - IE now makes background hot in horizontal menus */
 }