.bodyBG {	BACKGROUND-IMAGE: url(../images/bg01.gif); MARGIN: 0px; BACKGROUND-REPEAT: repeat-y}
.bodyBGkids {	BACKGROUND-IMAGE: url(../images/bg01_kids.gif); MARGIN: 0px; BACKGROUND-REPEAT: repeat-y}
.TableBGkids {	BACKGROUND-IMAGE: url(../images/BG_kids_gradient_750x552_01.gif); MARGIN: 0px; BACKGROUND-REPEAT: repeat-x}
.bodyBG950px {	BACKGROUND-IMAGE: url(../images/BG_950_3columns.gif); MARGIN: 0px; BACKGROUND-REPEAT: repeat-y}

a:link {color:#66bb49;}
a:visited {color:#66bb49;}
a:hover {color:#000000;}

.CopyrightText  			{  font-family: Verdana,  Arial, Helvetica, sans-serif; 	font-size: 10px;	color:#ffffff;}
.CopyrightText a:link 		{  font-family: Verdana,  Arial, Helvetica, sans-serif; 	font-size: 10px;	color:#ffffff;}
.CopyrightText a:visited 	{  font-family: Verdana,  Arial, Helvetica, sans-serif; 	font-size: 10px;	color:#ffffff;}
.CopyrightText a:hover 		{  font-family: Verdana,  Arial, Helvetica, sans-serif; 	font-size: 10px;	color:#000000;}

.smallBoldHead {	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif}
.pagehead {	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: red; FONT-STYLE: normal; FONT-FAMILY: Times New Roman, Times, serif}

#bar {
	WIDTH: 750px; HEIGHT: 23px; BACKGROUND-COLOR: #000000; TEXT-ALIGN: right
}

SELECT {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
INPUT {
	FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.login {
	PADDING-LEFT: 25px; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; FONT-FAMILY: Arial, Helvetica, sans-serif
}


.LeftMenulink a:link 	{color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; font-weight: bold} 
.LeftMenulink a:visited {color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; font-weight: bold}
.LeftMenulink a:hover	{color:#FF0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; font-weight: bold}
.TopMenulink a:link 	{color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; font-weight: bold} 
.TopMenulink a:visited  {color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; font-weight: bold}
.TopMenulink a:hover	{color:#FF0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; font-weight: bold}


.menuItems {
	DISPLAY: block; PADDING-LEFT: 25px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; WIDTH: 200px; COLOR: #666666; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.menuItems:hover {
	DISPLAY: block; COLOR: #ffffff; BACKGROUND-COLOR: #66bb49
}
A.menuItems:link {
	COLOR: #666666; 
}
A.menuItems:visited {
	COLOR: #666666;
	}

.submenuItems {
	DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; WIDTH: 220px; COLOR: #666666; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #d9eed1; TEXT-DECORATION: none
}
A.submenuItems:hover {
	DISPLAY: block; COLOR: #ffffff; BACKGROUND-COLOR: #66bb49
}
A.submenuItems:link {
	COLOR: #666666;
}
A.submenuItems:visited {
	COLOR: #666666;
}

.menuItemsOver {
	DISPLAY: block; PADDING-LEFT: 25px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; WIDTH: 200px; COLOR: #ffffff; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #66bb49; TEXT-DECORATION: none
}
A.menuItemsOver:hover {
	COLOR: #ffffff;
}
A.menuItemsOver:link {
	 COLOR: #ffffff;
}
A.menuItemsOver:visited {
	COLOR: #ffffff; 
}


.submenuItemsOver {
	DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; WIDTH: 200px; COLOR: #ffffff; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #66bb49; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
A.submenuItemsOver:visited {
	COLOR: #ffffff; 
}
A.submenuItemsOver:hover {
	COLOR: #ffffff;
}
A.submenuItemsOver:link {
	COLOR: #ffffff; 
}

.tdcells A:hover{ color:#ffffff; }
.smtdcells A:hover{ color:#ffffff; }

.subNavLayer {
	BORDER-RIGHT: #c1c1aa 1px solid; BORDER-TOP: #c1c1aa 1px solid; BORDER-LEFT: #c1c1aa 1px solid; BORDER-BOTTOM: #c1c1aa 1px solid
}



.bodyContent {	FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 125%; FONT-FAMILY: Arial, Helvetica, sans-serif}
.bodyTextBold {	FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 125%; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: bold;}
.formTextBold {	FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 125%; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-WEIGHT: bold;}
A.bodyContent { COLOR: #66bb49}
.PageHeader {	PADDING-LEFT: 24px; FONT-SIZE: 26px; COLOR: #66bb49; FONT-FAMILY: "Times New Roman", Times, serif}
.Subheads {	FONT-SIZE: 20px; COLOR: #6a5b97; LINE-HEIGHT: 110%; FONT-FAMILY: "Times New Roman", Times, serif}
.Subheads_O {	FONT-SIZE: 20px; COLOR: #fd923c; FONT-FAMILY: "Times New Roman", Times, serif}
.Subheads_G {	FONT-SIZE: 20px; COLOR: #66bb49; FONT-FAMILY: "Times New Roman", Times, serif}
.Subheads_P {	FONT-SIZE: 20px; COLOR: #fa8d9e; FONT-FAMILY: "Times New Roman", Times, serif}
.Subheads_A {	FONT-SIZE: 20px; COLOR: #d4d06d; FONT-FAMILY: "Times New Roman", Times, serif}
.Subheads_B {	FONT-SIZE: 20px; COLOR: #99ccdc; FONT-FAMILY: "Times New Roman", Times, serif}
A.Subheads {	COLOR: #6a5b97}
A.Subheads_O {	COLOR: #fd923c}
A.Subheads_G {	COLOR: #66bb49}
A.Subheads_P {	COLOR: #fa8d9e}
A.Subheads_A {	COLOR: #d4d06d}
A.Subheads_B {	COLOR: #99ccdc}
.SUBHEAD {	FONT-WEIGHT: bold}

.SubHeaderRow {  padding-left: 5px;padding-bottom: 5px; padding-top: 5px;background-color:#d6edce; }
.Col2Header {  padding-left: 5px;padding-bottom: 2px; padding-top: 2px; background-color:#efefef; font-size: 11px; color: #333333; font-family: arial, helvetica, sans-serif}


.tdcells {
	PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.smtdcells {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.location {
	FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.location {
	COLOR: #000000; TEXT-DECORATION: underline
}
A.location:hover {
	COLOR: #66bb49; TEXT-DECORATION: underline
}
.welcome {
	PADDING-RIGHT: 5px; PADDING-LEFT: 25px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.logout {
	COLOR: #000000
}

.sitemap {
	FONT-SIZE: 9px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.sitemap:hover {
	COLOR: #66bb49; TEXT-DECORATION: underline
}
.revLink {
	FONT-SIZE: 11px; COLOR: #333333; LINE-HEIGHT: 125%; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.revLink {
	COLOR: #333333
}
A.revLink:hover {
	COLOR: #66bb49
}

.level3header {
	FONT-WEIGHT: bold; COLOR: #ffffff
}
.error {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 15px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.errorLabel {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.tablebox {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; WIDTH: 100%; BORDER-BOTTOM: #000000 1px solid
}
.dash {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: red; FONT-STYLE: normal; FONT-FAMILY: Times New Roman, Times, serif
}
.smallBoldHead {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.purpleBarHead {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #6a5b97
}

/* LEFT MENU LIST */
ul.vertical, ul.vertical li {
      margin:0;
      padding:0;
      list-style-type:none;
      font-size:100%; /* fix for win/ie's "non-linear text scaling" bug */
      }

/* navbar list */
ul.vertical {
	position:absolute;
	z-index:1000;
	cursor:default;
	/* navbar width */
      width:195px;
	/* navbar left and top position 
         this DOES NOT already include 1px compensation 
         on TOP, for list-item border collapse 
         (1px defaults to around 0.05em) */

      left:0;
	top:120px;
	visibility: visible;
      }

/* navbar list-items */
ul.vertical li {
      position:relative;
      text-align:left;
      cursor:pointer;
      cursor:hand;

      /* duplicate navbar width */
      width:195px;
      height:20px;

      /* shift list-items to collapse borders vertically */
      margin:-1px 0 0 0;
      }

/* menu lists */
ul.vertical ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	/* menu width */
      width:195px;
	/* menu offset, which already includes 1px compensation 
         on TOP, for list-item border collapse */
      margin:0 0 0 201px;
	/* overlapping the menus improves usability */
      

      /* 
      position menus off the screen to hide 
      because using display, visibility, overflow or clip,  
      would hide them from browser-based screenreaders as well 
      */
      top:-100em;
	/* shift menus to collapse navbar->menu borders */
      left:-1px;
	/* compensate for list-item border collapse */
      padding:1px 0 0 0;
	visibility: visible;
      }

/* menu list-items */
ul.vertical ul li {

      /* duplicate menu width */
      width:195px;
      }

/* further child-menu offset */
ul.vertical ul ul {
      /* this already includes 1px compensation 
         for list-item border collapse */
      margin:-0.5em 0 0 201px;

      /* overlapping the menus improves usability */
      }

/* menu triggers -- position menus back on the screen to show 
   hide these from safari < 1.2 because of it's "sticky hover" bug 
   that would make it difficult or impossible to close the menus 
   we're hiding it using the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */

@media Screen, Projection { 
      ul.vertical li:hover > ul { top:0; }
      }

/* links */
ul.vertical a, ul.vertical a:visited {
      display:block;
      cursor:pointer;
      cursor:hand;
      height:15px;
      background:#ffffff;
      padding:3px 7px 3px 25px;
      font:normal normal bold 11px arial, verdana, sans-serif;
      color:#666666;
      text-decoration:none;
      letter-spacing:1px;
      }

/* rollover pseudo-classes, and scriptable persistence class */
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited  {
      background:#66bb48;
      color:#fff;
      }
ul.vertical li ul li a:visited
{
      background-color:#eaf6e6;
      padding:3px 0 3px 25px;
	  
}
ul.vertical li ul li a
{
      background-color:#eaf6e6;
      padding:3px 0 3px 25px;
}

ul.vertical li ul
{
      background-color:#eaf6e6;
      border:1px solid #BABABA;
      margin-top:-1px;
      overflow:hidden;
}

/* hacks for win/ie to cure 'excess hidden margins' bug */
@media screen, projection {
      * html ul.vertical li {
            /* for ie5.0 */
            display:inline; 
            /* for ie5.5+ */
            f\loat:left; 
            /* this cures 'events fall through the menu' bug in ie6 */
            background:#ffffff; 
            }
      }

/* use different comparative positioning for ie, to avoid problems with virtual z-ordering */
* html ul.vertical li { position:static; }
* html ul.vertical a { position:relative; }

/* hide menus from konqueror < 3.2 */
ul[class^="vertical"] ul { display:none; }
ul[class^="vertical"] ul { displa\y:block; }

