/* Style sheet used for all screen displays */

.Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #075992;
}
.HeaderLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #075992;
}
.Text {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #075992;
	Text-decoration: none;
}
.TextSmall {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #075992;
	Text-decoration: none;
}
.TextBig {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #075992;
	Text-decoration: none;
}
.TextBold {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #075992;
	Text-decoration: none;
}
.TextBigBold {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #075992;
	Text-decoration: none;
}
.RedHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #E8342F;
}
.RedHeaderLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #E8342F;
}
.RedText {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #E8342F;
	Text-decoration: none;
}
.RedTextSmall {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #E8342F;
	Text-decoration: none;
}
.RedTextBig {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #E8342F;
	Text-decoration: none;
}
.RedTextBold {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #E8342F;
	Text-decoration: none;
}
.RedTextBigBold {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #E8342F;
	Text-decoration: none;
}
TextAREA.Textarea {
	font-size: 12px;
	font-family: Tahoma;
	border: 1px solid #006699;
	font-weight: normal;
	color: #075992;
	Text-decoration: none;
	background-color: #f7f7f7;
}
INPUT.checkbox {
	font-size: 12px;
	font-family: Tahoma;
	border: 1px solid #FFFFFF;
	font-weight: normal;
	color: #075992;
	Text-decoration: none;
	background-color: #ffffa0;
	height: 12px;
	width: 18px;
}
SELECT.Combobox {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #075992;
	FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #f7f7f7;
	border: 1px solid #006699;
}
INPUT.checkboxsmall {
	font-size: 12px;
	font-family: Tahoma;
	border: 1px solid #006699;
	font-weight: normal;
	color: #075992;
	Text-decoration: none;
	background-color: #f7f7f7;
	height: 18px;
	width: 50px;
}
INPUT.checkboxcmn {
	font-size: 12px;
	font-family: Tahoma;
	border: 1px solid #006699;
	font-weight: normal;
	color: #075992;
	Text-decoration: none;
	background-color: #f7f7f7;
	height: 18px;
}
INPUT.edit {
	font-size: 12px;
	font-family: Tahoma;
	border: 1px solid #FFFFFF; /* #006699; */
	font-weight: normal;
	color: #075992;
	Text-decoration: none;
	background-color: #ffffa0; /* f7f7f7 */
	padding-left: 2px;
	height: 14px;
}
TextAREA.edit 
{
	overflow:auto;
	font-size: 12px;
	font-family: Tahoma;
	border: 1px solid #FFFFFF; /* #006699; */
	font-weight: normal;
	color: #075992;
	Text-decoration: none;
	background-color: #ffffa0; /* f7f7f7 */
	padding-left: 2px;
}
SELECT.edit  {
 vertical-align: 
	font-size: 12px;
	font-family: Tahoma;
	border: 1px solid #FFFFFF; 
	font-weight: normal;
	color: #075992;
	Text-decoration: none;
	background-color: #ffffa0;
}
INPUT.Button {
	font-size: 12px;
	font-family: Tahoma;
	border: 1px solid #005992;
	font-weight: bold;
	color: #FFFFFF;
	Text-decoration: none;
	background-color: #005992;
	height: 25px;
	width: 80px;
}
INPUT.Button1 {
	font-size: 12px;
	font-family: Tahoma;
	border: 1px solid #005992;
	font-weight: bold;
	color: #005994;
	Text-decoration: none;
	background-color: #efefef;
	height: 25px;
	width: 60px;
}
TABLE.NoBorder {
	border-width: 0;
	border-spacing: 0;
	padding: 0,0,0,0;
	width: 100%;
}
TD 
{
	vertical-align: top;
}
TD.center 
{
	vertical-align: middle;
	Text-align: center;
}	
TD.button {
	border: none;
	padding: 0; 
	margin: 0;
	Text-align: center;
	vertical-align: middle;
}
A.button {
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	color: #FFFFFF;
	Text-decoration: none;
}
INPUT.button {
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	color: #FFFFFF;
	Text-decoration: none;
	height: 20px;
	width: 50px;
}
.button:hover
{
	background-color: #3366FF; cursor:pointer; cursor:hand;
}
TD.small_button {
	height: 13px;
	width: 50px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	background-color: #005992;
	padding: 0;
	margin: 0;
	Text-align: center;
	vertical-align: middle;
}
A.small_button {
	font-size: 10px;
	font-family: Tahoma;
	font-weight: bold;
	color: #FFFFFF;
	Text-decoration: none;
}
.small_button:hover
{
	background-color: #3366FF; cursor:pointer; cursor:hand;
}
A.Top {
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	Text-DECORATION: none;
	font-weight: bold;
	padding: 3px;
}
A.White {
	color: #FFFFFF;
}
A.Redlink {
	COLOR: #E93230;
	FONT-FAMILY: Tahoma;
	Text-DECORATION: underline;
	padding: 3px;
	font-size: 10px;
	font-weight: normal;
}
A.Redlink:hover {
	COLOR: #005994;
	FONT-FAMILY: Tahoma;
	Text-DECORATION: underline;
	padding: 3px;
	font-size: 10px;
	font-weight: normal;
}
.DisplayForScreenOnly {
	display: none;
}
.DoNotDisplay {
	display: none;
}
.pagebreak {
	display: none; 
}
body.NoMargins {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.skipnav {
	position: absolute;
	left: -1000px;
}
a:link.banner {
	color: #ec7427;
	text-decoration: none;
	border-bottom: none;
}
a:visited.banner {
	color: #ec7427;
	text-decoration: none;
	border-bottom: none;
}
a:hover.banner {
	color: #f76100;
	text-decoration: none;
	border-bottom: none;
}
a:link {
	color: #0077e4;
	text-decoration: none;
	border-bottom: none;
}
a:visited {
	color: #4e7ca6;
	text-decoration: none;
	border-bottom: none;
}
a:hover {
	color: #f76100;
	text-decoration: none;
	border-bottom: none;
} 	
h1 {
	font: normal 2.2em "Arial Narrow", Helvetica Narrow, sans-serif;
	color: #ec7427;
	margin-top: 0;
	margin-bottom: 15px;
}
h1 span {
	position: absolute;
	left: -1000px;
}
#home h1 {
	height: 47px;
	background: url(images/head-fitnessforhealth.gif) no-repeat top left;
	margin-bottom: 12px;
}
#children h1 {
	height: 29px;
	background: url(images/head-children.gif) no-repeat top left;
}
#adults h1 {
	height: 29px;
	background: url(images/head-adults.gif) no-repeat top left;
}
#physicaltherapy h1 {
	height: 29px;
	background: url(images/head-physicaltherapy.gif) no-repeat top left;
}
#sports h1 {
	height: 29px;
	background: url(images/head-sports.gif) no-repeat top left;
}
#school h1 {
	height: 29px;
	background: url(images/head-school.gif) no-repeat top left;
}
#about h1 {
	height: 29px;
	background: url(images/head-about.gif) no-repeat top left;
}
#directions h1 {
	height: 29px;
	background: url(images/head-directions.gif) no-repeat top left;
}
#testimonials h1 {
	height: 29px;
	background: url(images/head-testimonials.gif) no-repeat top left;
}
#news h1 {
	height: 29px;
	background:  url(images/head-news.gif) no-repeat top left;
}
#contact h1 {
	height: 29px;
	background: url(images/head-contact.gif) no-repeat top left;
}
#todayshow h1 {
	height: 29px;
	background: url(images/head-todayshow.gif) no-repeat top left;
}
#oops h1 {
	height: 29px;
	background: url(images/head-oops.gif) no-repeat top left;
}
h2 {
	font: bold 1.3em Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #01a89a;
	margin-top: 0;
	margin-bottom: 0.2em;
}
#home h2 {
	height: 29px;
	background: url(images/subhead-powertochange.gif) no-repeat top left;
	margin-top: 10px;
	margin-bottom: 20px;
}
h2 span {
	position: absolute;
	left: -1000px;
}
h3 {
	font: bold 1.0em Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #01a89a;
	margin-top: 0;
	margin-bottom: 0.2em;
}
.h3 {
	font: bold 1.0em Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #01a89a;
	margin-top: 0;
	margin-bottom: 0.5em;
}
#logo {
	position: relative;
	top: 0;
	left: 0;
	width: 620px;
	height: 117px;
}
#logo a, #narrowrightcolumn a {
	border: none;
}
.bannerlogo {
	position: absolute;
	top: 1px;
	left: 24px;
	width: 155px;
	height: 117px;
}
.bannerphotos {
	display: none;
	position: absolute;
	top: 1px;
	left: 190px;
	width: 620px;
	height: 117px;
}
.bannerannouncement {
	display: none;
	position: absolute;
	top: 1px;
	left: 820px;
	width: 175px;
	height: 117px;
}
#bannerheadline {
	position: absolute;
	top: 8px;
	left: 392px;
	width: 1000px;
	height: 117px;
}
#footer {
	position:absolute;
	left:0px;
	bottom:-2px;
}
p.small {
	font-size: 1em;
	margin-top: 1em;
	margin-bottom: 0em;
}
.smalltext {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
.smalltextgray {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #999;
}
.photocredit {
	position: relative;
	top: 12px;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	line-height: 1.4em;
}
ul {
	font-size: 1em;
	list-style-type: square;
	padding-left: 10px;
	margin-top: 0;
	margin-bottom: 1.0em;
	margin-left: 10px;
}
ul.tightlist {
	list-style-type: disc;
	list-style-position:inside; 
	line-height:1.25em;
	padding-left: 10px;
	margin-top: 0;
	margin-bottom: 1.0em;
	margin-left: 10px;
}
li {
	padding-left: 0;
}
ul.spaced li, ol.spaced li {
	margin-bottom: 1em;
}
ul ul, ol ul {
	list-style-type: square;
/*	list-style-image: url(images/bullet-yellowarrow.gif); */
	padding-left: 10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
ol ol, ul ol, {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}
ol {
	font-size: 1em;
	margin-bottom: 1.4em;
}

#container {
	width: 771px;
	background:url(images/contentbkgnd.gif) repeat-y #fff;
}
#globalnav {
	float: left;
	width: 140px;
	color: #fff;
	line-height: 1.3em;
	margin-top: 30px;
	padding-left: 15px;
}
#globalnav p {
	margin-bottom: 0.8em;
}
#globalnav ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding-left: 0;
}
#globalnav li {
/*	background:url(images/bullet-yellowarrow.gif) no-repeat 0 .3em; */
	padding-left: 9px;
	margin-bottom: 0.9em;
	margin-left: 0;
	background-color: transparent;
}
#globalnav a:link, #globalnav a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #b9e5e1;
}
#globalnav a:hover {
	color: #ffcd00;
	border-bottom: 1px dotted #ffcd00;
}
.maincontent {
	position:relative;
	top: 140px;
	left: 10px;
	width: 980px;
}
#wideleftcolumn {
	width: 800px;
}
#widesinglecolumn {
	padding-right: 19px;
}
#narrowrightcolumn {
	position:relative;
	float: right;
	width: 160px;
	margin-right: 20px;
}
#narrowrightcolumn img {
	margin-bottom: 10px;
}
#narrowrightcolumn .testimonial {
	position: relative;
	left: -3px;
}
#breadcrumbs {
	position: relative;
	top: -15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #777;
	background-color: #fff;
	padding: 0 15px 15px 0;
	margin-bottom: 0;
}
#breadcrumbs a:visited {
	color: #0077e4;
}
#breadcrumbs a:hover {
	color: #f76100;
	border-bottom: 1px dotted #ff9856;
}
img.floatleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 7px;
}
.credit {
	font-weight: bold;
	font-style: italic;
}
#quicktime {
	margin-top: 15px;
}
#quicktime a:link, #quicktime a:visited {
	border: none;
}
.uptotop {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-left: 17px;
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 15px;
	background: url(images/bullet-arrow-up.gif) no-repeat center left;
}
.uptotop a:visited {
	color: #0077e4;
	border-bottom: 1px dotted #4299e8;
}
.uptotop a:hover {
	color: #f76100;
	border-bottom: 1px dotted #ff9856;
}
#home a.home, #home a.home, #children a.children, #adults a.adults, #physicaltherapy a.physicaltherapy, #sports a.sports, #school a.school {  
	color: #96e0da;
	border: none;
	cursor: default;
}
/* The following is for IE 6 */
#home a.home:visited, #home a.home:visited, #children a.children:visited, #adults a.adults:visited, #physicaltherapy a.physicaltherapy:visited, #sports a.sports:visited, #school a.school:visited {  
	color: #96e0da;
	border: none;
	cursor: default;
}

#home li.home, #children li.children, #adults li.adults, #physicaltherapy li.physicaltherapy, #sports li.sports, #school li.school {  
	background:url(images/bullet-greenarrow.gif) no-repeat 0 .3em;
}
#about a.about, #directions a.directions, #testimonials a.testimonials, #contact a.contact, #news a.news {  
	color: #90c0eb;
	border: none;
	cursor: default;
}
/* The following is for IE 6 */
#about a.about:visited, #directions a.directions:visited, #testimonials a.testimonials:visited, #contact a.contact:visited, #news a.news:visited {  
	color: #90c0eb;
	border: none;
	cursor: default;
}

#about li.about, #directions li.directions, #testimonials li.testimonials, #contact li.contact, #news li.news {  
	background:url(images/bullet-bluearrow.gif) no-repeat 0 .3em;
}
table.data td {
	border-bottom: 1px solid #CCC2A0;
	padding: 8px;
}
table.data tr.firstrow td {
	border-top: 1px solid #CCC2A0;
}
/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

==============================================================================*/

/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/

body, table, img, button, iframe, ul, li  { margin:0; padding:0; border:0; }
body {
	text-align: center;
	font: 76% Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #3a3a3a;
}
iframe { width:0; height:0 }

#centerpage {position: relative; width: 999px; margin: 0 auto; text-align: left; } 

ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */

/* our default page-width div */
.pagecontainer { width:85%; text-align:left; font-size:10pt;}

.menubutton {
	position:relative;
	top:2px;
	height:17px;
	width:76px;
}

.menubuttonwide {
	position:relative;
	top:3px;
	height:17px;
	width:90px;
}

 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:absolute;
	top:118px;
	left:349px;
	border:0;
	margin:0;
	padding:0;
	width:650px;
	height:55px;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:560px;
	z-index:1;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menu { display:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-560px;
	height: 1px;
}

#text {                                                 /* search text field */
	position:absolute;
	border:1px solid #404040;
	margin:0;
	padding:0 0 0 2px;
	top:7px;
	right:65px;
	width:12em;
/*	height:1.215em;         we'll define this at the bottom of our style sheet */
	font-size:14px !important;
	background:#fefefe;
}

#yah {                                    /* the "You are here" label graphic */
	position:absolute;
	top:5px;
	right:99px;
	width:87px;
	height:9px;
 position: relative;

}

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu   {
	position:relative;        /* establish a menu-relative positioning context */
	top: 0px;
	left: 0px;
	float: none;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:21px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	background:#2d7bc2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	border-bottom:1px solid black;        /* give us a black border underneath */
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	display: none;
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

#research {            /* this rightmost "Research" button must be positioned */
	position:absolute;       /* absolutely so that the YAH (you are here) text */
	top:0px;               /* label will slide underneath it under Opera v8.54 */
	left:380px;    /* which has a z-order sequencing bug with abs-pos elements */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:22px;
	color:White;
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border-top:2px solid #2d7bc2;    /* these 2 lines create the push-in illusion */
	height:10px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:21px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:8.33em;
	color:black;                        /* this sets the unselected-text color */
	background:black;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.33em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul li:hover ul.wide,
.menu ul li a:hover ul.wide {             /* 2nd level wide drop-down box */
	width:22.0em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#000;               /* this sets the unselected drop-down text color */
	background:#c6dbee;       /* this sets the drop-down menu background color */
	width:8.33em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:black;
	background:white;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.33em;
}

.menu ul li:hover ul.wide li a,
.menu ul li a:hover ul.wide li a,
.menu ul li:hover ul.wide li a:hover,
.menu ul li a:hover ul.wide li a:hover {     /* 2nd level un+selected items */
	width:22.0em;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	      /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:8.33em;
	width:14em;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:14em;
	background:#e7eff6;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:14em;
	background:white;
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */

/********************************************************************************/
/* My classes																																		*/

.required {
 color:Red;
 font-size:larger;
 font-weight:bolder;
}