html { height: 100%; }

body { 
	min-height: 101%;
	text-align: center;
	margin: 10px 0; 
	padding: 0;
	background: #617953;
	color: #333;
	font: 80%/130% "Lucida Grande", "Trebuchet MS", verdana, arial, helvetica, sans-serif;
}

#container {
	width: 770px;
	margin: 0 auto;
	padding: 0 0 10px;
	background: #EBF4E7 url(images/possum2.gif) bottom right no-repeat;
	text-align: left;
}

a { text-decoration: none;	font-weight: bold; color: #006000; }
a:visited { color: #003300; }
a:hover { color: #930; text-decoration: underline }
img { border: 0; }
.clear { clear: both; }

/* upgrade your browser */
p.upgrade { display: none; }



/*------------- Header -----------------*/
#header { margin: 0; padding: 0; }

h1#logo	{
	width: 770px;
	height: 110px;
	margin: 0;
	padding: 0;
	background: url(images/headerbg.jpg) top left no-repeat;
	text-indent: -9999px;
}
	
h1#logo a:link, h1#logo a:visited {
	display: block;	
	width: 476px;
	height: 84px;
	position: relative;
	top: 13px;
	left: 9px;
	padding: 0;
	background: url(images/header.gif) top left no-repeat;
}
	
h1#logo a:hover	{ background: url(images/header.gif) 0 -106px no-repeat; }

/*------------- Navigation -----------------*/
#mainnav {
	height: 24px;
	width: 770px;
	margin: 0;
	padding: 0;
	background: #C0CEB9;
	border-bottom: 2px #005000 solid;
}

#mainnav ul#nav	{
	height: 24px;
	width: 750px;
	margin: 0 0 0 20px;
	padding: 0;
	position: relative;
	background: transparent url(images/nav.gif) top left no-repeat;
}

#mainnav ul#nav li {
	margin: 0;
	padding: 0;
	position: absolute;
	list-style: none;
	top: 0;
}
	
#mainnav ul#nav li, #mainnav ul#nav a { height: 22px; display: block; }
	
#mainnav ul#nav li a { text-indent: -9999px; text-decoration: none;	}
	
#news {left: 0; width: 75px;}
#about {left: 145px; width: 90px;}
#projects {left: 300px; width: 110px;}
#links {left: 485px; width: 65px;}
#contact {left: 635px; width: 96px;}

#news a:hover {background: transparent url(images/nav.gif) 0 -24px no-repeat; }
#about a:hover {background: transparent url(images/nav.gif) -145px -24px no-repeat;}
#projects a:hover {background: transparent url(images/nav.gif) -300px -24px no-repeat;}
#links a:hover {background: transparent url(images/nav.gif) -485px -24px no-repeat;}
#contact a:hover {background: transparent url(images/nav.gif) -635px -24px no-repeat;}

/* Active link */
body#home #news {background: transparent url(images/nav.gif) 0 -24px no-repeat; }
body#aboutgap #about {background: transparent url(images/nav.gif) -145px -24px no-repeat;}
body#project #projects { background: transparent url(images/nav.gif) -300px -24px no-repeat;}
body#link #links {background: transparent url(images/nav.gif) -485px -24px no-repeat;}
body#contactgap #contact {background: transparent url(images/nav.gif) -635px -24px no-repeat;}

/*------------- Contents -----------------*/	
#content { 
	width: 770px; 
	padding: 10px 0 20px;
	background: url(images/contentbg.gif) bottom left no-repeat; 
}

#leftcolumn {
	float: left;
	width: 540px;
	margin: 0;
	padding: 0;
	font-size: 95%;
	margin-left: 6px;
}

html>body #leftcolumn { margin-left: 12px }

/* ------------------- right column -------------------- */
#rightcolumnhead {
	width: 183px;
	height: 57px;
	margin: 14px 0 0 572px;
	padding: 0;
	background: url(images/sidebartop.gif) bottom left no-repeat;
}

#rightcolumn {
	width: 160px;
	margin: 0 0 0 572px;
	padding: 1px 10px 20px;
	background: #D8E5D2 url(images/sidebarbase.gif) bottom left no-repeat;
	font-size: 90%;
}

#rightcolumn h3 { margin-top: 10px }

h5#member {
	margin: 0 0 0 15px;
	padding: 0;
	text-indent: -9999px;
}

h5#member a:link, h5#member a:visited {
	display: block;
	width: 143px;
	height: 55px;
	background: url(images/member.gif) top left no-repeat;
}

h5#member a:hover { background: url(images/member.gif) 0 -57px no-repeat; }


/* ------------------- right column -------------------- */
#widecolumn	{
	width: 730px;
	margin: 20px auto 0;
	padding: 5px 10px;
	font-size: 95%;
}

body#contactgap #widecolumn	{ 
	min-height: 205px;
	background: url(images/contactbg.gif) 90% 40% no-repeat; 
}
* html body#contactgap #widecolumn	{ height: 205px; }

/*------------- Footer -----------------*/
#footer	{
	width: 770px;
	margin: 0 auto;
	padding: 0;
	background: #D0D7C3 url(images/possum.gif) 100% -20px no-repeat;
	border-bottom: 1px #003300 solid;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 78%;
	line-height: 150%;
	text-align: left;
}
#footer p {	
	padding: 3px 0 3px 40px; 
	background: url(images/footerlogo.gif) 7px 7px no-repeat;
}
#footer em { font-style: normal; text-decoration: underline; }

/* ------------ Text styles ---------------*/
h1, h2, h3, h4 { margin: 0.3em 0; line-height: 120%; }
h1 { font-size: 200%; }
h2 { font-size: 170%; margin-bottom: 10px; }
.entry h2 { font-size: 140%; }
.entrytext h2 { font-size: 150%; }
h3 { font-size: 130%; }
.post h3 { margin-top: 15px }
h5 { font-size: 110%; margin: 10px 0 2px; }
p { margin: 0 0 0.5em; }
small { font-size: 85%; }
#content img { float: right; margin: 0 0 6px 16px; }
hr { border: 0; height: 2px; margin-bottom: 10px; }
ul { margin: 0 0 5px 8px; padding-left: 8px;}
ol { margin: 0 0 5px 15px; padding-left: 12px;}
ul { list-style-image: url(images/bullet.gif); }
ul ul { list-style-image: url(images/bullet2.gif); }
li { margin-left: 0; padding-top: 2px; text-indent: 0; }
q:before, q:after { content: ""; }
p.credits { font-size: 90%; padding-top: 20px; }
.entry { font-size: 105%; }
p.postmetadata { 
	clear: both;
	padding-left: 20px;
	background: url(images/gumnut.gif) top left no-repeat;;
	font-size: 90%; 
}
p.spacedPar { margin: 15px 0; }
.navigation {
	display: block;
	margin-top: 10px;
	margin-bottom: 60px;
}
.alignright { float: right;	}
.alignleft { float: left }
.recent { margin-bottom: 1.5em }
#content img.floatright { float: right; margin-left: 5px; }
#content img.floatleft { float: left; margin-right: 10px; }
/*#leftcolumn a, #widecolumn a { border-bottom: 1px dotted; }
#leftcolumn a:hover, #widecolumn a:hover { border-bottom: 1px solid; }
#leftcolumn h2 a, #widecolumn h2 a, #leftcolumn li a { border-bottom: none; } */
ul.results li { position: relative; }
ul.results li span { position: absolute; left: 18em; }
table { margin: 1em 0; border-collapse: collapse; }
caption { 
	margin: 1em 0 0;
	text-align: left; 
	font-weight: bold 
}
tr { vertical-align: top; }
th { color: #EBF4E7; background: #006000; }
td { margin: 0.5em 0; padding-right: 0.5em; }
tr.row2 td { background: #DEE6DA; }
table.polis td { width: 18%; }
#upgrade-table { width: 40em }
#upgrade-table td, #upgrade-table th { padding: 0.2em }
.sum { background: #CEDBCC }