/* ccmd-draft */
/* Body
--------------------------------------------------
*/
body {
	margin: 0;
	padding: 0px;
/* FF3 does not display rounding errors */
	font-family: Verdana, sans-serif;
	font-size: small;
	text-align: center;
	line-height: 1.5em;
	color: #444;
	background: #086384;
}
/* to avoid vertical scrollbar page shift */
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* 01/04/09 to create full-length wrap (Dave Woods) */
html, body {
	height: 100%;
}
/* 01/04/09 IE6 hack (Dave Woods) */
* html #container {
height: 100%;
}
#container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 622px;
	background: url(../images/body_bg.gif) repeat-y 50% 0;
	min-height: 100%;
}
#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	text-align: left;
	width: 600px;
}
/* Links
--------------------------------------------------
*/
a:link, a:visited {
	color: #258408;
	text-decoration: none;
	border-bottom: 1px solid #258408;
}
a:hover {
	color: #fff;
	background-color: #258408;
	border-bottom: 1px solid #258408;
}
/* Common Elements
--------------------------------------------------
*/
p {
	margin: .5em 0 1em 0;
	padding: 0;
}
p.info {
	margin: 1.5em 0 1em 0;
	color: #898989;
	background: url(../images/info.gif) no-repeat;
	background-position: 0 50%;
	text-indent: 21px;
}
p.print {
	font-size: 90%;
	line-height: 1.6em;
	color: #898989;
	padding-top: 8px;
	border-top: 1px solid #ccc;
}
h1 {
	color: #086384;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-size: 150%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h2 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
/*  11/25/2007 */
/*	font-size: 150%; */
	font-size: 140%;
	font-weight: normal;
/*	margin: 0 0 1em 0; */
	margin: 0;
	padding: 0;
}
h2#date {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	color: #898989;
}
h2#after {
	padding-top: 0.5em;
}
h1 span, h2 span {
	color: #444;
}
blockquote {
	font-size: 88%;
	line-height: 1.5em;
	color: #898989;
	padding-left: 23px;
	background: url(../images/quotemarks.gif) no-repeat 0 3px;
}
em {
	font-style: italic;
}
hr {
	background: transparent;
	height: 1px;
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
}
strong {
	font-weight: bold;
}
/* Top
--------------------------------------------------
*/
#logo {
	color: #444;
	background: url(../images/logo-bg-top.gif);
	text-decoration: none;
}
#logo h1 {
	background: url(../images/logo.gif);
	text-decoration: none;
	text-indent: -100em;
	margin: 0;
	width: 450px;
	height: 90px;
/* height equal to background image */
	overflow: hidden
}
#logo a {
	background: transparent;
	text-decoration: none;
/* height equal to background image */
	height: 90px;
	display: block;
}
/* Navigation
--------------------------------------------------
*/
/* Eric Meyer's tabbed navbar */
#navlist {
	padding: 3px 0.5em;
	margin: 0;
/*	border-bottom: 1px solid #898989;
*/
	border-bottom: 1px solid #444;
	font: bold 12px Verdana, sans-serif;
	background: url(../images/logo-bg-bot.gif);
}
#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
}
#navlist li a {
	padding: 3px 0.5em;
	background: #fff;
	text-decoration: none;
}
#navlist li a:link {
	color: #444;
	background: #fff;
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	border-left: 1px solid #444;
	border-bottom: none;
}
#navlist li a:visited {
	color: #444;
	background: #fff;
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	border-left: 1px solid #444;
	border-bottom: none;
}
#navlist li a:hover {
	color: #258408;
	background: #fff;
}
#navlist li a#current {
	color: #444;
	background: #fff;
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	border-left: 1px solid #444;
	border-bottom: 1px solid #fff;
}
/* Content
--------------------------------------------------
*/
#content {
	margin: 25px 0;
	padding: 0 25px;
}
#content ul {
	list-style: none;
	padding: 0;
	margin: .5em 0 1.5em 0;
}
/* Listutorial method */
#content ul li {
	padding: 0;
	margin-bottom: 4px;
	background: url(../images/square-bullet.gif) no-repeat;
	background-position: 0 50%;
	text-indent: 9px;
}
/* Listutorial method */
#content ul li.linked {
	background: url(../images/linked-bullet.gif) no-repeat;
	background-position: 0 50%;
	text-indent: 9px;
}
/* Listutorial method */
#content ul li.articles {
	background: url(../images/document.gif) no-repeat;
	background-position: 0 50%;
	text-indent: 21px;
}
#content ul li.articles a:visited {
	color: #898989;
	background-color: #fff;
	text-decoration: line-through;
	border-bottom: 1px solid #fff;
}
/* Listutorial method */
#content ul li.reader {
	background: url(../images/Pdf_16x16.gif) no-repeat;
	background-position: 0 50%;
	text-indent: 21px;
}
dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
dd {
	margin: 0 0 1em 0;
	padding: 0;
}
/* Footer
--------------------------------------------------
*/
#footer {
	font-size: 90%;
	line-height: 1.6em;
	color: #898989;
	padding-bottom: 25px;
}
#footer p {
	margin: 25px 0 0 0;
	padding: 0;
	text-align: center;
}
/* Forms
--------------------------------------------------
*/
input {
	border: 1px solid #ccc;
}
input:hover {
	border: 1px solid #aaa;
}
input.send-btn {
	width: 60px;
	height: 20px;
	background: url(../images/btn-send.gif) no-repeat;
	border: none;
/*outline: none;*/
}
input.send-btn:hover {
	background: url(../images/btn-send.gif) no-repeat 0 -20px;
}
/* Misc.
--------------------------------------------------
*/
a img {
	border: none;
}
.codeblock {
	color: #333;
	background-color: #eeffbb;
	margin: 20px 0;
	padding: 10px;
	border-top: dashed 1px #404040;
	border-bottom: dashed 1px #404040;
	font-family: courier, "courier new", monospace;
	line-height: 150%;
}
.hide {
	display: none;
}
.floatRight {
	float: right;
	padding: 5px 10px;
	border: dotted 1px #898989;
	font-weight: bold;
	background-color: #eee;
}
.floatRightImage {
	float: right;
	margin-left: 10px;
	padding: 5px;
	border: solid 1px #898989;
	background-color: #eee;
}