/* Let's start with global declarations */
*
{
	font-family: verdana, arial; 
	margin: 0;
}
html, body {
	height: 98%;
	background-color:#99AA99;
	
/* This is an IE-only workaround for the fact that IE doesn't support hover behaviors for non "a"-tags */
	behavior:url("csshover.htc");
}
#wrapper {
    position: absolute;
	/* Leave just enough room for the userbanner */
    top: 8em;
    left: 5;
	min-height: 95%;
	/* next 2 lines: hack for IE 6 */
	height: auto !important;
	height: 95%;
	width: 98%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
} 
#titletext {
    position: absolute;
    top: 0;
    left: 0;
	height: 6em;
	width:98%;
	font-size: 1.2em; 
	padding:4px 6px 4px 6px; 
	background-color:black; 
	color: #eeffee;
	text-align:center;
	font-weight: bolder;
  margin-left: auto ;
  margin-right: auto ;
}

#titletext a{
	color:#eeffee;
	background-color:inherit;
	font-weight:bold;
}

#rsscorner {	
	position:absolute;
	top:0; right:0;
	text-align:center;
	font-size: .5em;
	background-color:inherit;
}

#rsscorner a:link{
	text-decoration: none;
}

#rsscorner a:visited{
	text-decoration: none;
}

.pagenum {
	font-size: 1.5em;
	font-weight:bolder;
}

#pagecontrols_top {
	position:absolute;
	top: 0em; 
	right:-.5em;
	text-align:right;
	font-size:9px; 
	padding:3px 3px 3px 3px; 
	color: #445544; 
}

#pagecontrols_top a:link{
	text-decoration: none;
}

#pagecontrols_top a:visited{
	text-decoration: none;
}

#pagecontrols_toc {
	width:75%;
	text-align:center;
	margin: 1em;
	margin-left: auto;
    margin-right: auto;
	font-size:9px; 
	color: #555555; 
}

#pagecontrols_toc a:link{
	text-decoration: none;
}

#pagecontrols_toc a:visited{
	text-decoration: none;
}

#pagecontrols {
	position:absolute;
	bottom: 5.5em; 
	right:0;
	height: 2em;
	text-align:right;
	font-size:9px; 
	padding:4px 4px 4px 4px; 
	color: #445544; 
}

#pagecontrols a:link{
	text-decoration: none;
}

#pagecontrols a:visited{
	text-decoration: none;
}

#footer {
	position:absolute;
	bottom: 1em; 
	height: 2em;
	margin-left: auto;
	margin-right: auto;
}
div.navfoot {
	padding: 0px;
	
	text-align:left;
	width:auto;
}


.navfoot ul {
	margin: 0;
	list-style-type: none;	
}

.navfoot li  {
 	padding: 0;
	border-right:1px solid #778899; 
	border-left:1px solid #778899; 
	color:black;
	text-decoration:none;
	background-color:#889988;
	float:left;
}

.navfoot a {
	text-decoration: none;
	display: block;
	color: #000000;
	background-color: inherit;
	padding: 5px;
	background-color:#889988; /* IE */
/*	width:100%; /* IE */
}

.navfoot a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #003300;
}


.navfoot li:hover ul {
	visibility: visible;
	display: block;
	position:absolute;
	z-index:1;
	padding: 0;
	margin: 0;
}

.navfoot li li {
	border: none;
	
}	

.navfoot li ul {
	display: none;
}

.navfoot li li a {
	padding: 2px 2px 2px 10px;
}
#appenginebox{
	font-size: .85em;
	float: right;
	position: absolute;
	bottom: 0; right: 0;
	text-align: right;
}
#logo {
	float: right;
	position:absolute;
	bottom: 0; right: 0;
}
.pushlogo {
	height: 200px;
}
.push {
	height: 1em;
}

div.twitterlistcontainer{
	padding:4px 6px 4px 6px; 
	color: #555555; 
	background-color:#CCDDCC; 
	border: #dddddd 2px solid;
	margin-left: auto;
    margin-right: auto;
	width:75%;
	font-size: .90em;
}
/* Div for staging server rendering */
#staging{
	z-index: 100;
	position: absolute;
	top: 0; left: 0;
	background-color: #ffdddd;
	text-align: center;
	font-size:12px;  
	font-weight:bolder; 
	color:#FF3333;
	padding:4px 6px 4px 6px; 
}
table.toclist {
	width:100%;
}
table.toclist td{
	text-align:left;
}

table.toclist a:link{
	text-decoration: none;
}

table.toclist a:visited{
	text-decoration: none;
}

table.noborders {
	border-width: 0px 0px 0px 0px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-collapse: separate;
}
.hideit {display:none}
.showit {display:inline}

/* Conditional font styling */
.error { color: red;font-weight:bold; background-color:inherit}
.important { color:#CC33CC;font-weight:bold; background-color:inherit}
.usererror { color: red;font-weight:bold; background-color:inherit}
.attention {font-weight:bold; background-color:inherit}
.bold { font-weight:bold ; background-color:inherit}
.subdued{ color:#999999; background-color:inherit}
.smaller {	font-size: .6em;background-color:inherit}
.smallest {	font-size: .4em;background-color:inherit}
.bigstrong {	 font-weight:bold ;font-size: 1.5em;background-color:inherit}
.strong { font-weight:bold ;}
.italic { font-style: italic ;}

/* Anchor treatment can be summed up as follows:
	Background inherits the parent unless it is rolled over,
	in which case it is blue.
	font style is always bold	
	Images in anchors should also show the blue background on rollover. */
a:hover img {
	background-color: #003300;
}
a { 
color: #000;
background-color:inherit;
font-weight:bold;
}
a:link, #navlist a:visited
{
color: #000;
background-color:inherit;
/*text-decoration: none;*/
font-weight:bold;
}
a:hover
{
	color: #334466;
	background-color:inherit;
	/*text-decoration: none;*/
	font-weight:bold;
}
/* div indented group - for grouping controls under a header */
div.group{
	width:auto;
	border: solid; 
	border-width: thin; 
}
div.indented-group{
	border: solid; 
	border-width: thin; 
	margin: 1em;
	color: #555555; 
	background-color:#CCDDCC; 
	border: #dddddd 2px solid;
	margin-left:50px;
	width:50%;
}
/* div indented group - for grouping controls under a header */
div.indented-group-noborder{
	margin-left:2em;
	margin: 1em;
}

/* Table styling */
table {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: none none none none;
	border-color: black;
	border-collapse: collapse;
}
table th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color:#88aa88;
	-moz-border-radius: 0px 0px 0px 0px;
	font:bold; 
}
table tr {
	border: 1px solid black;
}

/*
table td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	-moz-border-radius: 0px 0px 0px 0px;
}
*/

tr.even td {
	background-color:#aaddaa; 
}
tr.odd td {
	background-color:#ddffdd; 
}

/* Anchor opacity changes on rollover: requires javascript: */
a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

/* Forms elements */
textarea{
	font-size: 1em; 
  border-color:black;
  border-width:thin;
  background:#fefffe;
}

input{
  border-color:black;
  border-width:thin;
  background:#fefffe;
  font-size:9px;
}

input.btn{
   font-weight:bold;
   font-size:9px;
   background-color: inherit;
}


input.btnhover{
  	color: #FFFFFF;
	background-color: #003300; 
}
/* For help text blocks */
div helpbox{
	margin-top:1em;
}
div.helpboxtitle {
	font-size: 2em; 
	font-weight: bolder;
	margin-left:50px;
	margin-right:100px;
} 
div.helpboxtext {
	font-size: .75em; 
	padding:4px 6px 4px 6px; 
	color: #555555; 
	background-color:#FF99FF; 
	border: #dddddd 2px solid;
	margin-left:50px;
	margin-right:100px;
	width:75%;
}
div.blogitemcontainer {
	border: #dddddd 2px solid;
}

div.blogitemheader{
	text-align: left;
	margin-left: auto;
    margin-right: auto;
	width:75%;
}

div.blogitemfooter{
	text-align: left;
	margin-left: auto;
    margin-right: auto;
	width:75%;
}

div.blogpost {
	font-size: larger; 
	padding:4px 6px 4px 6px; 
	color: #555555; 
	background-color:#CCDDCC; 
	border: #dddddd 2px solid;
	margin-left: auto;
    margin-right: auto;
	width:75%;

}

p.backtotop{
	text-align: right;
}

/* Prevent rollover from changing color*/
p.backtotop img{
	background-color:inherit;
}

div.quotebox {
	font-size: 1.25em; 
	font-weight: bolder;
	font-style: italic;
	padding:2px 4px 2px 4px; 
	color: #666666; 
	background-color:#DDEEDD; 
	border: #eeffee 2px solid;
	margin-left:50px;
	width:75%;
}

img.logo{
	display: block;
    margin-left: auto;
    margin-right: auto
}

div.nestedlisttitle {
	border-bottom: #555555 2px solid;
	font-weight: bolder;
	margin-left:0px;
	margin-right:100px;
} 
div.nestedlist {
	font-size: 1.3em; 
	padding:4px 6px 4px 6px; 
	color: #666666; 
	background-color:#DDEEDD; 
	border: #eeffee 2px solid;
	margin-left:50px;
	width:75%;
}
div.postcommentcontainer {
	font-size:9px; 
	padding:2px 2px 2px 2px; 
	color:black; 
	font-weight:bold;
	background-color:#99AA99; 
	border: #dddddd 2px solid;
}

div.postcomment {
	font-size:9px; 
	padding:5px 4px 5px 4px; 
	color: #555555; 
	background-color:#CCDDCC; 
	border: #dddddd 2px solid;
}

a.postcomment{
	background-color:inherit;
	font-weight:bold;
}

a.neat{
	background-color:inherit;
	font-weight:bold;
	text-decoration: none;

}
img.neat{
	background-color:inherit;
}

div.callout {
	padding:4px 6px 4px 6px;
	color: black;
	background-color:#99AA99;
	border: #eeffee 2px solid;
	margin-left:50px;
	margin-right:100px;
	width:75%;
}

div.callout a:link{	color: black; }
div.callout A:visited { color: black;}
div.callout A:hover		{color:#444466;}

TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { padding: 8px; line-height: 1.33 }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
TABLE,P,UL,OL   { font-size: .7em}
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }