* {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
BODY {
	TEXT-ALIGN: center; BACKGROUND-COLOR: #ffffff; FONT: 12px Georgia, Arial, Helvetica, sans-serif; COLOR: #000
}
A:link {
	COLOR: #000; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #000; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #552e0f; TEXT-DECORATION: none
}
SPAN {
	TEXT-ALIGN: left
}
LI {
	TEXT-ALIGN: left
}
DT {
	TEXT-ALIGN: left
}
DD {
	TEXT-ALIGN: left
}
P {
	TEXT-ALIGN: left
}
H1 {
	TEXT-ALIGN: left
}
H2 {
	TEXT-ALIGN: left
}
H3 {
	TEXT-ALIGN: left
}
H4 {
	TEXT-ALIGN: left
}
H5 {
	TEXT-ALIGN: left
}
H6 {
	TEXT-ALIGN: left
}
IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
UL {
	LIST-STYLE-TYPE: none
}
LI {
	LIST-STYLE-TYPE: none
}
P {
	PADDING-BOTTOM: 5px; LINE-HEIGHT: 150%; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px
}
#hd {
	MARGIN: 0px auto; WIDTH: 960px; OVERFLOW: hidden
}
.wrap {
	MARGIN: 0px auto; WIDTH: 960px; OVERFLOW: hidden
}
#hd H1 {
	LINE-HEIGHT: 60px; MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 60px; COLOR: #000; FONT-SIZE: 28px; OVERFLOW: hidden
}
#hd H1 STRONG {
	COLOR: #930
}
#hd BLOCKQUOTE {
	TEXT-ALIGN: left; PADDING-BOTTOM: 40px; LINE-HEIGHT: 80px; MARGIN: 0px auto; PADDING-LEFT: 40px; WIDTH: 880px; PADDING-RIGHT: 40px; BACKGROUND: url(../img/banner.jpg) #968363; HEIGHT: 80px; COLOR: #eceadd; FONT-SIZE: 20px; OVERFLOW: hidden; PADDING-TOP: 40px
}
#navigation {
	BORDER-BOTTOM: #a4a296 1px solid; HEIGHT: 32px; OVERFLOW: hidden; BORDER-TOP: #a4a296 3px solid
}
#navigation LI {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 32px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 32px; FONT-SIZE: 14px; OVERFLOW: hidden; PADDING-TOP: 0px
}
#navigation LI A:link {
	FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none
}
#navigation LI A:visited {
	FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none
}
#navigation LI A:hover {
	FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none
}
#navigation LI A:hover {
	COLOR: #552e0f; TEXT-DECORATION: underline
}
#navigation LI.current A:link {
	COLOR: #552e0f; TEXT-DECORATION: underline
}
#navigation LI.current A:visited {
	COLOR: #552e0f; TEXT-DECORATION: underline
}
#navigation LI.current A:hover {
	COLOR: #552e0f; TEXT-DECORATION: underline
}
.md {
	MARGIN: 0px auto; WIDTH: 100%; OVERFLOW: hidden
}
.hd {
	MARGIN: 0px auto; WIDTH: 100%; OVERFLOW: hidden
}
.bd {
	MARGIN: 0px auto; WIDTH: 100%; OVERFLOW: hidden
}
.ft {
	MARGIN: 0px auto; WIDTH: 100%; OVERFLOW: hidden
}
#article {
	WIDTH: 759px; FLOAT: left; OVERFLOW: hidden; BORDER-RIGHT: #a4a296 1px solid
}
#resource-links {
	WIDTH: 759px; FLOAT: left; OVERFLOW: hidden; BORDER-RIGHT: #a4a296 1px solid
}
#brief-intro {
	WIDTH: 759px; FLOAT: left; OVERFLOW: hidden; BORDER-RIGHT: #a4a296 1px solid
}
#tools {
	WIDTH: 759px; FLOAT: left; OVERFLOW: hidden; BORDER-RIGHT: #a4a296 1px solid
}
#book-reviews {
	WIDTH: 759px; FLOAT: left; OVERFLOW: hidden; BORDER-RIGHT: #a4a296 1px solid
}
#javascript {
	WIDTH: 759px; FLOAT: left; OVERFLOW: hidden; BORDER-RIGHT: #a4a296 1px solid
}
#script {
	WIDTH: 759px; FLOAT: left; OVERFLOW: hidden; BORDER-RIGHT: #a4a296 1px solid
}
#article H1 {
	TEXT-ALIGN: center; LINE-HEIGHT: 50px; MARGIN: 0px auto; HEIGHT: 50px; FONT-SIZE: 24px; OVERFLOW: hidden; PADDING-TOP: 15px
}
#article P {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 10px
}
#resource-links H2 {
	LINE-HEIGHT: 40px; MARGIN: 0px auto; WIDTH: 90%; HEIGHT: 40px; COLOR: #552e0f; CLEAR: both; FONT-SIZE: 18px; OVERFLOW: hidden
}
#brief-intro H2 {
	LINE-HEIGHT: 40px; MARGIN: 0px auto; WIDTH: 90%; HEIGHT: 40px; COLOR: #552e0f; CLEAR: both; FONT-SIZE: 18px; OVERFLOW: hidden
}
#book-reviews H2 {
	LINE-HEIGHT: 40px; MARGIN: 0px auto; WIDTH: 90%; HEIGHT: 40px; COLOR: #552e0f; CLEAR: both; FONT-SIZE: 18px; OVERFLOW: hidden
}
#resource-links UL {
	PADDING-BOTTOM: 15px; MARGIN: 0px 5%; WIDTH: 90%; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden
}
#resource-links LI {
	LINE-HEIGHT: 24px; TEXT-INDENT: 20px; HEIGHT: 24px; FONT-SIZE: 14px
}
#brief-intro H2 {
	PADDING-TOP: 10px
}
#brief-intro P {
	LINE-HEIGHT: 180%; TEXT-INDENT: 28px; MARGIN: 0px auto; WIDTH: 90%; FONT-SIZE: 14px; OVERFLOW: hidden
}
#brief-intro A {
	COLOR: #552e0f
}
#side {
	WIDTH: 200px; FLOAT: right; OVERFLOW: hidden
}
#side .md {
	MARGIN-TOP: 10px
}
#side .md P.image {
	TEXT-ALIGN: center
}
#side .hd {
	BORDER-BOTTOM: #a4a296 1px solid; LINE-HEIGHT: 30px; TEXT-INDENT: 10px; HEIGHT: 30px
}
#side .hd H2 {
	FONT-SIZE: 14px
}
#side .hd {
	TEXT-ALIGN: left; WIDTH: 190px; OVERFLOW: hidden
}
#side .bd {
	TEXT-ALIGN: left; WIDTH: 190px; OVERFLOW: hidden
}
#blogroll LI {
	TEXT-ALIGN: left; LINE-HEIGHT: 20px; WIDTH: 180px; OVERFLOW: hidden
}
#side .ft {
	TEXT-ALIGN: left; LINE-HEIGHT: 20px; WIDTH: 180px; OVERFLOW: hidden
}
#side .bd LI {
	LINE-HEIGHT: 22px; TEXT-INDENT: 10px; HEIGHT: 22px; OVERFLOW: hidden
}
#javascript .md {
	BORDER-BOTTOM: #a4a296 1px solid
}
#javascript H1 {
	LINE-HEIGHT: 40px; FONT-SIZE: 22px
}
#script H1 {
	LINE-HEIGHT: 40px; FONT-SIZE: 22px
}
#javascript LI {
	FONT-SIZE: 14px
}
#javascript P {
	FONT-SIZE: 14px
}
#javascript P {
	PADDING-BOTTOM: 10px; LINE-HEIGHT: 150%; MARGIN: 0px auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 10px
}
#javascript H2.byline {
	LINE-HEIGHT: 24px; HEIGHT: 24px; FONT-SIZE: 12px; FONT-WEIGHT: normal
}
#javascript H3.update {
	LINE-HEIGHT: 24px; HEIGHT: 24px; FONT-SIZE: 12px; FONT-WEIGHT: normal
}
#script {
	PADDING-BOTTOM: 20px
}
#script H1 {
	TEXT-ALIGN: center; MARGIN-TOP: 15px
}
#script H2 {
	LINE-HEIGHT: 30px; MARGIN: 0px auto; WIDTH: 96%; HEIGHT: 30px; CLEAR: both; FONT-SIZE: 14px; OVERFLOW: hidden
}
#script P {
	TEXT-ALIGN: left; FONT-SIZE: 14px
}
#script TEXTAREA {
	TEXT-ALIGN: left; MARGIN-TOP: 15px; WIDTH: 96%; HEIGHT: 400px; FONT-SIZE: 12px
}
#script PRE {
	TEXT-ALIGN: left; LINE-HEIGHT: 150%; MARGIN: 10px auto; WIDTH: 96%; COLOR: #552e0f; CLEAR: both; FONT-SIZE: 13px; OVERFLOW: auto
}
#script LI {
	FONT-SIZE: 14px
}
#byline {
	BORDER-BOTTOM: #a4a296 1px solid; TEXT-ALIGN: center; LINE-HEIGHT: 30px; MARGIN: 15px auto; WIDTH: 96%; HEIGHT: 30px; OVERFLOW: hidden; BORDER-TOP: #a4a296 1px solid
}
#javascript H2.byline A {
	PADDING-RIGHT: 15px; COLOR: #386866
}
#byline A {
	PADDING-RIGHT: 15px; COLOR: #386866
}
.tool {
	PADDING-BOTTOM: 10px; MARGIN: 10px auto; PADDING-LEFT: 0px; WIDTH: 96%; PADDING-RIGHT: 0px; CLEAR: both; OVERFLOW: hidden; PADDING-TOP: 10px
}
#javascript .md {
	PADDING-BOTTOM: 10px; MARGIN: 10px auto; PADDING-LEFT: 0px; WIDTH: 96%; PADDING-RIGHT: 0px; CLEAR: both; OVERFLOW: hidden; PADDING-TOP: 10px
}
.tool H1 {
	LINE-HEIGHT: 50px
}
.tool P {
	PADDING-BOTTOM: 10px; LINE-HEIGHT: 150%; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 96%; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 10px
}
#script P {
	PADDING-BOTTOM: 10px; LINE-HEIGHT: 150%; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 96%; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 10px
}
.tool P.image {
	TEXT-ALIGN: center
}
#javascript P.image {
	TEXT-ALIGN: center
}
#script P.image {
	TEXT-ALIGN: center
}
.tool BLOCKQUOTE {
	BORDER-BOTTOM: #a4a296 1px solid; TEXT-ALIGN: left; PADDING-BOTTOM: 5px; LINE-HEIGHT: 150%; MARGIN: 15px auto; PADDING-LEFT: 5px; WIDTH: 488px; PADDING-RIGHT: 5px; COLOR: #552e0f; FONT-SIZE: 12px; OVERFLOW: hidden; BORDER-TOP: #a4a296 1px solid; PADDING-TOP: 5px
}
.tool A {
	COLOR: #552e0f
}
#javascript A {
	COLOR: #552e0f
}
.tool H2 {
	LINE-HEIGHT: 30px; MARGIN: 0px auto; WIDTH: 96%; HEIGHT: 30px; FONT-SIZE: 16px; OVERFLOW: hidden
}
.tool UL {
	MARGIN: 10px 3%; WIDTH: 96%; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden
}
#script UL.download {
	MARGIN: 10px 3%; WIDTH: 96%; DISPLAY: inline; FLOAT: left; OVERFLOW: hidden
}
.tool LI {
	LINE-HEIGHT: 22px; HEIGHT: 22px
}
#javascript LI {
	LINE-HEIGHT: 22px; HEIGHT: 22px
}
#script LI {
	LINE-HEIGHT: 22px; HEIGHT: 22px
}
#javascript H1 A {
	COLOR: #c30
}
#script H1 {
	COLOR: #c30
}
.book {
	BORDER-BOTTOM: #a4a296 1px dashed; PADDING-BOTTOM: 10px; MARGIN: 0px auto 10px; PADDING-LEFT: 0px; WIDTH: 96%; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.book IMG {
	BORDER-BOTTOM: #a4a296 1px solid; BORDER-LEFT: #a4a296 1px solid; PADDING-BOTTOM: 4px; MARGIN: 0px 10px 10px 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; DISPLAY: inline; FLOAT: left; BORDER-TOP: #a4a296 1px solid; BORDER-RIGHT: #a4a296 1px solid; PADDING-TOP: 4px
}
.book H3 {
	FONT-SIZE: 18px
}
.book H4 {
	FONT-SIZE: 14px
}
.book LI {
	LINE-HEIGHT: 22px; TEXT-INDENT: 24px; HEIGHT: 22px; OVERFLOW: hidden
}
#about IMG {
	BORDER-BOTTOM: #a4a296 1px solid; BORDER-LEFT: #a4a296 1px solid; PADDING-BOTTOM: 2px; MARGIN: 5px; PADDING-LEFT: 2px; WIDTH: 60px; PADDING-RIGHT: 2px; FLOAT: left; HEIGHT: 60px; BORDER-TOP: #a4a296 1px solid; BORDER-RIGHT: #a4a296 1px solid; PADDING-TOP: 2px
}
#about UL {
	WIDTH: 114px; FLOAT: right; OVERFLOW: hidden
}
#about UL LI {
	LINE-HEIGHT: 19px; OVERFLOW: hidden
}
#works IMG {
	BORDER-BOTTOM: #a4a296 1px solid; BORDER-LEFT: #a4a296 1px solid; PADDING-BOTTOM: 2px; MARGIN: 5px; PADDING-LEFT: 2px; WIDTH: 79px; PADDING-RIGHT: 2px; DISPLAY: inline; FLOAT: left; HEIGHT: 79px; BORDER-TOP: #a4a296 1px solid; BORDER-RIGHT: #a4a296 1px solid; PADDING-TOP: 2px
}
#works A:hover IMG {
	BORDER-BOTTOM: #552e0f 1px solid; BORDER-LEFT: #552e0f 1px solid; BORDER-TOP: #552e0f 1px solid; BORDER-RIGHT: #552e0f 1px solid
}
#blogroll UL {
	PADDING-TOP: 5px
}
#blogroll LI {
	LINE-HEIGHT: 22px; MARGIN: 0px 5px; DISPLAY: inline; FLOAT: left; HEIGHT: 22px
}
#blogroll .ft {
	TEXT-ALIGN: right
}
#works .ft {
	TEXT-ALIGN: right
}
#pages {
	TEXT-ALIGN: right; MARGIN: 15px auto; WIDTH: 96%; HEIGHT: 40px; OVERFLOW: hidden
}
#pages A:link {
	BORDER-BOTTOM: #386866 1px solid; BORDER-LEFT: #386866 1px solid; PADDING-BOTTOM: 5px; MARGIN: 5px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; FLOAT: left; COLOR: #386866; BORDER-TOP: #386866 1px solid; BORDER-RIGHT: #386866 1px solid; TEXT-DECORATION: none; PADDING-TOP: 5px
}
#pages A:visited {
	BORDER-BOTTOM: #386866 1px solid; BORDER-LEFT: #386866 1px solid; PADDING-BOTTOM: 5px; MARGIN: 5px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; FLOAT: left; COLOR: #386866; BORDER-TOP: #386866 1px solid; BORDER-RIGHT: #386866 1px solid; TEXT-DECORATION: none; PADDING-TOP: 5px
}
#pages A:hover {
	BORDER-BOTTOM: #386866 1px solid; BORDER-LEFT: #386866 1px solid; PADDING-BOTTOM: 5px; MARGIN: 5px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; FLOAT: left; COLOR: #386866; BORDER-TOP: #386866 1px solid; BORDER-RIGHT: #386866 1px solid; TEXT-DECORATION: none; PADDING-TOP: 5px
}
#pages A:hover {
	BORDER-BOTTOM: #c30 1px solid; BORDER-LEFT: #c30 1px solid; BACKGROUND-COLOR: #c30; COLOR: #fff; BORDER-TOP: #c30 1px solid; BORDER-RIGHT: #c30 1px solid
}
#pages A.current:link {
	BORDER-BOTTOM: #c30 1px solid; BORDER-LEFT: #c30 1px solid; BACKGROUND-COLOR: #c30; COLOR: #fff; BORDER-TOP: #c30 1px solid; BORDER-RIGHT: #c30 1px solid
}
#pages A.current:visited {
	BORDER-BOTTOM: #c30 1px solid; BORDER-LEFT: #c30 1px solid; BACKGROUND-COLOR: #c30; COLOR: #fff; BORDER-TOP: #c30 1px solid; BORDER-RIGHT: #c30 1px solid
}
#pages A.current:hover {
	BORDER-BOTTOM: #c30 1px solid; BORDER-LEFT: #c30 1px solid; BACKGROUND-COLOR: #c30; COLOR: #fff; BORDER-TOP: #c30 1px solid; BORDER-RIGHT: #c30 1px solid
}
#ft {
	PADDING-BOTTOM: 10px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 960px; PADDING-RIGHT: 0px; OVERFLOW: hidden; BORDER-TOP: #a4a296 1px solid; PADDING-TOP: 10px
}
#ft P {
	TEXT-ALIGN: center; LINE-HEIGHT: 20px; MARGIN: 0px auto; WIDTH: 960px; FONT-FAMILY: Georgia, sans-serif; FONT-SIZE: 14px
}
#y-adwindow {
	Z-INDEX: 999; BORDER-BOTTOM: #b0bec7 3px solid; POSITION: absolute; BORDER-LEFT: #b0bec7 3px solid; BACKGROUND-COLOR: #fff; WIDTH: 320px; HEIGHT: 270px; OVERFLOW: hidden; BORDER-TOP: #b0bec7 3px solid; BORDER-RIGHT: #b0bec7 3px solid
}
#y-adtitlebar {
	Z-INDEX: 1000; BORDER-BOTTOM: #b0bec7 3px solid; POSITION: relative; LINE-HEIGHT: 27px; BACKGROUND-COLOR: #eaeff5; MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 27px; OVERFLOW: hidden
}
#y-adtitlebar H2 {
	TEXT-ALIGN: left; LINE-HEIGHT: 27px; TEXT-INDENT: 6px; MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 27px; COLOR: #369; FONT-SIZE: 12px
}
#y-adtitlebar A:link {
	Z-INDEX: 1001; POSITION: absolute; TEXT-INDENT: -999px; WIDTH: 15px; BACKGROUND: url(../img/tool-sprites.gif) no-repeat 0px 0px; HEIGHT: 15px; COLOR: #369; OVERFLOW: hidden; TOP: 6px; RIGHT: 6px; TEXT-DECORATION: none
}
#y-adtitlebar A:visited {
	Z-INDEX: 1001; POSITION: absolute; TEXT-INDENT: -999px; WIDTH: 15px; BACKGROUND: url(../img/tool-sprites.gif) no-repeat 0px 0px; HEIGHT: 15px; COLOR: #369; OVERFLOW: hidden; TOP: 6px; RIGHT: 6px; TEXT-DECORATION: none
}
#y-adtitlebar A:hover {
	Z-INDEX: 1001; POSITION: absolute; TEXT-INDENT: -999px; WIDTH: 15px; BACKGROUND: url(../img/tool-sprites.gif) no-repeat 0px 0px; HEIGHT: 15px; COLOR: #369; OVERFLOW: hidden; TOP: 6px; RIGHT: 6px; TEXT-DECORATION: none
}
#y-adtitlebar A:hover {
	BACKGROUND: url(../img/tool-sprites.gif) no-repeat -15px 0px
}
#y-adcontent {
	BACKGROUND-COLOR: #eaeff5; MARGIN: 0px auto; OVERFLOW: hidden
}
#y-adcontent {
	WIDTH: 100%; HEIGHT: 240px
}
#y-adcontent IMG {
	WIDTH: 100%; HEIGHT: 240px
}
#y-admessage {
	WIDTH: 100%; HEIGHT: 240px
}
#y-admessage P {
	PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 0px
}
#y-admessage P#y-admsg-info {
	LINE-HEIGHT: 150%; MARGIN-TOP: 10px; TEXT-INDENT: 24px; WIDTH: 94%; MARGIN-BOTTOM: 10px; HEIGHT: 180px; FONT-SIZE: 12px; OVERFLOW: auto
}
#y-admessage P#y-admsg-info IMG {
	BORDER-BOTTOM: #b0bec7 1px solid; BORDER-LEFT: #b0bec7 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; WIDTH: 130px; PADDING-RIGHT: 2px; FLOAT: left; HEIGHT: 174px; BORDER-TOP: #b0bec7 1px solid; MARGIN-RIGHT: 10px; BORDER-RIGHT: #b0bec7 1px solid; PADDING-TOP: 2px
}
#y-admessage P#y-admsg-view {
	TEXT-ALIGN: right; LINE-HEIGHT: 38px; WIDTH: 96%; HEIGHT: 39px; OVERFLOW: hidden; BORDER-TOP: #b0bec7 1px solid
}
#y-admessage P#y-admsg-view A {
	COLOR: #369
}