html, body  {
	/* background-color: #a7a7a7;  ### grey */
	/* background-color: #dbd2b6; */
	/* background-color: #cbc2a5; */
	/* footerStickAlt
	   http://www.themaninblue.com/writing/perspective/2005/08/29/
	*/
	height: 100%;
	/* background: #4b4b4d url(../images/bg.png); */
	/* background-color: #eae2e2; */
	background: #eae2e2 url(../images/bg.jpg) top center repeat-x; color:#333; font:76% Verdana,Tahoma,Arial,sans-serif;
	}

body {
	margin: 7px auto;
	padding: 0;
	text-align: center;
	font: 12px/1.7 verdana, arial, helvetica, sans-serif;
	}

a 		{ color: #921d00; text-decoration: none; }
/* a:link		{ color: #921d00; text-decoration: underline; font-weight: bold } */
a:link		{ color: #921d00; text-decoration: underline; }
a:visited	{ color: #921d00; text-decoration: underline; }
/* a:active	{ color: #dd8f07; text-decoration: none; background-color: #BCD2EE; } */
a:active	{ color: #dd8f07; text-decoration: none; }
/* a:hover		{ color: #dd8f07; text-decoration: underline; background-color: #BCD2EE; } */
a:hover		{ color: #dd8f07; text-decoration: underline; }

h1 {
	margin-top: 0px;
	padding-top: 0px;
	color: #333;
	font: 12px/1.7 verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	}

h2 {
	color: #666;
	margin-bottom: 1.5em;
	padding: 0;
	text-align: center;
	font-size: medium;
	font-weight: bold;
	}

h3 {
	color: #666;
	/* margin-top: 1.5em; */
	/* margin-top: 0.5em; */
	margin-bottom: -1.0em;
	padding: 0px;
	/* color: #003366; */
	font-size: small;
	}

h4, h6 {
	margin-top: 1.5em;
	margin-bottom: -0.75em;
	font-size: x-small;
	}

h5 {
	color: #333;
	/* margin-top: 1.5em; */
	/* margin-top: 0.5em; */
	margin-bottom: -1.0em;
	padding: 0px;
	/* color: #003366; */
	font-size: small;
	}

blockquote {
	background-color: #EEE;
	padding: 2mm;
	border-left: 5px solid #BBB;
	}

img { border: 0; }

pre {
	background-color: #eee;
	padding: 2mm;
	border: 1px solid #999;
	}

#rss {
	margin-bottom: 5px;
}

#header {
	/* background-color: #921d00; */
	background-color: #FFF;
	margin: 0px;
	/* margin-bottom: 1px; */
	padding: 10px;
	/* border-top: 1px solid #999;
	border-bottom: 1px solid #999; */
	}

#header h1 {
	margin: 0;
	padding: 0 0 0 0px;
	color: #333;
	font-size: x-large; /* for IE 5.5 */
	f\ont-size: xx-large; /* for compliant browsers */
	}

#header img {
	border: 1px solid #000;
	}

#header a { color: #313131; text-decoration: none; }
#header a:link { color: #313131; text-decoration: none; }
#header a:visited { color: #313131; text-decoration: none; }
#header a:active { color: #313131; text-decoration: none; }
#header a:hover { color: #dd8f07; text-decoration: underline; }

.description {
	color: #333;
	font-size: small;
	font-weight: bold;
	/* text-transform: lowercase; */
	margin: 0;
	padding: 0 0 0 10px;
	font-size: x-small; /* for IE 5.5 */
	f\ont-size: small; /* for compliant browsers */
	}


.ctable {
    width: 100%;
    background-color: #bbb;
}
.ctable td { background-color: #ffffff; }

.ctable th {
    color: white;
    text-align: center;
}

#container {
	position: relative;
	background-color: #FFF;
	margin: auto;
	/* set special width for IE */
	width: 950px;
	min-height: 90%;
	height: 90%;
	/* recover from center-alignment IE hack */
	text-align: left;
	/* padding: 10px; */
	/* poor man's drop shadow effects */
	/* border-right: 2px solid #555;
	border-bottom: 2px solid #555; */
	border: 1px solid #555;
	/* box model parse hack
	hides next rule from IE */
	voice-family: "\"}\"";
	voice-family: inherit;
}

html>body #container {
	height: auto;
	width: 950px;
}

#cdmenu {
    center;
    margin-left: 30px;
    margin-top: 25px;
    margin-bottom: 25px;
    font: 15px Verdana, Arial, Helvetica, sans-serif;
}
#cdmenu a {
    /* width: 100px; */
    float: left;
    height: 18px;
    margin-right: 15px;
    text-decoration: none;
    background: #eae2e2;
    border-left: 4px solid #cccccc;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
#cdmenu a:hover {
    /* width: 100px; */
    background: #eaeaea;
    /* color: #286ea0; */
    color: #dd8f07;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 4px solid #cccccc;
    border-bottom: 1px solid #ccc; }
#cdmenu li { display: inline; margin: 0; text-align: center; }
#cdmenu ul { height: 23px; list-style: none; margin: 0; padding: 0; }

/* menu gets the remaining percentage */
#content {
	float: right;
	/* MAIN CONTENT WIDTH */
	width: 74%;
	padding: 7px 30px 3px 3px;
	background-color: #FFF;
	/* border: 1px solid red; */
	}

h4 {
	text-align: left;
	font: 12px/1.7 verdana, arial, helvetica, sans-serif;
	font-size: small;
	f\ont-size: x-small;
	}

/* #widecolumn deprecated
only here for backwards compat. */
#altcontent, #widecolumn {
	background-color: #FFF;
	padding: 7px 30px 3px 3px;
	}

/* size of menu bar */
#links {
	float: left;
	/* background-color: #eee; */
	background-color: #FFF;
	/* MAIN SIDEBAR WIDTH */
	/* width: 20%; */
	width: 20%;
	padding: 10px;
	/* border-right: 1px solid #999; */
	}

.contentheading {
	clear: both;
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	vertical-align: bottom;
	/* color: #36648B; */
	/* color: #383838; */
	color: #202020;
	text-align: left;
	width: 100%;
}

/* h2, .contentheading { */
h2 {
	padding: 0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	vertical-align: bottom;
	/* color: #36648B; */
	/* color: #383838; */
	color: #202020;
	text-align: left;
	width: 100%;
}

.contentheading a { color: #313131; text-decoration: none; }
.contentheading a:link { color: #313131; text-decoration: underline; }
.contentheading a:visited { color: #313131; text-decoration: underline; }
.contentheading a:active { color: #313131; text-decoration: none; }
.contentheading a:hover { color: #dd8f07; text-decoration: underline; }

table.blog td.contentheading {
  padding-top: 15px;
}

.blogpostbody {
	font: 13px/1.7 verdana, arial, helvetica, sans-serif;
	color: #000;
}
.blogpostbody a,
.blogpostbody a:link,
.blogpostbody a:visited,
.blogpostbody a:active,
.blogpostbody a:hover {
	font-weight: bold;
	text-decoration: underline;
	}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;
}

.blogimage {
	padding: 10px;
}

table.blog span.article_separator {
	display: block;
	height: 5px;
}

div.cdquote {
  padding-left: 10px;
  margin: 0;
  /* font-weight: bold; */
  font-family: Helvetica ,Arial,sans-serif;
  font-size: 1em;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  padding-left: 0px;
	margin-bottom: 1px;
	text-align: left;
}

div.componentheading {
  padding-left: 0px;
}

h1, .componentheading, table.moduletable th {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica ,Arial,sans-serif;
  /* font-size: 1em; */
  font-size: medium;
  f\ont-size: large;
  color: #333;
  padding-left: 0px;
	margin-bottom: 1px;
	text-align: left;
}

h3, .componentheading, table.moduletable th {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica ,Arial,sans-serif;
  font-size: 1em;
  border-bottom: 1px solid #ccc;
  color: #333;
  padding-left: 0px;
	margin-bottom: 1px;
	text-align: left;
}

h5, .componentheading, table.moduletable th {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica ,Arial,sans-serif;
  font-size: 1em;
  border-bottom: 1px solid #ccc;
  color: #333;
  padding-left: 0px;
	margin-bottom: 1px;
	text-align: right;
}

#wrap {
	margin-top: 0px;
	margin-left: 0px;
	}

#menu, .menu {
	text-align: center;
	/* margin-bottom: 15px; */
	margin-top: 5px;
	/* background-color: #eee; */
	}

#footer {
	clear: both;
	position: relative;
	/* background-color: #a7a7a7;
	color: #a7a7a7; */
	/* background-color: #cbc2a5; */
	color: #fff;
	bottom: 0;
	min-height: 10%;
	height: 10%;
	width: 950px;
	margin: auto;
	padding: 10px;
        text-align: center;
	/* border-top: 1px solid #999;
	border-bottom: 1px solid #999; */
	/* box model parse hack
	hides next rule from IE */
	voice-family: "\"}\"";
	voice-family: inherit;
	}

html>body #footer {
	height: auto;
	width: 950px;
	}

#footer a,
#footer a:link { color: #921d00; text-decoration: underline; },
#footer a:visited { color: #921d00; text-decoration: underline; },
#footer a:active { color: #921d00; text-decoration: underline; },
#footer a:hover {
	color: #333;
	text-decoration: none;
	}

#leftcolumn {
	padding: 0;
	margin: 0;
	width: 20%;
	float:left;
}

div.module-grey h3, div.moduletable-grey h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #333;
	margin: -2px -8px 0 -8px;
	border-bottom: 1px solid #cdcdcd;
	padding-left: 10px;
	padding-bottom: 2px;
}

div.module-grey, div.moduletable-grey {
	background: url(../images/box_grey_tl.png) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

div.module-grey div, div.moduletable-grey div {
	background: url(../images/box_grey_tr.png) 100% 0 no-repeat;
}

div.module-grey div div, div.moduletable-grey div div {
	background: url(../images/box_grey_bl.png) 0 100% no-repeat;
}

div.module-grey div div div, div.moduletable-grey div div div {
	background: url(../images/box_grey_br.png) 100% 100% no-repeat;
	padding: 8px;
	width: auto !important;
	width: 100%;
}

div.module-grey ul, div.moduletable-grey ul {
margin: 10px 0;
padding-left: 20px;
}

div.module-grey ul li a:link, div.module-grey ul li a:visited {
	font-weight: bold;
}

div.moduletable-grey ul li a:link, div.module-greytable ul li a:visited {
	font-weight: bold;
}

div.module-grey a.mainlevel:link, div.module-grey a.mainlevel:visited  {
	background: none;
	padding-left: 0;
}

div.module-grey ul li a:hover {
	font-weight: bold;
}

div.moduletable-grey ul li a:hover {
	font-weight: bold;
}

.intro {
	background-color: #FFF;
	color: #333;
	font-weight: normal;
	padding: 1px;
	margin-bottom: 1px;
	border-bottom: 1px solid #4682B4;
	}

.intro a {
	font-weight: normal;
	text-decoration: underline;
	color: #333;
	}

.blog, .archives, .pages {
	color: #000;
	padding: 0px;
	font-weight: normal;
	/* line-height: 1.2em; */
	}

.blogbody {
	padding: 0px;
	border-bottom: 1px dotted #999;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	}

.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover {
	font-weight: normal;
	text-decoration: underline;
	}

.title	{
	text-transform: none;
	color: #36648B;
	background-color: #eee;
	margin-bottom: 1px;
	font-size: large; /* for IE 5.5 */
	f\ont-size: large; /* for compliant browsers */
	}

.date	{
	color: #666; 
	margin-bottom: 1px;
	text-align: left;
	line-height: 1.7em;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: x-small; /* for IE 5.5 */
	f\ont-size: small; /* for compliant browsers */
	/* border-bottom: 1px solid #999; */
	}

.posted	{
	color: #666; 
	margin-bottom: 3px;
	text-align: center;
	font-size: xx-small; /* for IE 5.5 */
	f\ont-size: x-small; /* feed to compliant browsers */
	}

.side {
	color: #333;
	padding: 2px;
	line-height: 1.7em;
	text-align: left;
	font-size: normal;
	f\ont-size: normal;
	/* font-size: xx-small; */ /* for IE 5.5 */
	/* f\ont-size: x-small; */ /* feed to compliant browsers */
	}

.sidetitle {
	color: #36648B;
	padding: 2px;
	margin-top: 1px;
	text-align: left;
	/* text-transform: lowercase; */
	letter-spacing: .1em;
	border-bottom: 1px solid #999;
	font-size: small; /* for IE 5.5 */
	f\ont-size: small; /* feed to compliant browsers */
	}

.syndicate {
	background-color: #EEE;
	padding: 2px;
	margin-top: 1px;
	text-align: left;
	font-size: x-small; /* for IE 5.5 */
	f\ont-size: small; /* feed to compliant browsers */
	}

.metainfo {
	/* background-color: #a7a7a7; */
	/* background-color: #cbc2a5; */
	color: #333;
        text-align: center;
	padding: 1px;
	font-size: xx-small; /* for IE 5.5 */
	f\ont-size: x-small; /* feed to compliant browsers */
	}

.metainfo a {
	/* font-weight: bold; */
	}

/* --- tools --- */

.clear { clear: both; }
.right { float: right; margin: 0 0 1px 1px; }
.left { float: left; margin: 0 1px 1px 0; }

img.left {
	float: left;
	margin: 0 10px 10px 0;
	}

img.right {
	float: right;
	margin: 0 0 10px 10px;
	}

.center {
	text-align: center;
	}

.block {
	display: block;
	}

/* class to hide elements */
.hide {
	display: none;
	}

/* used to clear the floats: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

/* "auto-clearing" IE hack and non-javacsript IE-mac float fix */
.clearfix { display: inline-table; }

/* hides float from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide from IE-mac */

* html body {
	font-size: x-small;
	/* be nice to opera */
	}

/* IE hack to fix font size in tables */
* html table {
	font: 1em verdana, arial, helvetica, sans-serif; /* IE5 */
	}

/* --- extras --- */

.comments-body {
	color: #666;
	padding-bottom: 1px;
	padding-top: 1px;
	font-size: small;
	font-weight: normal;
	border-bottom: 1px solid #999;
	}

.comments-post {
	color: #666;
	font-size: x-small;
	font-weight: normal;
	}


.trackback-url {
	color: #666;
	padding: 5px;
	font-size: small;
	font-weight: normal;
	border: 1px solid #999;
	}


.trackback-body {
	color: #666;
	padding-bottom: 1px;
	padding-top: 1px;
	font-size: small;
	font-weight: normal;
	border-bottom: 1px solid #999;
	}

.trackback-post {
	color: #666;
	font-size: x-small;
	font-weight: normal;
	}


.comments-head	{
	color: #666;
	margin-top: 2px;
	font-size: small;
	font-weight: bold;
	border-bottom: 1px solid #999;
	}

#header-commentspop {
	color: #FFF;
	padding: 5px 5px 15px 15px;
	font-size: large;
	font-weight: bold;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	}

span.article_separator {
	display: block;
	height: 15px;
}

span.small_separator {
	display: block;
	height: 7px;
}