body {
	margin: 0;
	margin-bottom: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color: #fff;
	scrollbar-base-color: eeeeee;
	scrollbar-track-color: dddddd;
	scrollbar-face-color: eeeeee;
	scrollbar-highlight-color: ffffff;
	scrollbar-3dlight-color: cccccc;
	scrollbar-darkshadow-color: 999999;
	scrollbar-shadow-color: 888888;
	scrollbar-arrow-color: ffffff;
	background-image: url(images/cd-ed-dartt-background.jpg);
	}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
#lessons { width: 620px; margin-left: 60px;}

#notice {
	margin: 0px;
	padding: 5px;
	background-color: #FFFFCC;
	border: 1px dashed #FFCC33;
}


#lessons a {
font-size: 1em; 
line-height: 1.6em;
padding: 3px;
}
#lessons a:link { color:#49731E; text-decoration:none; }
#lessons a:active { color:#000; text-decoration:none; }
#lessons a:visited { color:#49731E; text-decoration:none;  }
#lessons a:hover { color:#000; text-decoration:none; background: #D7FF9B; }


/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}



tr {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;

	}

		
/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	color: #900;
	}

a.navOld:link {
	color:990000; 
font-family: Verdana, Arial, Helvetica, san-serif; 
font-size: 1em; 
text-decoration:none
	line-height: 1.6em;
font-variant:small-caps;
}
a.navOld:active {
color:330000; 
font-size: 1em; 
text-decoration:none;
font-variant:small-caps;
}
a.navOld:visited {
color:660000; 
font-size: 1em; 
text-decoration:none;
font-variant:small-caps;
}
a.navOld:hover {
color:660000; 
text-decoration:none; 
font-size: 1em; 
border-bottom:dashed 1px;
font-variant:small-caps;
}

a.nav { padding: 2px; width: 160px;}
a.nav:link {
	color:990000; 
font-family: Verdana, Arial, Helvetica, san-serif; 
font-size: 1em; 
text-decoration:none
	line-height: 1.6em;
font-variant:normal;
}

a.nav:active {
color:330000; 
font-size: 1em; 
text-decoration:none;
font-variant:normal;
}
a.nav:visited {
color:000; 
font-size: 1em; 
text-decoration:none;
font-variant:normal;
}
a.nav:hover {
color:#ffffff; 
text-decoration:none; 
font-size: 1em; 
font-variant:normal;
background: 330000;
}


a.librarylinks {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 1em; 
line-height: 1.6em;
font-variant:small-caps;
padding-left: 10px;
}
a.librarylinks:link { color:990000; text-decoration:none; }
a.librarylinks:active { color:330000; text-decoration:none; }
a.librarylinks:visited { color:CC6600; text-decoration:none;  }
a.librarylinks:hover { color:#ffffff; text-decoration:none; background: rgb(250,172,25); }

#rightnav a {
font-size: 1em; 
line-height: 1.6em;
font-variant:small-caps;
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 0px;
}
#rightnav a:link { color:fff; text-decoration:none; }
#rightnav a:active { color:000; text-decoration:none; }
#rightnav a:visited { color:fff; text-decoration:none;  }
#rightnav a:hover { color:#000; text-decoration:none; background: D7FF9B; }

#rightnav { margin: -22px 0px 0px 25px; 
padding-bottom: 1px;
border-bottom: 0px dashed black; width: 720px;}


a.navList:link {
	color:990000; 
font-family: Verdana, Arial, Helvetica, san-serif; 
font-size: 1em; 
text-decoration:none
	line-height: .5em;
font-variant:small-caps;
}
a.navList:active {
color:330000; 
font-family: Verdana, Arial, Helvetica, san-serif; 
font-size: 1em; 
text-decoration:none;
font-variant:small-caps;
line-height: .5em;
}
a.navList:visited {
color:cc6600; 
font-family: Verdana, Arial, Helvetica, san-serif; 
font-size: 1em; 
text-decoration:none;
font-variant:small-caps;
line-height: .5em;
}
a.navList:hover {
color:ffffff; 
font-family: Verdana, Arial, Helvetica, san-serif; 
text-decoration:none; 
font-size: 1em; 
background: rgb(250,172,25);
font-variant:small-caps;
line-height: .5em;
}


a.navBig:link {
	color:990000; 
	font-family: Verdana, Arial, Helvetica, san-serif; 
	text-decoration:none
	font-variant:small-caps;
	line-height: 1.6em;
	font-size: 1.2em; 
}
a.navBig:active {
	color:cc0000; 
	font-family: Verdana, Arial, Helvetica, san-serif; 
	text-decoration:none;
	font-variant:small-caps;
	line-height: 1.6em;
	font-size: 1.2em; 
}
a.navBig:visited {
	color:cc6600; 
	font-family: Verdana, Arial, Helvetica, san-serif; 
	text-decoration:none;
	font-variant:small-caps;
	line-height: 1.6em;
	font-size: 1.2em; 
}
a.navBig:hover {
	color:ffffff; 
	font-family: Verdana, Arial, Helvetica, san-serif; 
	text-decoration:none; 
	font-variant:small-caps;
	line-height: 1.6em;
	font-size: 1.2em; 
	background: rgb(250,172,25);
}


a.navSmall:link {
	color:990000; 
	font-family: Verdana, Arial, Helvetica, san-serif; 
	font-size: .8em; 
	text-decoration:none
	line-height: 1.6em;
	margin-right: 2px;
	margin-left: 2px;
}
a.navSmall:active {
	color:cc0000; 
	text-decoration:none;
	font-size: .8em; 
	margin-right: 2px;
	margin-left: 2px;
}
a.navSmall:visited {
	color:cc6600; 
	text-decoration:none;
	font-size: .8em; 
	margin-right: 2px;
	margin-left: 2px;

}
a.navSmall:hover {color:ffffff; 
	text-decoration:none; 
	background: rgb(250,172,25);
	font-size: .8em; 
	margin-right: 2px;
	margin-left: 2px;
}

a.navSmallWhite:link {
	color:ffffff; 
	font-family: Verdana, Arial, Helvetica, san-serif; 
	font-size: .8em; 
	text-decoration:none
	line-height: 1.6em;
}
a.navSmallWhite:active {
	color:cc0000; 
	text-decoration:none;
	font-size: .8em; 
}
a.navSmallWhite:visited {
	color:eeeeee; 
	text-decoration:none;
	font-size: .8em; 
}
a.navSmallWhite:hover {color:ffffff; 
	text-decoration:none; 
	background: rgb(250,172,25);
	font-size: .8em; 
}



.head {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding:  0 0 0 .5em;
	background-color: #8ab1ce;
	}
.front-head {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0em 0em -1em 0em;
font-variant:small-caps;
}

.faq {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: .5em;
	margin-bottom: .5em;
	}

h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em -.75em 0em;
	font-weight: normal;
	}
#lessons h3 {
	margin: 1.2em 0px 0px 0px;
}
#lessons h2 {
	font-weight: bolder;
	margin: 1.2em 0px -5px;
}
#lessons h1 {
	font-weight: bolder;
}
.floatright {
	margin: 5px;
	float: right;
}



h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.4em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1em;
	line-height: 1.6em;
	margin: 1.2em 1em 1.2em 0em;
	}

blockquote {
	font-size: 1em;
	line-height: 1.6em;
	margin: 1.2em 1em 1.2em 0em;
	margin-left: 2em;
	}

li > p {
	margin-top: 0.2em;
	margin-left: -0.5em;
	}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}



.quote {
	font-size: .8em;
	line-height: 1.6em;
	font-style: italic;
	margin: 1.2em 1em 1.2em 0em;
	}


h3 {color: #000000; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 16px; FONT-WEIGHT: bolder; LINE-HEIGHT: 16px; text-align: left
}

A.NavLnkNormal:link {
	COLOR: rgb(102,0,0); TEXT-DECORATION: none; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px; padding-left: 5px;
}
A.NavLnkNormal:visited {
	COLOR: rgb(102,0,0); TEXT-DECORATION: none; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px; padding-left: 5px; 
}
A.NavLnkNormal:hover {
	COLOR: rgb(255,255,255);
	background: rgb(102,0,0);
	TEXT-DECORATION: none;
	FONT-FAMILY: Arial,verdana,sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 16px;
	padding-left: 5px;
}

A.NavLnkBig:link {
	COLOR: rgb(102,0,0); TEXT-DECORATION: none; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
A.NavLnkBig:visited {
	COLOR: rgb(102,0,0); TEXT-DECORATION: none; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
A.NavLnkBig:hover {
	COLOR: rgb(255,255,255); background: rgb(102,0,0); TEXT-DECORATION: none; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 13px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}



.MainText {
	COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal; LINE-HEIGHT: 18px; text-align: justify;
}
.MainTextBold {
	COLOR: #333333; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
.ListText {
	COLOR: #333333; FONT-FAMILY: sans-serif,verdana,arial; FONT-SIZE: 11px; FONT-WEIGHT: normal; LINE-HEIGHT: 18px
}
.FormText {
	COLOR: #333333; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; LINE-HEIGHT: 12px
}
.NavBarOff {
	FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; LINE-HEIGHT: 16px
}
.NavBarSubOff {
	COLOR: #ffffff; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; LINE-HEIGHT: 16px
}
.NavBarOn {
	COLOR: #ffffff; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
.NavBarSubOn {
	COLOR: #660000; FONT-FAMILY: Arial, verdana, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: normal; LINE-HEIGHT: 16px
}
A.SubLnk:link {
	COLOR: rgb(102,0,0); TEXT-DECORATION: none; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
A.SubLnk:visited {
	COLOR: rgb(51,0,0); TEXT-DECORATION: none; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
A.SubLnk:hover {
	COLOR: rgb(255,255,255); background: rgb(102,0,0); TEXT-DECORATION: none; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
}
.SubHeadingText {
	COLOR: #660000; FONT-FAMILY: Arial, verdana, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
.HeadingTextWhite {
	COLOR: #ffffff; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 22px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
.SubHeadingTextWhite {
	COLOR: #ffffff; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 18px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
.HeadingText {
	COLOR: #333333; FONT-FAMILY: Arial, verdana, sans-serif; FONT-SIZE: 22px; FONT-WEIGHT: bold; LINE-HEIGHT: 24px
}
.ThinHeadingText {
	COLOR: #333333;
	FONT-FAMILY: Arial, verdana, sans-serif;
	FONT-SIZE: 22px;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-align: justify;

}
.MainTextResume {
	COLOR: #333333; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: normal; LINE-HEIGHT: 16px
}
.HeadingTextResume {
	COLOR: #333333; FONT-FAMILY: Arial, verdana, sans-serif; FONT-SIZE: 26px; FONT-WEIGHT: bold; LINE-HEIGHT: 28px
}
A.NavLnkLogin:link {
	COLOR: rgb(102,0,0); TEXT-DECORATION: none; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 18px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
A.NavLnkLogin:visited {
	COLOR: rgb(102,0,0); TEXT-DECORATION: none; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 18px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
A.NavLnkLogin:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;
	FONT-FAMILY: Arial, verdana, sans-serif;
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 16px;
	background-color: #660000;

}
TD.HaveBorder {
border: 0px;
padding: 0px; 
margin-bottom: -20px;
}
.lessonheader { position: relative; left: -15px; width: 100%; background: D7FF9B; padding: 15px 15px 10px 15px; margin-bottom: -12px; margin-top: 20px;}
#lessonlist p { margin-bottom: -10px; margin-right: 12px;}
.calltollfree {
	COLOR: rgb(102,0,0); FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 14px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
.highlight {background-color: #D7FF9B; padding: 1px;}
A.SubLnk:visited {
	COLOR: rgb(51,0,0); TEXT-DECORATION: none; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
A.SubLnk:hover {
	COLOR: rgb(255,255,255); background: rgb(102,0,0); TEXT-DECORATION: none; FONT-FAMILY: Arial,verdana,sans-serif; FONT-SIZE: 10px; FONT-WEIGHT: bold; LINE-HEIGHT: 16px
}
}
.quoteBlack {

	COLOR: #000000;
	FONT-FAMILY: Arial, verdana, sans-serif;
0	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 16px;
	font-style: italic;
	text-align: justify;
}
.MainTextExtraBold {
	COLOR: #333333;
	FONT-FAMILY: Arial, verdana, sans-serif;
	FONT-SIZE: 16px;
	FONT-WEIGHT: bolder;
	LINE-HEIGHT: 16px;
	font-variant: normal;
	}
	
#faq {}
#faq h2 { 
	background-color:#FFFFCC;
	font-size: 13px;
	padding: 4px; 
	border-bottom: 2px solid #000;}
	
.emphasisGreen {color: #009900; font-weight: bolder; font-style: italic;}

.footer {
	position: relative;
	top: 15px;
	left: 0px;
	clear: all;
	display: block;
}
.submitemail {
	width: 100%;
	font: 10px/100% Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	padding: 10px 0px 0px 10px;
	margin-top: 15px;
	border-top: 1px solid #000000;
	border-right: 0px none #000000;
	border-bottom: 0px none #000000;
	border-left: 0px dashed #78FF00;
}
.submitemail .p { text-align: left; margin: 0px; padding: 0px;}


#apDiv1 {
	position:absolute;
	left:10px;
	top:116px;
	width:275px;
	height:379px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:290px;
	top:116px;
	width:229px;
	height:377px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:14px;
	top:501px;
	width:507px;
	height:183px;
	z-index:3;
}