BODY    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-size: 12px;
	margin: 0px;
   background-color: #FFFFDD;
}


P.Address {
  font-size: 10px;
  font-style: normal;
}

P.AddressHeader {
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
}


P.Btn A{
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: normal;
  vertical-align: middle;
  font-size: 11px;
  text-decoration : none;	
  text-align: center;
  color: #FFFFFF;
  background-color : #<%=myNavColor%>;
}

P.Btn A:HOVER{
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: normal;
  vertical-align: middle;
  font-size: 11px;
  text-decoration : none;	
  text-align: center;
  color: #000000;
  background-color : #ffffff;	
}

P.Btn A:ACTIVE{
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: normal;
  vertical-align: middle;
  font-size: 11px;
  text-decoration : none;	
  text-align: center;
  color: #000000;
  background-color : #<%=myNavColor%>;
}
TD.LeftNav    {
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: white;
	background-color: #103c69;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	font-size: 9pt;
}

TD.WhiteOnBlue    {
	background-color: #336699;
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-style: normal;
	font-weight: bolder;
	text-align: right;
	color: #FFFFFF;
	font-size: 12px;
}

H5.Background    {
	font-weight: bold;
	font-size: 16px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: #FFFFFF;
	background-color: #336699;
	text-align: center;
	font-style: normal;
	border-left-width: 5pt;
	border-top-width: 4pt;
	border-right-width: 5pt;
	border-bottom-width: 4pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
}

BODY.popup    {
	background-color: white;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-size: 12px;
	margin: 0px;
}

P.Footer    {
	font-size: 10px;
	text-align: center;
	color: black;
	padding-left: 10px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	padding-bottom: 1px;
	padding-right: 10px;
}

TD.blue    {
	font-weight: bold;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: #FFFFFF;
	background-color: #336699;
	text-align: center;
	font-style: normal;
	border-left-width: 0pt;
	border-top-width: 5pt;
	border-right-width: 1pt;
	border-bottom-width: 5pt;
	padding-top: 1pt;
	padding-bottom: 1pt;
}

P.White    {
	color: #FFFFFF;
	font-size: 10px;
	padding-left: 10px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	padding-bottom: 1px;
	padding-right: 10px;
	font-style: normal;
	background-color: #336699;
}

H3.Background    {
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	padding-left: 50px;
	background-color: #7792b5;
	font-weight: bold;
}


*.NavRight a:link, *.NavRight a:visited    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-size: 9pt;
	background-color: #336699;
	color: white;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

*.NavRight a:hover    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-size: 9pt;
	background-color: #FFFFFF;
	color: #336699;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

*.NavRight    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-size: 9pt;
	background-color: #336699;
	color: white;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}


*.NavLeft    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
 	font-size: 9pt;
	background-color: #<%=myNavColor%>;
	color: white;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

*.NavLeft a:hover    {
	color: #000000;
	background-color: #<%=myNavColor%>;
	font-size: 9pt;
}

*.NavLeft a:link, *.NavLeft a:visited    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #<%=myNavColor%>;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

TABLE.contenttablehome    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	background-color: White;
	background-image: url(/images/home_bg.jpg);
	border-left: 1px solid #330033;
	border-right: 2px solid #330033;
	border-bottom: 2px solid #330033;
	border-top: 1px solid #330033;
	width: 430px;
}

TABLE.contenttablehome TR    {
	vertical-align: top;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
}

TABLE.contenttable    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	background-color: #FFFFFF;
	border-left: 1px solid #330033;
	border-right: 2px solid #330033;
	border-bottom: 3px groove #330033;
	border-top: 1px solid #330033;
	width: 425px;
}

TABLE.      {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	background-color: #EEEEEE;
	width: 100%;	
	border-top: 1px groove #6699CC;
	border-bottom: 2px groove #6699CC;
	border-left: 1px groove #6699CC;
	border-right: 2px groove #6699CC;
}


TABLE.contenttable TR    {
	vertical-align: top;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
}

TABLE.contenttablehome TR TD.jessiepic    {
	background-image: url(/images/jessie.jpg);
	border-left: 1px solid #330033;
	background-color: #99CCCC;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
}

TABLE.copyright    {
	border: 0;
	width: 450px;
	color: #FFFFFF;
	font-size: 10px;
	background-color: #336699;
	border-top: solid 1px #000000;
	border-bottom: solid 3px #000000;
	border-right: solid 3px #000000;
	border-left: solid 1px #000000;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
}
TABLE.References    {
	border: 0;
	width: 450px;
	color: #000000;
	font-size: 10px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	background-color: #EEEEEE;
	border-top: solid 1px #000000;
	border-bottom: solid 2px #000000;
	border-right: solid 2px #000000;
	border-left: solid 1px #000000;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
}

TABLE.GrayBox    {
	border: 0;
	color: #000000;
	font-size: 10px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	background-color: #EEEEEE;
	border-top: solid 1px #000000;
	border-bottom: solid 2px #000000;
	border-right: solid 2px #000000;
	border-left: solid 1px #000000;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
}

TABLE.LightYellowBox    {
	border: 0;
	color: #000000;
	font-size: 10px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	background-color: #FFFFDD;
	border-top: solid 1px #000000;
	border-bottom: solid 2px #000000;
	border-right: solid 2px #000000;
	border-left: solid 1px #000000;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
}

TABLE.LightGrayBox    {
	border: 0;
	color: #000000;
	font-size: 10px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	background-color: #EEEEEE;
	border-top: solid 1px #000000;
	border-bottom: solid 2px #000000;
	border-right: solid 2px #000000;
	border-left: solid 1px #000000;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
}

TABLE.LightYellow    {
	border: 0;
	color: #000000;
	font-size: 10px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	background-color: #FFFFDD;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
}

TD.copyrighttext    {
	background-color: #E8E8E8;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
}

TD.copyrighttext A:link    {
	background-color: #E8E8E8;
	color: #000066;
}

TD.copyrighttext A:visited    {
	background-color: #E8E8E8;
	color: #3300FF;
}

TD.copyrighttext A:active    {
	background-color: #E8E8E8;
	color: #660066;
}

TD.copyrighttext A:hover    {
	background-color: #E8E8E8;
	color: #0000CC;
	text-decoration: none;
}

TABLE.logotable    {
	background-image: url(/images/logo_bg.gif);
}

TD.logo    {
	background-image: url(/images/logo_bg.gif);
	border-top: solid 1px #330033;
	border-left: solid 1px #330033;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
}

TD.searchbox    {
	background-image: url(/images/logo_bg.gif);
	border-top: solid 1px #330033;
	border-right: solid 1px #330033;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
}

TABLE.navtable    {
	border: 1px solid #330033;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	width: 560px;
}

TABLE.topnav    {
	text-align: right;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
}

TABLE.topnav TR TD    {
	font-size: 9px;
	color: #330033;
	font-weight: bold;
	padding-right: 10px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
}

TABLE.topnav TR TD A:link    {
	text-decoration: none;
	color: #FFFF00;
}

TABLE.topnav TR TD A:visited    {
	text-decoration: none;
	color: #FFFF00;
}

TABLE.topnav TR TD A:active    {
	text-decoration: none;
	color: #FFFF00;
}

TABLE.topnav TR TD A:hover    {
	color: #FFFF00;
	text-decoration: none;
}

TD.whatsnew    {
	background-color: #336699;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-style: normal;
	font-weight: bolder;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
}

TD.beginner    {
	background-color: #E2FAFA;
	border-left: solid 1px #669999;
	border-right: solid 1px #669999;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
}

TD    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-size: 10px;
	color: black;
	font-style: normal;
	font-weight: normal;
}

H1    {
	font-size: 22px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-weight: bolder;
	color: #407f7f;
	font-style: normal;
	padding-left: 10px;
	text-align: center;
	letter-spacing: 0.2em;
	padding-left: 10px;
	padding-right: 10px;
}

H1.home    {
	font-size: 22px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: #003366;
	letter-spacing: 0.3em;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
}

H2    {
	font-size: 20px;
	font-weight: bolder;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-style: normal;
	color: #407f7f;
	letter-spacing: 0.1em;
	padding-left: 10px;
	text-align: center;
}

H3    {
	font-size: 18px;
	color: #407f7f;
	font-style: normal;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	padding-left: 10px;
	text-align: center;
}

*.ProductName    {
	font-size: 18px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-weight: bold;
	color: #FF0000;
	font-style: italic;
	padding-left: 10px;
	text-align: left;
}

*.SubProductName    {
	font-size: 14px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-weight: bold;
	color: #CC0000;
	font-style: italic;
	padding-left: 10px;
	text-align: left;
}

H4    {
	color: #407f7f;
	font-size: 16px;
	font-style: normal;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	padding-left: 10px;
	text-align: center;
	font-weight: bold;
}

H5    {
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: #407f7f;
	text-align: left;
	font-style: normal;
	border-left-width: 5pt;
	border-top-width: 4pt;
	border-right-width: 5pt;
	border-bottom-width: 4pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
}

P    {
	font-size: 12px;
	color: black;
	padding-left: 10px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	padding-bottom: 1px;
	padding-right: 10px;
}

P.home    {
	font-size: 12px;
	color: #336699;
	padding-left: 10px;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	padding-bottom: 1px;
	padding-right: 10px;
	
}

TD.topnav    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: #FFFF00;
	background-color: #103c69;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	font-size: 9pt;
	border-left-width: 5pt;
	border-top-width: 4pt;
	border-right-width: 5pt;
	border-bottom-width: 4pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
}

TD.topnav A:link    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: #FFFF00;
	background-color: #103c69;
}

TD.topnav A:visited    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: #FFFF00;
	background-color: #103c69;
}

TD.topnav A:active    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: #FFFF00;
	background-color: #103c69;
}

TD.topnav A:hover    {
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: #103c69;
	background-color: #FFFF00;
}

P.intro:first-letter    {
	font-size: 22px;
	font-weight: bold;
	color: #003366;
}

UL    {
	color: black;
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	padding-right: 2px;
	padding-bottom: 4px;
	list-style-image: url(/images/bullet.gif);
}

UL LI    {
	color: black;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	padding-right: 2px;
	list-style-image: url(/images/bullet.gif);
}

UL UL LI    {
	color: black;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	padding-right: 2px;
	list-style-image: url(/images/sub_bullet.gif);
}

UL UL UL LI    {
	color: black;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	padding-right: 2px;
	list-style-image: url(/images/sub_sub_bullet.gif);
}

LI    {
	color: black;
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-size: 12px;
	color: #003366;
}

LI.home    {
	font-size: 12px;
	color: black;
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: #003366;
}

DL    {
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-size: 12px;
	color: #003366;
}

DT    {
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-size: 12px;
	color: #003366;
}

A:link    {
	color: #006699;
}

A:visited    {
	color: #663366;
}

A:active    {
	color: #669999;
}

A:hover    {
	color: #339999;
	text-decoration: none;
}

*.sitemap    {
	font-size: 11px;
}

*.sidenavheading    {
	font-size: 12px;
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-weight: bold;
	color: #663366;
}

*.sidenavheading A:link    {
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-weight: bold;
	color: #663366;
	text-decoration: none;
}

*.sidenavheading A:visited    {
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-weight: bold;
	color: #663366;
	text-decoration: none;
}

*.sidenavheading A:active    {
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-weight: bold;
	color: #663366;
	text-decoration: none;
}

*.sidenavheading A:hover    {
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-weight: bold;
	color: #339999;
	text-decoration: none;
}

*.sidenav    {
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-weight: bold;
	color: #663366;
	font-size: 11px;
}

*.right    {
	text-align: right;
}

*.Red    {
	color: #FF0000;

}

*.RedItalic    {
	color: #FF0000;
   font-style: italic;

}


*.BGpaleTeal    {
	background-color: #E2FAFA;
	border-right: solid 1px #669999;
}

*.BGpaleTealBorders    {
	background-color: #ffffff;
	border-left: solid 1px #407F7F;
	border-right: solid 1px #407F7F;
	border-top: solid 1px #407F7F;
	border-bottom: solid 2px #407F7F;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;

}
*.BGpaleYellow    {
	background-color: #FFFFDD;
	border-right: solid 1px #669999;
}

*.BGpaleYellowBorders    {
	background-color: #FFFFDD;
	border-left: solid 1px #669999;
	border-right: solid 1px #669999;
	border-top: solid 1px #669999;
	border-bottom: solid 2px #669999;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
}

*.note    {
	font-size: 11px;
	font-family: arial , verdana , sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #996699;
}

*.nav A:link    {
	color: #330033;
	text-decoration: none;
}

*.nav A:visited    {
	color: #330033;
	text-decoration: none;
}

*.nav A:active    {
	color: #330033;
	text-decoration: none;
}

*.nav A:hover    {
	color: #996699;
	text-decoration: none;
}

*.nav    {
	color: #330033;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #7792b5;
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
}

*.ASAP    {
	font-style: italic;
	font-weight: bold;
	font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: #FF3333;
	padding-top: 10px;
}

*.ASAP A:link    {
	color: #FF0000;
   text-decoration: underline;
}

*.ASAP A:visited    {
	color: #FF0000;
   text-decoration: underline;
}

*.ASAP A:active    {
	color: #FF0000;
   text-decoration: none;
}

*.ASAP A:hover    {
	color: Black;
   text-decoration: none;
}

*.intro    {
	font-weight: bold;
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	color: #FFFFFF;
	background-color: #336699;
	text-align: center;
	font-style: normal;
	border-left-width: 1pt;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	padding-top: 1pt;
	padding-bottom: 1pt;
}

*.dropdownnav    {
	color: #330033;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	padding-right: 0px;
}

*.dropdownnav A:link    {
	color: #330033;
	text-decoration: none;
	margin-top: 0px;
}

*.dropdownnav A:visited    {
	color: #330033;
	text-decoration: none;
	margin-top: 0px;
}

*.dropdownnav A:active    {
	color: #E2FAFA;
	text-decoration: none;
	margin-top: 0px;
}

*.dropdownnav A:hover    {
	color: #996699;
	text-decoration: none;
	margin-top: 0px;
}

*.code    {
	font-family: courier new , courier , mono;
}

/* navlayers */
*#usability    {
	position: absolute;
	left: 10px;
	top: 127px;
	width: 140px;
	z-index: 90;
	border: 1px solid #330033;
	background-color: #7792b5;
	layer-background-color: #B8DCDC;
	visibility: hidden;
}

*#graphicdesign    {
	position: absolute;
	left: 100px;
	top: 127px;
	width: 162px;
	z-index: 90;
	border: 1px solid #330033;
	background-color: #7792b5;
	layer-background-color: #7792b5;
	visibility: hidden;
}

*#html    {
	position: absolute;
	left: 230px;
	top: 127px;
	width: 135px;
	z-index: 90;
	border: 1px solid #330033;
	background-color: #7792b5;
	layer-background-color: #B8DCDC;
	visibility: hidden;
}

*#dreamweaver    {
	position: absolute;
	left: 290px;
	top: 127px;
	width: 130px;
	z-index: 90;
	border: 1px solid #330033;
	background-color: #7792b5;
	layer-background-color: #B8DCDC;
	visibility: hidden;
}

*#css    {
	position: absolute;
	left: 415px;
	top: 127px;
	width: 185px;
	z-index: 90;
	border: 1px solid #330033;
	background-color: #7792b5;
	layer-background-color: #7792b5;
	visibility: hidden;
}

*#dhtml    {
	position: absolute;
	left: 462px;
	top: 127px;
	width: 170px;
	z-index: 90;
	border: 1px solid #330033;
	background-color: #7792b5;
	layer-background-color: #7792b5;
	visibility: hidden;
}

*#search    {
	position: absolute;
	left: 530px;
	top: 127px;
	width: 135px;
	z-index: 90;
	border: 1px solid #330033;
	background-color: #7792b5;
	layer-background-color: #7792b5;
	visibility: hidden;
}

*#resources    {
	position: absolute;
	left: 665px;
	top: 127px;
	width: 105px;
	z-index: 90;
	border: 1px solid #330033;
	background-color: #7792b5;
	layer-background-color: #B8DCDC;
	visibility: hidden;
}

TABLE.List    {
	border: 0;
	color: #000000;
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
	font-size: 12px;
	width: 550px;
	border-color: Navy;
	border-style: groove;
	background-color: #EEEEEE;
	border-bottom: solid 1px #003366;
	border-right: solid 1px #003366;
	border-left: solid 1px #003366;
}

TD.List    {
	background-color: #E8E8E8;
	color: #000000;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
		font-family: Verdana , Geneva , Arial , helvetica , sans-serif;
}

TD.List A:link    {
	background-color: #E8E8E8;
	color: #000066;
}

TD.List A:visited    {
	background-color: #E8E8E8;
	color: #3300FF;
}

TD.List A:active    {
	background-color: #E8E8E8;
	color: #660066;
}

TD.List A:hover    {
	background-color: #E8E8E8;
	color: #0000CC;
	text-decoration: none;
}