html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 87%; 
	background-color: #f2ebe5;
	color: black; 
	font-family: arial, helvetica, sans-serif
}

TEXTAREA {
	FONT-FAMILY: arial, helvetica, sans-serif
}

INPUT {
	FONT-FAMILY: arial, helvetica, sans-serif
}
abbr {
	CURSOR: help; 
	BORDER-BOTTOM: #999 1px dotted
}
ACRONYM {
	CURSOR: help; 
	BORDER-BOTTOM: #999 1px dotted
}
SPAN.abbr {
	CURSOR: help; 
	BORDER-BOTTOM: #999 1px dotted
}
:link {
	COLOR: #00c
}
:visited {
	COLOR: #609
}
A:active {
	COLOR: #c00
}
A:hover {
	COLOR: #00c; 
	BACKGROUND-COLOR: yellow
}
#header {
	PADDING-RIGHT: 0.5em; 
	PADDING-LEFT: 0.5em; 
	PADDING-BOTTOM: 0.5em; 
	COLOR: #339; 
	PADDING-TOP: 0.5em;
	font-size: xx-small;
	font-family: Arial, helvetica, sans-serif
}
H1 {
	DISPLAY: inline; 
	FONT-SIZE: 2em
}
H1 {
	COLOR: #36c; 
	TEXT-DECORATION: none
}
H1 A:link {
	COLOR: #36c; 
	TEXT-DECORATION: none
}
H1 A:visited {
	COLOR: #36c; 
	TEXT-DECORATION: none
}
H1 A:hover {
	COLOR: #339; 
	BACKGROUND-COLOR: transparent
}
H1 A:hover EM {
	COLOR: #36c
}
H1 EM {
	COLOR: #339; 
	FONT-STYLE: normal
}
#header P {
	DISPLAY: inline; 
	PADDING-LEFT: 2em; 
	FONT-SIZE: 0.9em
}
#header P.hide {
	OVERFLOW: hidden; 
	WIDTH: 0px; 
	POSITION: absolute; 
	HEIGHT: 0px
}
#navigation {
	LEFT: 1em; 
	PADDING-BOTTOM: 1em; 
	WIDTH: 11.5em; 
	POSITION: absolute
}
#navigation UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0.5em 0px 0px; 
	PADDING-TOP: 0px
}
#navigation OL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0.5em 0px 0px; 
	PADDING-TOP: 0px
}
#navigation UL UL {
	MARGIN: 0px
}
#navigation UL OL {
	MARGIN: 0px
}
#navigation LI {
	DISPLAY: inline
}
#navigation A {
	 PADDING-RIGHT: 0.5em;  
	 DISPLAY: block; 
	 PADDING-LEFT: 0.5em; 
	 PADDING-BOTTOM: 0.15em; 
	 MARGIN: 1px 0.5em;  
	 WIDTH: 9.5em; 
	 COLOR: #336; 
	 LINE-HEIGHT: 1.2em; 
	 PADDING-TOP: 0.15em; 
	 border-bottom: 0px; 
	 TEXT-DECORATION: none; 
	 voice-family: inherit;
	border-left: none;
	border-right: none;
	border-top: none;
}
#navigation EM {
	BORDER-RIGHT: none; 
	PADDING-RIGHT: 0.5em; 
	BORDER-TOP: none; 
	DISPLAY: block; 
	PADDING-LEFT: 0.5em; 
	PADDING-BOTTOM: 0.15em; 
	MARGIN: 1px 0.5em; 
	BORDER-LEFT: none; 
	WIDTH: 9.5em; 
	COLOR: #336; 
	LINE-HEIGHT: 1.2em; 
	PADDING-TOP: 0.15em; 
	BORDER-BOTTOM: white 1px solid; 
	TEXT-DECORATION: none; 
	voice-family: inherit
}
UNKNOWN {
	WIDTH: 9.5em
}
#navigation LI LI A {
	PADDING-RIGHT: 0.5em; 
	PADDING-LEFT: 1.5em; 
	PADDING-BOTTOM: 0.15em; 
	WIDTH: 8.5em; 
	PADDING-TOP: 0.15em; 
	voice-family: inherit
}
#navigation LI LI EM {
	PADDING-RIGHT: 0.5em; 
	PADDING-LEFT: 1.5em; 
	PADDING-BOTTOM: 0.15em; 
	WIDTH: 8.5em; 
	PADDING-TOP: 0.15em; 
	voice-family: inherit
}
UNKNOWN {
	WIDTH: 8.5em
}
#navigation A:visited {
	COLOR: #558
}
#navigation A:hover {
	 BORDER-BOTTOM-COLOR: #7A1711; 
	 COLOR: #336;  
	 BACKGROUND-COLOR: White; 
	 TEXT-DECORATION: none;
	border: none;
	border-bottom: 1px solid #7A1711;
 }
#navigation .beginner A:hover {
	BORDER-BOTTOM-COLOR: #7A1711;
}
#navigation .intermediate A:hover {
	BORDER-BOTTOM-COLOR: #7A1711;
}
#navigation .advanced A:hover {
	BORDER-BOTTOM-COLOR: #7A1711;
}
#navigation EM {
	PADDING-RIGHT: 0.5em; 
	PADDING-LEFT: 1em; 
	PADDING-BOTTOM: 0.15em; 
	MARGIN: 1px 0.5em 1px 0px; 
	COLOR: #336; 
	PADDING-TOP: 0.15em; 
	FONT-STYLE: normal
}
#navigation LI LI EM {
	PADDING-LEFT: 1em; 
	MARGIN: 1px 0.5em 1px 1em
}
#contentHeading {
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-TOP: #ccc 1px solid; 
	MARGIN: 0.5em 1em 1em 12.5em; 
	BORDER-LEFT: #ccc 1px solid; 
	BORDER-BOTTOM: #ccc 1px solid
}
#contentHeadingHome {
	MARGIN: 0.5em 1em 1em 12.5em; 
}

#breadcrumb {
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 1em; 
	FONT-SIZE: 1em; 
	PADDING-BOTTOM: 0.3em; 
	MARGIN: 0px; 
	COLOR: #99b; 
	PADDING-TOP: 0.3em; 
	BORDER-BOTTOM: #ddd 1px solid; 
	BACKGROUND-COLOR: #eee
}
#breadcrumb A {
	COLOR: #999; 
	TEXT-DECORATION: none
}
#breadcrumb STRONG A {
	COLOR: #339
}
#breadcrumb A:hover {
	COLOR: #00c
}
.beginner#breadcrumb {
	 BORDER-BOTTOM-COLOR: #7A1711;  
}
.intermediate#breadcrumb {
	BORDER-LEFT-COLOR: #0c0; 
	BORDER-BOTTOM-COLOR: #0c0; 
	BORDER-TOP-COLOR: #0c0; 
	BORDER-RIGHT-COLOR: #0c0
}
.advanced#breadcrumb {
	BORDER-LEFT-COLOR: blue; 
	BORDER-BOTTOM-COLOR: blue; 
	BORDER-TOP-COLOR: blue; 
	BORDER-RIGHT-COLOR: blue
}
H2 {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 2em; 
	FONT-WEIGHT: bolder; 
	FONT-SIZE: 2em;  
	PADDING-BOTTOM: 1em; 
	MARGIN: 0px; 
	COLOR: Black; 
	PADDING-TOP: 1em; 
	FONT-STYLE: normal;
}

#content {
	position: relative;
	z-index: 1;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 1em;  
	PADDING-TOP: 1.5em; 
	height: 550px;
}

.item {
	MARGIN: 0px 2em 1.5em; 
	HEIGHT: 52px
}
UNKNOWN {
	MIN-HEIGHT: 52px; 
	HEIGHT: auto
}

.item IMG {
	BORDER-RIGHT: #ccc 1px solid; 
	BORDER-TOP: #ccc 1px solid; 
	MARGIN-TOP: -1.25em; 
	BORDER-LEFT: #ccc 1px solid; 
	WIDTH: 50px; 
	BORDER-BOTTOM: #ccc 1px solid; 
	POSITION: absolute; 
	HEIGHT: 50px
}
.item .date {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 0.8em; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 0.5em 70px; 
	COLOR: #999; 
	PADDING-TOP: 0px
}
.item H4 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 1em; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 0px 52px; 
	PADDING-TOP: 0px
}
#list .item P {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 1em; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 1em 52px; 
	PADDING-TOP: 0px
}
#content P {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 2em 1em 3.5em; 
	LINE-HEIGHT: 1.5em; 
	PADDING-TOP: 0px
}
#content UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 2em 1em 3.5em; 
	LINE-HEIGHT: 1.5em; 
	PADDING-TOP: 0px
}
#content OL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 2em 1em 3.5em; 
	LINE-HEIGHT: 1.5em; 
	PADDING-TOP: 0px
}
DL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 2em 1em 3.5em; 
	LINE-HEIGHT: 1.5em; 
	PADDING-TOP: 0px
}
#content P {
	MARGIN-LEFT: 2em
}
DL {
	MARGIN-LEFT: 2em
}
DT {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; PADDING-TOP: 0px
}
DD {
	MARGIN: 0px 0px 1em
}
CODE {
	FONT: 1em "Courier New",Courier,monospace; COLOR: #900
}
H3 {
   font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	PADDING-RIGHT: 0.85em; 
	PADDING-LEFT: 0.85em; 
	FONT-SIZE: 1.2em; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 1em; 
	COLOR: Black; 
	PADDING-TOP: 0px;
	font-style: normal;
}
H4 {
	PADDING-RIGHT: 1.5em; 
	PADDING-LEFT: 1.5em; 
	FONT-SIZE: 1em; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 1em; 
	PADDING-TOP: 0px
}
PRE {
	BORDER-RIGHT: #ccc 2px dotted; 
	PADDING-RIGHT: 1em; 
	BORDER-TOP: #ccc 2px dotted; 
	PADDING-LEFT: 1em; 
	PADDING-BOTTOM: 1em; 
	MARGIN: 0px 2em 1em; 
	FONT: 1em "Courier New",Courier,monospace; 
	BORDER-LEFT: #ccc 2px dotted; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #ccc 2px dotted; 
	WHITE-SPACE: normal
}
PRE STRONG {
	COLOR: #d00
}
PRE CODE {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	COLOR: black; 
	PADDING-TOP: 1em
}
PRE .m1 {
	MARGIN-LEFT: 2em
}
PRE .m2 {
	MARGIN-LEFT: 4em
}
PRE .m3 {
	MARGIN-LEFT: 6em
}
.note {
	BORDER-RIGHT: #cce 1px solid; 
	BORDER-TOP: #cce 1px solid; 
	MARGIN: 0px 2em 1em; 
	BORDER-LEFT: #cce 1px solid; 
	BORDER-BOTTOM: #cce 1px solid; 
	BACKGROUND-COLOR: #f2f5fc
}
.note H3 {
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 1em; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 1em; 
	PADDING-BOTTOM: 0.25em; 
	COLOR: #339; 
	PADDING-TOP: 0.25em; 
	BACKGROUND-COLOR: #eee
}
#seeAlso H3 {
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 1em; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 1em; 
	PADDING-BOTTOM: 0.25em; 
	COLOR: #339; 
	PADDING-TOP: 0.25em; 
	BACKGROUND-COLOR: #eee
}
#homeBox H3 {
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 1em; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 1em; 
	PADDING-BOTTOM: 0.25em; 
	COLOR: Black; 
	PADDING-TOP: 0.25em; 
	BACKGROUND-COLOR: #eee
}
#comments H3 {
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 1em; 
	FONT-SIZE: 1em; 
	MARGIN-BOTTOM: 1em; 
	PADDING-BOTTOM: 0.25em; 
	COLOR: #339; 
	PADDING-TOP: 0.25em; 
	BACKGROUND-COLOR: #eee
}
.note H3 {
	BORDER-BOTTOM: white 2px solid; 
	BACKGROUND-COLOR: #e3eaf9
}
#content .note P {
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 1em; 
	PADDING-BOTTOM: 1em; 
	MARGIN: 0px;
	PADDING-TOP: 0px
}
#seeAlso P {
	PADDING-RIGHT: 1em;
	PADDING-LEFT: 1em;
	PADDING-BOTTOM: 1em; 
	MARGIN: 0px;
	PADDING-TOP: 0px
}
#contactForm {
	PADDING-RIGHT: 2em;
	PADDING-LEFT: 2em;
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px
}
FORM {
	MARGIN: 0px;
	WIDTH: 100%
}
#contactForm DIV {
	MARGIN-BOTTOM: 0.5em
}
INPUT {
	BORDER-RIGHT: #ddd 1px solid; 
	BORDER-TOP: #ddd 1px solid; 
	FONT-SIZE: 1em; 
	BORDER-LEFT: #ddd 1px solid; 
	WIDTH: 98%; 
	BORDER-BOTTOM: #ddd 1px solid
}
TEXTAREA {
	BORDER-RIGHT: #ddd 1px solid; 
	BORDER-TOP: #ddd 1px solid; 
	FONT-SIZE: 1em; 
	BORDER-LEFT: #ddd 1px solid; 
	WIDTH: 98%; 
	BORDER-BOTTOM: #ddd 1px solid
}
INPUT.button {
	WIDTH: 5em; CURSOR: pointer
}
#seeAlso {
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #ccc 1px solid; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 1em 1em 12.5em; 
	BORDER-LEFT: #ccc 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #ccc 1px solid
}
#homeBox {
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #ccc 1px solid; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 1em 1em 12.5em; 
	BORDER-LEFT: #ccc 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #ccc 1px solid
}
#comments {
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #ccc 1px solid; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 1em 1em 12.5em; 
	BORDER-LEFT: #ccc 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #ccc 1px solid
}
#comments {
	MARGIN-BOTTOM: 1em
}
#nextPrevious {
	BORDER-TOP: #eee 1px solid; 
	PADDING-TOP: 1em; 
	HEIGHT: 2em
}
UNKNOWN {
	MIN-HEIGHT: 2em; 
	HEIGHT: auto
}
#next {
	FLOAT: right
}
#comments #form {
	PADDING-RIGHT: 1em; 
	PADDING-LEFT: 1em; 
	PADDING-BOTTOM: 1em; 
	PADDING-TOP: 0px
}
#comments FORM {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 100%; 
	PADDING-TOP: 0px
}
#comments TEXTAREA {
	WIDTH: 98%
}
#comments LABEL {
	FONT-WEIGHT: normal
}
#comments P {
	DISPLAY: inline; MARGIN: 0px
}
#comments P#message {
	DISPLAY: block
}
#comments LABEL.nameEmail {
	WIDTH: 12em
}
#comments INPUT {
	MARGIN-TOP: 1em; 
	WIDTH: 15em
}
#comments .button {
	FONT-SIZE: 0.8em; 
	WIDTH: 5em
}
#footer {
	position: relative;
	z-index: 2;
	padding-right: 1em; 
	padding-left: 1em; 
	padding-bottom: 0.3em; 
	padding-top: 0.3em;
	font-size: small;
}
#footer P {
	padding-right: 0px; 
	padding-left: 0px; 
	font-size: small; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	text-align: center;
}

.pict {
	border: none;
	visibility: visible;
	position: relative;
	left: 25%;
	padding-bottom: 35%;
	padding-top: 10px;
	z-index: auto;
}