body {
	color: #000000;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#header {
	width: 100%;
}
#content {
	margin-top: 80px;
	margin-right: 320px;
	margin-left: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Hack for IE5.* which misinterprets the width */
* #content {
 width: 100%;
 w\idth: auto;
 }
/* end hack */
#nav {
	position: absolute;
	width: 266px;
	top: 120px;
	right: 10px;
	border-left-style: dotted;
	border-left-width: 1px;
}
#nav img {
	display: none;
}

#nav .section {
	margin-top: 30px;
	padding-top: 20px;
}
#nav h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3C582F;
	text-align: left;
	padding: 0px;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	margin-left: .5em;
}
#nav p {
	margin-left: 35px;
}
#nav label {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3C582F;
}
#nav .searchtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 120px;
	border: 1px solid #7F9DB9;
}
#nav ul.topics {
	padding: 0px;
	margin-right: 20px;
	margin-left: 10px;
	list-style: none;
}
#nav ul.topics li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3C582F;
	background: #FFFFFF url(../nav-topics-bullet.gif) no-repeat 4px 50%;
	padding: .2em .4em .3em 26px;
}
#topic-css ul.topics li.topic-css, #topic-php ul.topics li.topic-php, #topic-asp ul.topics li.topic-asp, #topic-javascript ul.topics li.topic-javascript, #topic-jsp ul.topics li.topic-jsp, {background-image: url(../nav-topics-bullet-hilite.gif);
}
#nav ul.topics li a:link {
	font-weight: bold;
	color: #3C582F;
	text-decoration: none;
}
#nav ul.topics li a:visited {
	font-weight: bold;
	color: #3C582F;
	text-decoration: none;
}
#nav ul.list {
	padding: 0px;
	margin-right: 20px;
	margin-left: 30px;
}
#nav ul.list a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3C582F;
}
#nav ul.list a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3C582F;
}


#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}
#header-top {
	background: #E9ECE4;
	vertical-align: bottom;
	height: 65px;
	background-color: #FFFFFF;
}
#header-top .logotext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3C582F;
	position: absolute;
	left: 10px;
	top: 10px;
}

.tagline {
	font-style: italic;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3C582F;
	text-decoration: none;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 300px;
	padding-top: 2em;

}
#controls {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #72746D;
	text-align: right;
	float: right;
	padding-top: 0.2em;
	padding-right: 60px;
}
#controls ul {
	margin: 0px;
	padding: 0px;
}
#header p {
	margin: 0px;
	padding: 0px;
}
#controls p {
	margin: 0px;
	padding: 0px;
}
#controls li {
	display: inline;
}
.clear {
	clear: both;
}
#content h1 {
	font-style: italic;
	font-weight: bold;
	color: #3C582F;
	text-align: right;
	margin: 0px;
	padding: 0px 0px .2em;
}
#content h2 {
	font-weight: bold;
	color: #3C582F;
	margin: 1.5em .5em 0px;
	padding: 0px 0px .1px;
}
#content a:link {
	color: #3C582F;
}
a:visited {
	color: 3C582F;
}
#content h3 {
	color: #000000;
}
#content .homepage-box .author-pic {
	float: left;
	width: 104px;
	margin-right: 20px;
	margin-left: 4px;
	display: none;
}
#content .homepage-box {
	width: 100%;
	border-top: 1px solid 8A9877;
}
#content .homepage-box p {
	margin-right: 20px;
}
#content p.authorcredit {
	color: 8A9877;
	text-align: right;
}
.authorcredit .date {
	vertical-align: top;
	margin-left: 1em;
}


#header-bottom {
	background: #D9DDCF;
	height: 31px;
	background-color: #FFFFFF;
}
#header-bottom ul {
	margin: 0px;
	padding: 5px 0px 0px 320px;
}
#header-bottom li {
	font-style: italic;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	margin-right: 2.4em;
}
#header-bottom li a:link {
	font-family: #3C582F;
	text-decoration: none;
}
#header-bottom li a:visited {
	font-family: #3C582F;
	text-decoration: none;
}
img {
	border-width: 0px;
}
.homepage-box .rss {
	float: right;
	width: 40px;
}
#content .homepage-box table {
	width: 98%;
	margin-top: 1em;
	border-collapse: collapse;
}
#content .homepage-box th {
	color: #72746D;
}
#content .homepage-box td {
	padding-top: .3em;
	padding-bottom: .3em;
}
#content .homepage-box tr.even {
}
#content .homepage-box td.bullet {
	padding-left: 28px;
}
#content .homepage-box tr.even td.bullet {
	padding-left: 28px;
}
#content .homepage-box .browser-stats-image {
	float: right;
	width: 180px;
	margin-top: 10px;
	margin-bottom: 20px;
	display: none;
}
#content .homepage-box .browser-stats-discussion {
	clear: right;
}
#content .homepage-box .browser-stats-list {
	font-weight: bold;
}
#content .homepage-box .browser-stats-list li.ie6 {
	list-style: url(../ie6-bullet.gif);
}
#content .homepage-box .browser-stats-list .moz {
	list-style: url(../moz-bullet.gif);
}
#content .homepage-box .browser-stats-list .ie5 {
	list-style: url(../ie5-bullet.gif);
}
#content .homepage-box .browser-stats-list .safari {
	list-style: url(../safari-bullet.gif);
}
#content .homepage-box .browser-stats-list .opera {
	list-style: url(../opera-bullet.gif);
}
#content .homepage-box .browser-stats-list .other {
	list-style: url(../otherbrowser-bullet.gif);
}
.breadcrumbs {
	line-height: 2em;
	text-align: right;
	border-bottom: 1px solid #3C582F;
}
#content h1.tutorial {
	font-style: normal;
	text-align: left;
}
.tutorial-author {
	float: left;
	width: 104px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: none;
}
.tutorial-credit {
	margin-right: 3em;
}
.tutorial-intro {
	font-weight: bold;
}
.tutorial-image {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.pullquote {
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 10px 10px;
	padding: .2em .5em .2em .2em;
	float: right;
	width: 160px;
	border: 1px solid #CCCCCC;
}
.pullquote-p {
	margin: 0px;
	padding: 6px 4px 6px 8px;
}
.sitemap {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sitemap li {
	margin-bottom: .6em;
	padding-bottom: .5em;
	border-bottom: 1px solid #E4FDCC;
}
.sitemap li ul li {
	margin-top: .2em;
	padding-bottom: .2em;
	border-bottom-style: none;
	list-style: url(../sitemap-level2.gif);
}
.sitemap li ul ul li {
	list-style: url(../tutorial-list-bullet.gif);
}
.contactform p {
	margin: 0px;
	padding: 5px 0px 0px;
	clear: left;
}
.contactform p label {
	font-weight: bold;
	float: left;
	width: 20%;
}
.contactform .text {
	background: #F5F6F2;
	padding: 2px;
	width: 280px;
	border: 1px solid #3C582F;
}
.contactform p.submit {
	margin-left: 20%;
}
.contactform p.submit input {
	color: #FFFFFF;
	background: #3C582F;
	border: 2px ridge #FFFFFF;
}