html,body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:100%;
}
body{
	font-size: 62.5%;
}
h1,h2,h3,h4,h5,h6,p,ul,li,br,table,div,ol,a{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6{
	margin: .5em 0;
}
h1
{
	font-size: 1.6em;
}
h2
{
	font-size: 1.4em
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
	clear: both;
}
h5
{
	font-size: 1em;
}
h6
{
	font-size: .95em;
}


/* alter some HTML elements' default style
 */

code
{
	font-family: "Courier New", Courier, monospace;
}
label
{
	cursor: pointer;
}

td, th
{
	vertical-align: top;
}
tfoot tr td{
	padding: 2em 1em 1em 1em;
}

div#box1 input[type="checkbox"],
div#box2 input[type="checkbox"]{
	width: 1em;
}
div#box1 label, div#box2 label{
	text-align: left;
	width: 20em;
	margin-top: -.15em;
}

div#box1, div#box2{
	width: 45%;
	float: left;
	margin-left: 2%;
}
#inputform br, #displayform br{
	clear: both;
}

div#footer{
	font-weight: bold;
	font-size: 1.1em;
}

/* Generic Classes */
.hidden{
		position:absolute;
		width:1px;
		left:0;
		top:-100px;
		height:1px;
		overflow:hidden;
		margin-top: 0;
}

.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.right{
	text-align:right;
}

.message{
	font-size: 105%;
	font-weight: bold;
}
p.error{
	font-size: 1.2em;
	margin: 1em 0 1em .5em;
	font-weight: bold;
	border-bottom: .2em double;
}
p.more{
	text-align: right;
}
/* horizontal navigation elements. create a DIV element with the class hnav
 * and stick one unordered list inside it to generate a horizontal menu.
 */
div#hnav
{
	border-bottom: solid .01em #fff;
	text-align: center;
	padding-top: .45em;
	padding-bottom: .4em;
}
div#hnav, div#hnav ul
{
	font-size: 1.1em;
}
div#hnav ul {
	padding-top: .38em;
	padding-bottom: .3em;
	
}
div#hnav ul, div#hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
}
div#hnav ul li {
	padding: 1em;
}
div#hnav ul li :link,
div#hnav ul li :visited
{
	white-space: nowrap;
	padding: .5em;
}
div#hnav ul li a:link, 
div#hnav ul li a:visited, 
div#hnav ul li a:active, 
div#hnav ul li a:hover
{
	text-decoration: none;
}
* html div#hnav ul li, * html div#hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
	/* reset above hack */
}
* html div#hnav, * html div#hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html div#hnav
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}
/******************************************************************************/
div#masthead{
	background-image: url(../images/bannerbkgd.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	min-height: 5em;
}
div#masthead h1{
	margin-left: 3em;
	font-size: 2em;
	font-weight: bold;
}
div#masthead h1 + p{
	font-size: 1.4em;
	font-style: italic;
	margin-left: 6em;
}
/* vertical navigation stuff. mostly exactly as seen in the vnav.css styleheet
 * in the original skidoo layout.
 */
div#vnav
{
	margin: 1em;
	font-size: 1.2em;
}
div#vnav p{
	margin: .5em;
}
div#vnav img{
	width: 125px;
	margin: 5% 15%;
	border: none;
}
div#vnav ul, div#vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
div#vnav ul
{
	border-width: .01em;
	border-style: solid;
	border-bottom-width: 0;
}
div#vnav ul li, div#vnav ul li a
{
	margin: 0;
	display: block;
	padding: 0;
	line-height: normal;
}
div#vnav ul li{
	padding-left: .5em;
}
div#vnav ul li a
{
	display: block;
	padding: .2em;
}
div#vnav ul li a, div#vnav ul li a:link, div#vnav ul li a:visited, div#vnav ul li a:active, div#vnav ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
}
div#vnav h3
{
	margin-top:1em;
	width: 16em;
	margin-bottom: 0;
	padding: .15em;
}
div#vnav input{
	float: none;
	width: 8em;
	display: inline;
	font-size: .85em;
}
div#vnav input[type="submit"]{
	margin-left: 1em;
	padding: .1em .1em .1em .1em;
	width: 3em;
}
/* Vertical Navigation Pod Layouts */
div#vnav div.sidebox {
	width: 100%; 
	margin-top: 0;
	padding-left:0;
	padding:0;
	margin:0;
}
div#vnav div.boxhead {
	margin: 0;
	padding: 0;
	text-align: left;
}
div#vnav div.boxhead h3{
	font-size: 1em;
	margin-bottom:.25em;
}

div#vnav p{
	font-size: .9em;
}
div#vnav ul#rss {
	text-align: right;
	list-style-type:none;
}
div#vnav ul#rss li{
	margin-right: 1em;
}
div#vnav ul#rss li :link,
div#vnav ul#rss li :visited
{
	display: inline;
}
* html div#vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html div#vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
/* Calendar Formatting */
div#vnav ul.calheader{
	padding-top: .5em;
	font-size: .9em;
	width: 100%;
	padding-left: 5%;
}
div#vnav ul.calheader, div#vnav ul.calheader li{
	border: none;
}
div#vnav ul.calheader li, div#vnav ul.calheader li a{
	display: inline;
	border: none;
	text-align: center;
	background-color: transparent;
}
div#vnav table#calendar{
	table-layout: auto;
	empty-cells: show;
	font-size: .85em;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
div#vnav table#calendar thead th{
	font-size: .95em;
	padding:.1em;
}
div#vnav table#calendar td{
	text-align: right;
	padding:.1em .5em;
}
div#vnav table#calendar td#calendar_today{
	font-weight: bold;
}
div#vnav table#calendar td :link,
div#vnav table#calendar td :visited{
	font-weight: bold;
	padding: .1em .2em .2em .2em;
}
/* Main Content Area */
div#content{
	margin: 1em;
	clear: both;
	font-size: 1.2em;
}
div#content h3{
	padding: .25em;
}
div#content p, div#content ul, div#content dl{
	margin: .5em;
}
/* Blog */
div#content ul.blog_info{
	font-size: .8em;
	margin: -1em 0 2em 1em;
	list-style-type: none;
}
div#content div.blog_entry div.body{
	margin:0 2em;
}
div#content div.blog_entry img{
	float:right;
	margin: .25em;
}

div.blog_entry{
	font-size: 1.1em;
	padding-bottom: 1em;
	border: thin solid transparent;
	border-bottom: .2em groove;
}
div#content div.blog_entry h3{
	font-size:1.1em;
	padding: .25em;
	margin-bottom: 1em;
}
div#content div.blog_entry h3 :link,
div#content div.blog_entry h3 :visited,
div#content div.blog_entry h3 :link:hover,
div#content div.blog_entry h3 :visited:hover,
div#content div.blog_entry h3 :link:active,
div#content div.blog_entry h3 :visited:active,
div#content div.blog_entry h3 :link:focus,
div#content div.blog_entry h3 :visited:focus{
	text-decoration: none;
	padding: .25em;
}
div#content div.blog_entry div.body ul{
	margin: 0 0 0 2em;
	
}

div#content div.blog_entry code{
	white-space: pre;
}
div#content div.blog_entry dt{
	font-size: 1em;
	width: 100%;
}
div#content ul.commentinfo{
	border-top: .1em solid;
	margin:1.75em auto 3em auto;
	font-weight: bold;
}
div#content ul.commentinfo li{
	float: right;
	width:40%;
	list-style-type: none;
	text-align: right;
	padding: .25em;
}
div#content ul.commentinfo li:first-child{
	text-align:left;
	float: left;
}
div#content div.comment{
	margin: 1em;
	font-size: 1.1em;
}
div#content div.comment p{
	margin-left: 0em;
}
div#content div.comment p.authorpost{
	margin-left: 10em;
	font-weight: bold;
}
div#content ul.byline{
	list-style-type: none;
	padding: .25em;
	font-size: .9em;
}
div#content ul.byline li,
div#content ul.byline li{
	display: inline;
}
div#content ul.byline :link,
div#content ul.byline :visited{
	text-decoration: none;
	padding: .25em;
}
div#content dl#homelisting,
div#content dl.itemlisting{
	margin: 1em;
}
div#content dl#homelisting dt,
div#content dl.itemlisting dt,
div#content dl dt{
	font-weight: bold;
	font-size: 1.1em;
	width: 50%;
}

div#content dl.itemlisting span{
	font-size: 1em;
	padding-left: 2em;
	text-decoration: underline;
}
div#content dl.itemlisting dt :link,
div#content dl.itemlisting dt :visited{
	text-decoration: none;
}
div#content dl#homelisting dd,
div#content dl.itemlisting dd{
	margin: .25em 0 .75em 1em;
	clear: both;
}
div#content dl.itemlisting p.update{
	font-size: .9em;
	text-align: right;
}
div#content :link.modify{
	float: right;
	font-size: .9em;
}
div#content ul.buttons {
	list-style-type: none;
	margin-bottom: 2em;
	padding-bottom: 2em;
	clear: both;
}
div#content ul.buttons li{
	display: inline;
	padding: 0 .5em;
}
div#content ul.buttons input[type="submit"],
div#content form#inputform input[type="submit"]
 {
 	padding: .1em .4em;
	letter-spacing: .15em;
	padding:.4em;
	float: none;
	display: inline;
	width: auto;
 }	
 div#content ul.buttons a:link, 
div#content ul.buttons a:visited, 
div#content ul.buttons input[type="submit"]{
	
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	width: auto;
	letter-spacing: .15em;
}
div#content ul.buttons :link,
div#content ul.buttons :visited{
	margin: 1em .5em 0  .5em;
	padding: .5em;
	border-style: solid;
	border-width: .15em;
}
div#content form fieldset.show{
	 border-width:thin;
	 border-style: ridge;
	 margin: 1em 0;
}
div#content form fieldset.show legend{
	padding: .5em;
	font-size: 1.1em;
	font-weight: bold;
	border-width: .15em;
	border-style: ridge;
}
/* Input Forms */
form#inputform{
	padding-bottom: 0em;
	clear: both;
}
div#content form#inputform input[type="hidden"]{
	display:none;
	float: none;
}
div#content form#inputform input,
div#content form#inputform label,
div#content form#inputform select,
div#content form#inputform textarea,
div#content form#inputform p.label,
div#content form#inputform p.field{
	float: left;
	margin-bottom: .5em;
}
#inputform label, #inputform select, #inputform input,
div#box1 label, div#box1 input,
div#box2 label, div#box2 input{
	float: left;
	width: 20em;
	display: block;
}
#inputform label{
	text-align: right;
	width: 10em;
	padding-top: .2em;
	padding-right: 1.5em;
	margin-bottom: 1em;
}
div#content form#inputform br{
	clear: left;
}
div#content form#inputform label,
div#content form#inputform p.label{
	text-align: right;
	padding-right: 1em;
	width: 20em;
}
div#content form#inputform p.label{
	margin: 0 0 .5em 0;
}
div#content form#inputform p.field{
	margin: 0 0 .5em 0;
}
div#content form#inputform input,
div#content form#inputform select,
div#content form#inputform p.field,
div#content form#inputform label.inputfirst{
	width: 40%;
}
div#content form#inputform textarea{
	width: 50%;
	height: 10em;
}
div#content form#inputform textarea.article{
	height: 50em;
	overflow: auto;
	width: 100%;
	border: thin outset;
}
div#content form#inputform textarea.email_msg{
	width: 50%;
	height: 30em;
	overflow: auto;
	border: thin outset;
}
div#content form#input option{
	padding:0 0 0 0;
}
div#content form#inputform input.short,
div#content form#inputform select.short,
div#content form#inputform textarea.short{
	width: 20%;
}

div#content form#inputform label:after,
div#content form#inputform .label:after{
	content: ":";
}
div#content form#inputform input[type="checkbox"],
div#content form#inputform input[type="radio"]{
	width: 1em;
	text-align: left;
}
div#content form#inputform input[type="checkbox"].inputfirst{
margin-left: 17em;
}
div#content form#inputform label.inputfirst{
	text-align:left;
	width: 55%;
	margin-left: 1em;
}
div#content form#inputform label.inputfirst:after{
	content: "";
}
div#content form#inputform p.messagefield,
div#content form#inputform ul.messagefield
{
	font-size: 1.2em;
	font-weight: bold;
	margin:0 0 -.25em 17.5em;
}
div#content form#inputform p.messagefield{
	margin-bottom: .25em;
}
div#content form#inputform ul.messagefield{
	margin-bottom: 1em;
	list-style-type: none;
}
div#content form#inputform ul.messagefield li{
	padding-right: 2em;
	display: inline;
}
div#content form.commentform{
	padding-top: 1em;
}
/* Table Listing  */
div#content table.listing{
	width: 95%;
	border-spacing: 0;
	empty-cells: show;
	table-layout: auto;
	border-collapse: collapse;
}
div#content table.listing tfoot td{
	padding: 1em;
}
div#content table.listing thead :link,
div#content table.listing thead :visited{
	font-size: 1.1em;
	vertical-align: middle;
}
div#content table.listing thead th{
	vertical-align: bottom;
}
div#content table.listing th, 
div#content table.listing td{
	padding: .5em .25em;
}
div#content table.listing td{
	vertical-align: baseline;
}
div#content form table.listing tbody :link,
div#content form table.listing tbody :visited
{
	font-size: 1.15em;
}
div#content form table.listing tfoot input[type="submit"]{
	font-size: 1.04em;
}
div#content form table.listing tfoot ul.buttons :link,
div#content form table.listing tfoot ul.buttons :visited{
	font-size: .96em;
}
div#content form table.listing input[type="checkbox"]{
	vertical-align: middle;
}
div#content form#inputform table.listing td select,
div#content form#inputform table.listing td input[type="text"]{
	width: 90%;
}
div#content form.narrow{
	width: 80%;
	float: left;
}
div#content form fieldset{
	border: none;
}

div#content form box1, 
div#content form box2{
	width: 45%;
}
div#content ul#tabs{
	list-style: none;
	width: 15%;
	float: left;
}
div#content ul#tabs li{
	margin: 1em 0;
	
}
div#content dl#display {
	margin-left: 1em;
	margin-bottom: 1em;
	margin-top: .5em;
	padding-bottom: 1em;
	padding-top: .5em;
	clear: both;
}
div#content dl#display dt:after{
	content: ":";
}
div#content dl#display dt{
	padding-right: 0;
	margin-right: 0;
	text-align: left;
	font-weight: bold;
	clear: both;
	display: block;
	width: 15em;
	min-height: 1.2em;
	text-align: right;
	padding-bottom: .25em;
}
div#content dl.formdisplay dt{
	font-weight: normal;
}
div#content dl#display dd{
	float: left;
	margin-top: -1.6em;
	min-height: 1.2em;
	margin-left: 17em;
	width: 70%;
	padding-bottom: .25em;
}
div#content dl#display + h3 {
	border-bottom-width: .25em;
	border-bottom-style:solid;
	padding-top: 1.5em;
	clear: both;
}
div#content dl + p{
	clear: both;
}
div#content ul#anchors,
div#content ul.anchors{
	list-style-type: none;
	margin: 1em 0;
	border-bottom: .2em ridge;
	border-top: .3em ridge;
	text-align: center;
	padding: 1em;
}
div#content ul#anchors li,
div#content ul.anchors li{
	display: inline;
	padding: 0 .25em;
}
div#article{
	font-size: 1.1em;
	padding: 1em;
}
div#article code{
	white-space: pre;
}
div#article ol{
	margin-left: 3em;
}
/* Displays */
div#content dl.display,
div#content dl.training{
	margin: .5em 0 2em 1em;
	padding-bottom: 1em;
	padding-top: .5em;
	border-top: .2em solid;
	clear: both;
}
dl.display dt:after,
dl.training dt:after{
	content: ":";
}
dl.display dt,
dl.training dt{
	float: left;
	width: 8em;
	clear: both;
	margin: .25em .25em;
	font-weight: bold;
	text-align: right;
}
dl.display dd,
dl.training dd{
	float: left;
	width: 60%;
	padding: 0 0 0 1em;
	margin-left: 0em;
	margin-top: .25em;
}
dl.display + form{
	clear: left;
	padding-top: 2em;
}

div#content dl.training dt{
	width: 15em;
}
div#content dl.training{
	border-top: none;
	padding-bottom: 2em;
	clear: both;
}
div#content h3.training{
	clear: both;
	padding:.5em 0;
}
p#ccl{
	padding: 2em 0 0 0;
	font-size: .8em;
}
div#training_syllabus{
	margin: 1em 1em 1em 3em;
	
}
div#training_syllabus h4{
	margin-bottom: .25em;
}
div#training_syllabus ul{
	margin: .25em 0 0 2em;
}	

div#content ul.sort{
	list-style: none;
	font-size: 1em;
	margin-top: -1.7em;
	margin-left: 5em;
	width: 50%;
	
}

div#content ul#sort li{
	display: inline;
	padding: 0 1em;
}

div#content ul#alpha {
	list-style: none;
	font-size: 1em;
	width:80%;
	margin-left: 10%;
	margin-bottom: 1em;
}
div#content ul#alpha li{
	display: inline;
	padding:0 .25em;
}

ul#actions{
	list-style-type: none;
}

ul#actions li{
	padding: .25em 0;
	font-weight: bold;
}

pre.increasefont{
	font-size: 1.3em;
}

	div#invoice div#biller, div#invoice div#billto{
		border-width: thin;
		border-style: solid;
		padding: .25em;
		float: left;
		clear: left;
		width: 40%;
	}
	div#invoice div#biller p,div#invoice  div#billto p{
		margin: 0em;
		padding:0;

	}
	div#invoice div#biller{
		margin-top: 2em;
	}
	div#invoice div#invoiceinfo{
		clear: right;
		border-width: thin;
		border-style: solid;
		float: right;
		width: 30%;
	}
	div#invoice div#invoiceinfo dt{
		font-weight: bold;
		clear: left;
		width: 6em;
	}
	div#invoice div#invoiceinfo dd{
		margin-top: -1.15em;
		margin-left: 7em;
		width: 60%;
	}
	div#invoice div#billto{
		margin-top: 1em;
	}
	div#invoice h4{
		background-color: Silver;
		font-size: 1.5em;
		margin: -.25em -.25em .25em -.25em;
	}
	div#invoice table{
		clear: both;
		border-width: thin;
		border-style: solid;
		margin-top: 2em;
		width: 100%;
		border-spacing: 0;
		table-layout: auto;
		border-collapse: collapse;
	}
	div#invoice thead tr,div#invoice tfoot td.total{
		background-color: silver;
		text-align: right;
		font-weight: bold;
	}
	
	div#invoice tbody td{
		border-left: thin solid black;
		border-right: thin solid black;
		border-bottom: thin solid black;
	}
table.cfdebug {
clear:both;
}

div#announce{
	padding: .25em;
	border: .15em dashed;
	font-size: .8em;
}
div#announce h2{
	margin:0;
	padding:0;
}
div#announce h3{
	margin: 0 0 0 1em;
}
div#announce p{
	margin: 0 2em .5em 2em;
	padding:0;
}

div#adsense{
	margin:2em auto;
	max-width: 75%;
	width: 480px;
	padding: 1em;
	border-width: .4em .3em;
	border-style: double;
}