/*
@import "cdc-main.css";
@import "geshi.css";
cdc-main.css=
*/

html { height: 100%; }

body {
	background-color:#fff;
	height:100%;
	margin:0;
	padding:0;
	font: 11px verdana, arial, "sans serif";
}

	body.about #wrapper { background-color: #000; }

#wrapper {
	position: relative;
	/*min-height: 100%;*/
	min-height: 85%;
	width: 757px;				/* currently 763px wide */
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	background: #fff url(../images/bg.gif) repeat-y top right;
	margin: 0 auto;
	padding: 0 0 9em; 			/* should have bottom padding same height as negative margin in footer */
}

* html #wrapper {
	/*height: 100%;*/
	height: 85%;
}

/* **************************** basics */

/* temp for slideup jquery broken */
.hide { display:none !important; }
.show { display:block !important; }

img {
	border: 0;
	vertical-align:bottom;
}

a:link { color: #900; }
a:visited { color: #900; }
a:hover { text-decoration: none; }
a:active {  }
a.on { text-decoration: none; }

.clear {
	clear: both;
	height: 1px;
}

p { margin: 0 0 10px; }

h1 {
	font: normal 22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 5px;
}

h2 {
	font: normal 19px Georgia, "Times New Roman", Serif;
	margin: 23px 0 3px 0;
	color: #900;
}

h3 {
	font: bold 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 20px 0 0;
}

h4 { 
	font-size: 12px;
	margin: 20px 0 4px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
}

ol li {
	list-style-type: decimal-leading-zero;
	margin-top: 5px;
	margin-bottom: 8px;
}

blockquote {
	margin: 10px 0 10px 2px;
	border-left: 2px solid #ccc;
	padding: 4px 0 4px 8px;
}

acronym { cursor: help; }

/* ***************************** content */

#wrapper { /* above */ }

	#top {
		width: 757px;
		background-color: #fff;
	}

		#header {
			margin: 0;
			padding: 8px 0 4px 4px;
		}
	
	/* ***************************** nav-globals */
	
	#nav-globals {
		list-style: none;
		position: absolute;
		right: 8px;
		top: 31px;
		padding: 0;
		margin: 0;
		font-size: 10px;
	}
	
	#nav-globals li {
		display:inline; 			/* opera! (not floated) */
		border-right: 1px solid #000;
		padding: 0;
		margin: 0;
	}
	
	#nav-globals li.last {
		border-right: none;
	}
	
	#nav-globals li:last-child { 	/* separated for Opera */
		border-right: none;
	}
	
	#nav-globals a {
		color: black;
		text-decoration: none;
		padding: 0 8px;
	}
	
	#nav-globals a.on { text-decoration: underline; }
	
	#nav-globals a:hover { text-decoration: underline; }

	/* ***************************** nav-main */
	
	#nav-main {
		list-style: none;
		height:28px;
		background-color: #000;
		margin: 0;
		padding: 0;
		font-size: 10px;
	}
	
	#nav-main li {
		float:left;
		width:auto;
		padding-top: 6px;
	}
	
	#nav-main a {
		display:block;
		width: auto;
		color: #fff;
		text-decoration:none;
		padding: 0 15px 5px;
		border-bottom: 1px solid #fff;
	}
	
	#nav-main a.on,
	#nav-main a.on:hover,
	#nav-main a:hover {
		text-transform: uppercase;
		padding-bottom: 2px;
		border-bottom: 4px solid #fff;
		/*background-color: #fff;
		color: #000;*/
	}
	
	#nav-main a:hover { text-transform: none; }
	
	#nav-main li a.first {
		margin-left: 30px;
		padding-left: 0;
	}
	
	#nav-main li:first-child a { /* same as rule above */
		margin-left: 30px;
		padding-left: 0;
	}
	
	/* ***************************** banner-home */
	
	#banner-home,
	#banner-drill {
		width: 757px;
		height: 148px;
		background-image:url(../images/bnr-home.jpg);
		border-bottom: 3px solid #000;
	}
	
	#banner-drill {
		height: 89px;
		background-image:url(../images/bnr-drill.jpg);
	}
	
	#content-col {
		float:left;
		width: 501px;
	}
	
		/* ***************************** content-about */
		#content-about,
		#content-about-more {
			width: 466px;
			padding: 3px 10px 10px 25px;
			background-color: #000;
			color: #fff;
		}
	
			#content-about a,
			#content-about-more a { color: #fff; }
	
			#content-about h1 {
				margin: 0;
				padding: 0;
			}
			
		p.learnmore,
		p.closemore,
		p.loading {
			float:right;
			margin: -2px 20px 0 0;
			width: 158px;
			height: 17px;
			text-align:center;
			background:transparent url(../images/bg-tab.gif) no-repeat 0 0;
			color: #fff;
		}
		
			p.loading img {
				margin-right: 5px;
				vertical-align: middle;
			}
				
			#content-col p.learnmore a,
			#content-col p.closemore a {
				color: #fff;
				text-transform: none;
				padding: 2px 10px 2px 2px;
				background: transparent url(../images/icon-more.gif) no-repeat right;
			}
			
			#content-col p.closemore a {
				padding: 2px 2px 2px 10px;
				background: transparent url(../images/icon-less.gif) no-repeat left;
			}
			
			p.closemore, 
			p.loading { display: none; }
		
		/* ***************************** content-about-more */
		#content-about-more { display: none; }
		
			#content-about-more h2 {
				color: #fff;
				font-size: 17px;
			}
		
			#content-about-more .col1,
			#content-about-more .col2,
			#content-about-more .col3 {
				list-style-type: none;
				padding: 0;
				margin: 0 0 15px; 
				float: left;
				width: 95px;
			}
	
			#content-about-more .col1 {
				width: 125px;
			}
			
			#content-about-more .col3 {
				width: 245px;
			}
	
	/* ***************************** content-main */
	#content-main {
		width: 454px;
		padding: 0 16px 15px 25px;
		line-height: 15px;
	}
	
			.about #content-main { color: #fff; }
	
			.about #content-main {
				padding-top: 0;
				margin-top: -20px;
			}
			
			.about #content-main a:link,
			.about #content-main a:visited,
			.about #content-main a:hover,
			.about #content-main a:active { color: #fff; }
			
			.about #content-main a:hover { text-decoration: none; }
			
			.about #content-main .chart { border: 3px solid #fff; }
			
			.about #content-main .switch {
				text-decoration: underline;
				width: auto;
				cursor: hand;
				cursor: pointer;
			}
			
		#content-main h1 { border-bottom: 1px solid #ccc; }
		
		#content-main h1.past { margin-top: 45px; }
		
		#content-main h2 a { color: #900; }
		
			.about #content-main * { color: #fff; }
		
		#content-main ul li {
			margin-top: 5px;
			margin-bottom: 5px;
		}

		#content-main ul {
			margin-left: 10px;
			padding-left: 10px;
		}
		
		#content-main ul li { list-style-type: disc; }
		
		#content-main ul li li { list-style-type: circle; }
		
		#content-main .credit { font-size: 10px; }

		#content-main img { border: 1px solid #000; }
		
		#content-main p.aside,
		#content-main div.aside {
			padding: 8px;
			border: 1px solid #ccc;
			background-color: #eee;
			width: auto;
		}
			#content-main div.aside h3,
			#content-main div.aside ul { margin-top: 0; }
		
		/* form: monthly_article */
		#content-main .none { display: none; }
		
		#content-main .archive {
			padding-left: 0;
			margin-left: 0;
			list-style-type: none;
		}
		
		/* form: archive-dtlist (see h2) */
		#content-main dt.year {
			font: normal 19px Georgia, "Times New Roman", Serif;
			margin: 12px 0 5px 0;
			color: #900;
		}
		
		/* same as h3 */
		#content-main dt.month {
			font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
			margin: 15px 0 0;
		}
		
		#content-main dd {
			margin: 0 0 5px;
			padding: 0;
		}
		
		/************************** comments */
		#content-main #comment { margin-top: 25px; }
		/* not sure why i had this rule in here... */
		
		#content-main ol.comments {
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
		
		#content-main #cpreviewnote {
			margin-top: 35px;
			padding-top: 10px;
			border-top: 1px solid #ccc;
			font-weight: bold;
			font-size: 17px;
		}
		
		#content-main ol.comments li {
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			margin-bottom: 10px;
			list-style-type: none;
		}
		
		#content-main ol.comments div {
			padding: 0 0 5px;
			overflow: auto;
		}
		
		#content-main ol.comments div.me { background-color: #eee; }
		
		#content-main ol.comments p {
			padding-left: 5px;
			padding-right: 5px;
		}
		
		#content-main ol.comments p.com-credit {
			font-size: 10px;
			border-bottom: 1px solid #ccc;
			padding: 3px;
			background: #000;
			color: #fff;
		}
		
		#content-main ol.comments p.com-credit a { color: #fff; }
		
		#content-main div.comments_error {
			font-size: 12px;
			font-weight: bold;
			color: #f00;
			width: 80%;
			padding: 5px;
			margin: 0 auto;
		}
		
		#content-main div.comments_error,
		#content-main .comments_error {
			border: 1px solid #900;
		}
		
		/* content-main li.rec rules grouped with content-alt li.rec */
		
		/************************** comments form */
		#content-main table#comment { width: 100%; }
		
			table#comment input,
			table#comment textarea {
				border: 1px solid #666;
				background-color: #eee;
				padding: 2px;
				font-size: 10px;
			}
			
			table#comment .txpCommentInputMessage {
				width: 330px;
				font-size: 11px;
			}
			
			table#comment input:focus,
			table#comment textarea:focus { background-color: #fff; }
			
			table#comment td.label {
				text-align: right;
				vertical-align: top;
				font-size: 11px;
			}

			table#comment td.input { vertical-align: top; }

			table#comment td.rem {
				font-size: 11px;
				text-align:left;
				width: 40%;
				vertical-align: middle;
			}

			table#comment td.rem input {
				background-color: #fff;
				border: none;
				position: relative;
				top: 2px;
			}
		
			table#comment #com-buttons { padding-right: 49px; }
			
			table#comment #txpCommentHelpLink { font-size: 11px; }
		
	/* ***************************** content-alt */
	#content-alt {
		float: left;
		width: 253px; 			/* this has to change re:padding */
		color:#fff;
		margin-left: 3px;
	}
		#content-alt form {
			width: 253px;
			height: 50px;
			border-bottom: 3px solid #000;
		}
		
		#content-alt input {
			margin: 15px 0 0 31px;
			border: 3px solid #000;
			background-color: #ddd;
			font-size: 10px;
			padding: 3px;
			width: 150px;
		}
		
		#content-alt input:focus,
		#content-alt input.focus { background-color: #fff; }
	
		#content-alt h1 {
			color: #fff;
			border-bottom: 1px solid #fff;
			font-size: 17px;
			margin: 15px 15px 0 15px;
		}
		
		#content-alt ul {
			list-style-type: square;
			line-height: 18px;
			padding-left: 18px;
			margin-left: 15px;
		}
		
		#content-alt li {
			padding-bottom: 10px;
			margin-right: 10px;
		}
		
		#content-alt a { color: #fff; }
	
		/************************** recommended */
		#content-main ul.rec {
			margin: 0;
			padding: 0;
		}

		#content-alt li.rec {
			clear: both;		/* is this needed? */
		}
		
		#content-alt li.rec img,
		#content-main li.rec img {
			float: right;
			width: auto;
			border: 1px solid #fff;
			margin: 0 5px;
		}
		
		#content-main li.rec img { float: none; }

		#content-main li.rec {
			list-style-type: none;
			position: relative;
			padding: 0;
			margin: 0 0 20px;
			border-bottom: 1px solid #ccc;
			width: 100%;
		}
		
		* html #content-main li.rec h3 { margin-top: 0; }
		
		#content-main li.rec div.txt { margin-left: 100px; }

		#content-main li.rec div.pic {
			position: absolute;
			top: 0;
			left: 0;
			margin: 0;
			padding: 0;
		}
		
		#content-alt li.rec a:hover img,
		#content-main li.rec img { border: 1px solid #000; }

		#content-alt li.rec img,
		#content-main li.rec a:hover img { border: 1px solid #fff; }
		
		.about ul.rec ol { margin-bottom: 18px; } 
		
/* ***************************** footer */
	
#footer {
	width: 757px;
	margin: 0 auto;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	position: relative;
	background-color: #000;
	color: #fff;
	
	padding-top: 25px;
	
	height: 7.5em; 				/* height should be same as negative margin */
	margin-top: -7.5em; 		/* negative margin to get this in the window */
	/*border-top: 1px solid white;*/
}
	#footer p {
		text-align: center;
		font-size: 10px;
		line-height: 15px;
	}
	#footer p a { color: #fff; }

/* geshi.css= */

/* GeSHi (c) Nigel McNie 2004 (http://qbnz.com/highlighter) */
.actionscript .de1, .actionscript .de2, .apache .de1, .apache .de2, .asp .de1, .asp .de2, .csharp .de1, .csharp .de2, .css .de1, .css .de2, .html4strict .de1, .html4strict .de2, .javascript .de1, .javascript .de2, .mysql .de1, .mysql .de2, .oracle8 .de1, .oracle8 .de2, .perl .de1, .perl .de2, .php .de1, .php .de2, .python .de1, .python .de2, .ruby .de1, .ruby .de2, .sql .de1, .sql .de2, .vb .de1, .vb .de2, .vbnet .de1, .vbnet .de2, .xml .de1, .xml .de2 {font-weight:normal;background:transparent;color:#000; padding-left: 5px;}
.actionscript .kw1, .apache .kw1, .asp .kw1, .csharp .kw1, .css .kw1, .html4strict .kw1, .javascript .kw1, .mysql .kw1, .oracle8 .kw1, .perl .kw1, .php .kw1, .python .kw1, .ruby .kw1, .sql .kw1, .vb .kw1, .vbnet .kw1, .xml .kw1 {color: #03f;}
.actionscript .kw2, .apache .kw2, .asp .kw2, .csharp .kw2, .css .kw2, .html4strict .kw2, .javascript .kw2, .mysql .kw2, .oracle8 .kw2, .perl .kw2, .php .kw2, .python .kw2, .ruby .kw2, .sql .kw2, .vb .kw2, .vbnet .kw2, .xml .kw2 {color: #000; font-weight: bold;}
.actionscript .kw3, .apache .kw3, .asp .kw3, .csharp .kw3, .css .kw3, .html4strict .kw3, .javascript .kw3, .mysql .kw3, .oracle8 .kw3, .perl .kw3, .php .kw3, .python .kw3, .ruby .kw3, .sql .kw3, .vb .kw3, .vbnet .kw3, .xml .kw3 {color: #000066;}
.actionscript .kw4, .apache .kw4, .asp .kw4, .csharp .kw4, .css .kw4, .html4strict .kw4, .javascript .kw4, .mysql .kw4, .oracle8 .kw4, .perl .kw4, .php .kw4, .python .kw4, .ruby .kw4, .sql .kw4, .vb .kw4, .vbnet .kw4, .xml .kw4 {color: #f63333;}
.actionscript .co1, .actionscript .co2, .actionscript .coMULTI, .apache .co1, .apache .co2, .apache .coMULTI, .asp .co1, .asp .co2, .asp .coMULTI, .csharp .co1, .csharp .co2, .csharp .coMULTI, .css .co1, .css .co2, .css .coMULTI, .html4strict .co1, .html4strict .co2, .html4strict .coMULTI, .javascript .co1, .javascript .co2, .javascript .coMULTI, .mysql .co1, .mysql .co2, .mysql .coMULTI, .oracle8 .co1, .oracle8 .co2, .oracle8 .coMULTI, .perl .co1, .perl .co2, .perl .coMULTI, .php .co1, .php .co2, .php .coMULTI, .python .co1, .python .co2, .python .coMULTI, .ruby .co1, .ruby .co2, .ruby .coMULTI, .sql .co1, .sql .co2, .sql .coMULTI, .vb .co1, .vb .co2, .vb .coMULTI, .vbnet .co1, .vbnet .co2, .vbnet .coMULTI, .xml .co1, .xml .co2, .xml .coMULTI {color: #808080;}
.actionscript .es0, .apache .es0, .asp .es0, .csharp .es0, .css .es0, .html4strict .es0, .javascript .es0, .mysql .es0, .oracle8 .es0, .perl .es0, .php .es0, .python .es0, .ruby .es0, .sql .es0, .vb .es0, .vbnet .es0, .xml .es0 {color: #000033; font-weight: bold;}
.actionscript .br0, .apache .br0, .asp .br0, .csharp .br0, .css .br0, .html4strict .br0, .javascript .br0, .mysql .br0, .oracle8 .br0, .perl .br0, .php .br0, .python .br0, .ruby .br0, .sql .br0, .vb .br0, .vbnet .br0, .xml .br0 {color: #66cc66;}
.actionscript .st0, .apache .st0, .asp .st0, .csharp .st0, .css .st0, .html4strict .st0, .javascript .st0, .mysql .st0, .oracle8 .st0, .perl .st0, .php .st0, .python .st0, .ruby .st0, .sql .st0, .vb .st0, .vbnet .st0, .xml .st0 {color: #ff0000;}
.actionscript .nu0, .apache .nu0, .asp .nu0, .csharp .nu0, .css .nu0, .html4strict .nu0, .javascript .nu0, .mysql .nu0, .oracle8 .nu0, .perl .nu0, .php .nu0, .python .nu0, .ruby .nu0, .sql .nu0, .vb .nu0, .vbnet .nu0, .xml .nu0 {color: #f30;}
.actionscript .me0, .apache .me0, .asp .me0, .csharp .me0, .css .me0, .html4strict .me0, .javascript .me0, .mysql .me0, .oracle8 .me0, .perl .me0, .php .me0, .python .me0, .ruby .me0, .sql .me0, .vb .me0, .vbnet .me0, .xml .me0 {color: #006600;}

div.krl_highlighted_code {
	margin: 5px 5px 20px 10px;
	font-family: monospace;  
	padding: 0;
}

div.krl_highlighted_code div.header { padding: 0; margin: 0; }

div.krl_highlighted_code div.codeblock {
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	overflow: auto;
}

div.krl_highlighted_code ol {
	padding: 0 0 0 35px;
	margin: 5px 0 5px;
}

div.krl_highlighted_code ol li {
	background-color: #f5f5f5;
	margin: 2px 5px 2px 0;
	padding: 2px 2px 0 0;
}