body {
	font-size: 1em;
    color:#800000;
    background-image:url(bkgrnd.gif);
    background-repeat:repeat;
   	margin: 0px;
	padding: 0px;
}
body,html {
      background-image:url(bkgrnd.gif);
      background-repeat:repeat;
  		}

#header {
	width: 100%;
}
#content {
	margin-top: 55px;
	margin-right: 320px;
	margin-left: 40px;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}
/* Hack for IE5.* which misinterprets the width */
* #content {
	width: 100%;
	w\idth: auto;
}
/* end hack */

#nav {
	position: absolute;
	width: 246px;
	top: 148px;
	right: 10px;
    background-image:url(bkgrnd.gif);
    background-repeat:repeat;
}
#welcome {
	position: absolute;
	left: 290px;
	top: 30px;
}
#header-top {
    vertical-align: bottom;
	height: 115px;
}
.tagline {
	margin: 0px 0px 0px 300px;
	float: left;
	padding-top: 2em;
	font: italic bold 100% Verdana, Arial, Helvetica, sans-serif;
	color:#800000;
}

#header-bottom {
 	height: 31px;
}
#header-bottom ul {
	margin: 0px;
	padding: 5px 0px 0px 320px;
}
#header-bottom li {
	font: italic bold 90% Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	margin-right: 2.4em;
}
#header-bottom li a:link {
	color: #3C582F;
	text-decoration: none;
}
#header-bottom li a:visited {
	color: #3C582F;
	text-decoration: none;
}

#content .homepage-box {
	float: left;
	width: 49%;
	border-top: 1px solid #8A9877;
}
#content h1 {
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	color: #3C582F;
	text-align: right;
	margin: 0px;
	padding: 0px 0px 0.2em;
}
#content h2 {
	font-size: 120%;
	font-weight: bold;
	color: #3C582F;
	margin: 1.5em 0.5em 0px;
	padding-bottom: 0.1em;
}
#content h3 {
	font-size: 100%;
	font-weight: bold;
	color: #3C582F;
	margin: 1.5em 0.5em 0px;
	padding-bottom: 0.1em;
}
#content a:link {
	color: #3C582F;
}
#content a:visited {
	color: #3C582F;
}
#content h3 {
	font-size: 100%;
	color: #000000;
}
#content .homepage-box .author-pic {
	float: left;
	margin-right: 20px;
	margin-left: 4px;
}
#content .homepage-box p {
	margin-right: 20px;
}
#content p.credit {
	color: #8A9877;
	text-align: right;
}
.credit .date {
	font-size: 80%;
	vertical-align: top;
	margin-left: 1em;
}
.floatright {
	float: right;
}
#content .homepage-box table {
	width: 98%;
	margin-top: 1em;
	border-collapse: collapse;
}
#content .homepage-box th {
	font-size: 70%;
	color: #72746D;
 background-image:url(bkgrnd.gif);
    background-repeat:repeat;

}
#content .homepage-box td {
	font-size: 90%;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
#content .homepage-box tr.even {
  background-image:url(bkgrnd.gif);
    background-repeat:repeat;
 }
#content .homepage-box td.bullet {
    background-image:url(bkgrnd.gif);
    background-repeat:repeat;
 	padding-left: 0px;
}

#content .homepage-box tr.even td.bullet {
    background-image:url(bkgrnd.gif);
    background-repeat:repeat;
 	padding-left: 0px;
	background-color: #F4F4F0;
}
#content .homepage-box td.forumbullet {
    background-image:url(bkgrnd.gif);
    background-repeat:repeat;
 	padding-left: 0px;
}

#content .homepage-box tr.even td.forumbullet {
    background-image:url(bkgrnd.gif);
    background-repeat:repeat;
    padding-left: 0px;
	background-color: #F4F4F0;
}
#content .homepage-box .crest-image {

 margin-left: 80px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#content .homepage-box .hit-counter {
	clear: right;
}
.clear {
	clear: both;
}
#content .homepage-box .hit-counter-data {
 font-weight: bold;
	
}

#nav .section {
    background-image:url(bkgrnd.gif);
    background-repeat:repeat;
 	margin-top: 30px;
	padding-top: 20px;
}
#nav h3 {
	font-size: 120%;
	color: #3C582F;
	text-align: center;
	margin: 0.2em 0em 2em;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#nav p {
	margin-left: 35px;
}
#nav label {
	font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	color: #3C582F;
}

#nav ul.topics {
	padding: 0px;
	margin-right: 20px;
	margin-left: 35px;
	list-style: none;
}
#nav ul.topics li {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #3C582F;
	background-image:url(bkgrnd.gif);
    background-repeat:repeat;
   	padding: 0.2em 0.4em 0.3em 26px;

	border-right: 1px solid #72746D;
	border-bottom: 1px solid #72746D;
	border-left: 1px solid #EAEAE2;
}

#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 {

}
#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: 60px;
 list-style: url(../img/nav-list-bullet.gif);
}
#nav ul.list a:link {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #3C582F;
}
#nav ul.list a:visited {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #3C582F;
}.displayblock {
	display: block;
}
.tutorial-list {
	list-style-image: url(../img/tutorial-list-bullet.gif);
	list-style-type: none;
}
p.breadcrumbs {
	font-size: 90%;
	text-align: right;
	border-bottom: 1px solid #3C582F;
	line-height: 2em;
}
#content h1.tutorial {
	font-size: 160%;
	font-style: normal;
	text-align: left;
}
.tutorial-author {
	float: left;
	width: 104px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.tutorial-credit {
	margin-right: 3em;
}
.tutorial-intro {
	font-weight: bold;
}
.tutorial-image {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.pullquote {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background: #3C582F url(../img/quote-bottom.gif) no-repeat right bottom;
	float: right;
	width: 160px;
	margin: 0px 0px 10px 10px;
	padding: 0.2em 0.5em;
}
.pullquote p {
	background: url(../img/quote-top.gif) no-repeat left top;
	padding: 6px 4px 6px 8px;
	margin: 0px;
}
.sitemap {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sitemap li {
	margin-bottom: 0.6em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #E4FDCC;
}
.sitemap li ul li {
	border-bottom-style: none;
	margin-top: 0.2em;
	padding-bottom: 0.2em;
	list-style: url(../img/sitemap-level2.gif);
}
.sitemap li ul ul li {
	list-style: url(../img/tutorial-list-bullet.gif);
}