/* HTML Elements */

body {
	background-color: #f5feed;
	font-family: verdana, arial, sans-serif;
	padding: 0px;
}

a,
a:link,
a:visited {
  color: #336666;
  text-decoration: none;
}

a:active,
a:hover {
  color: #669999;
  text-decoration: none;
}

img {
  border: 0;
}

h3, h4 {
  margin: 0;
  padding: 0;
}

input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
select,
textarea {
  border: 1px #999 solid;
  background-color: white;
  color: #333;
}

input:focus,    input:hover,
button:focus,   button:hover,
submit:focus,   submit:hover,
select:focus,   select:hover,
textarea:focus, textarea:hover {
  background-color: #eee;
}

input.radio,
input[type="radio"],
input[type="checkbox"] {
  border: none;
}

blockquote {
  border: 1px #999 dashed;
  background-image: url(img/quote.gif);
  background-repeat: no-repeat;
  background-position: 0.5em 0.5em;
  padding: 1em;
  margin: 1em;
  margin-right: 0;
}


::-moz-selection {
  background: #eee;
}

::selection {
  background: #eee;
}

/* Banner */

#po_banner {
	background-color: #d5d1d1;
	background-image: url(img/wonderpostgis_banner_transparent.png);
	background-repeat: no-repeat;
	height: 180px;
	width:100%;
	margin: 0;
}

#po_banner h1 {
  margin-left: 140px;
  font-size: x-large;
  font-variant: small-caps;
  padding-top: 0em;
}

#po_banner h2 {
	border-bottom: 18px #999 dashed;
	border-width: thick;
	color: #990000;
	float: right;
	padding-right: 20px;
	font-size: 1.1em;
}


#po_sections h1 {font-size: small; font-weight:bold; font-variant: small-caps;color:white;background-color:#003333;width:100%}
#po_sections h2 {font-size: small; font-weight:normal; font-variant: small-caps;color:white;background-color:#660000;width:100%}
#po_sections li {font-size: x-small; font-family: verdana; color: midnightblue}
#po_sections ul {
  list-style-type: none;
  padding-left: 0.5em;
}
#po_section li a,  li a:link, li a:visited {font-family:georgia;color:#333300;text-decoration:underline}
#po_section li a:hover {font-family:georgia;color: red;text-decoration:underline}


/* links */
a {	
	color: #79A325;
	background: inherit;
	text-decoration: underline;
}
a:hover {
	color: #73471B;
	background: inherit;
	text-decoration: underline;
}



/* Navigation */
#nav {
	clear: both;	
	padding: 0;	margin: 0;
	width: 100%;
	height: 45px;
	position: absolute;
	top: 175px;	
	background: #000000 url(img/elephant_arch.png) repeat;		
}
#nav ul {
	float: left;	
	list-style: none;	
	margin: 6px 0 0 0;
	height: 40px;
	padding: 5px 0 0px 50px;					
}
#nav ul li {
	float: left;
	margin: 0; padding: 0 0 0 10px;		
}
#nav ul li a {
	float: left;
	margin: 0;
	padding: 0 15px 0 5px;
	color: #FFF;
	font: bold 15px/45px 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
	text-decoration: none;		
}
#nav ul li a:hover, 
#nav ul li a:active {
	color: #E7FAA9;	
}
#nav ul li#current {
	background: transparent url(img/left-tab.gif) no-repeat;	
}
#nav ul li#current a {	
	color: #4B3D2C;
	background: transparent url(img/right-tab.gif) no-repeat right top;	
}

/* Left Navigation */
#sidebar {
	float: left;
	width: 285px;
	padding: 10px; 
	margin: 35px 45px 0 0;
	display: inline;
	position: relative;
}
#sidebar h3 {
	color: #51432F; 
	font: bold 1.5em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	text-transform: none;
	letter-spacing: -0.5px;
	padding: 5px 0 5px 7px; 
	margin: 10px 0 5px 10px; 	
	border-bottom: 1px solid #E4F2C8;	
}
#sidebar .sidemenu {
	margin: 10px 10px 5px 7px; padding: 0;
	text-decoration: none;			
}
#sidebar .sidemenu li {
	list-style: none;
	margin: 0;
	padding: 8px 10px; 		
	border-bottom: 1px solid #E8E8E8;	
}
* html body #sidebar .sidemenu li {
	height: 1%;
}
#sidebar .sidemenu li a {
	text-decoration: none;	
	color: #739A23;
	background: none;
	font-weight: normal;
}
#sidebar .sidemenu li a span {
	color: #7F7F7F;	
	font-size: .9em;
	
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;
	}
#sidebar .sidemenu li a:hover {	
	color: #000;	
	background: none;	
}
#sidebar .sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar .sidemenu ul li { border: none; }


#wrap {

}

#content {
	clear: both;	
	width: 100%;						
	padding: 0px 0 60px 0; 	
}

/* Main Column */
#main {
	width: 100%;
	clear: both;
	padding: 0; margin: 175px 0 0 40px;
	display: inline;	
}
#main h2 {
	font: bold 1.7em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	color: #51432F; 
	padding: 10px 0 5px 5px; 	
	margin-left: 5px;		
	letter-spacing: -2px;
	width: 100%;
	border-bottom: 1px solid #E4F2C8; 	
}
#main h2 a {
	color: #51432f;
	text-decoration: none;
}
#main ul li {
	list-style-image: url(img/bullet.gif);
}


/* footer */
#footer {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 30px 0 25px 0;
	background: #CCC url(img/elephant_arch.png) repeat-x;			
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-size: 0.95em;
	color: #777;	
	text-align: center;	
	letter-spacing: .2px;
	float: bottom;
}
#footer p {
	padding:10px 0;
}
#footer a:hover { 
	color: #555; 
	border-bottom: 1px dotted #555;
	text-decoration: none;
}

.chapter_status_Completed { color: white; background: green}
.chapter_status_InProgress { color: Black; background:yellow}
.chapter_status_NotStarted { color: white; background:red}