/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		color:#000;
		
		font:		medium "Trebuchet MS", Helvetica, sans-serif;
	}
	
	h1 {font-size: 1.5em;}
	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		text-align:center;
		color:black;
		background:#996;
	}

#header img {
		padding-top:1em;
		padding-bottom:.5em;}

#navbar {
	clear:		left;
	float:		left;
	width:		100%;
	background:	#B7B7B7 url(sagepipe.gif) 0 25% repeat;
	color:		inherit;
	font-family:	"Trebuchet MS", Helvetica, sans-serif;
	border-bottom:	1px solid #996;
	overflow:	hidden;}

#navbar ul {
	clear:		left;
	float:		left;
	list-style:	none;
	margin:		0;
	padding:	0;
	position:	relative;
	left:		50%;
	text-align:	center;}

#navbar ul li {
	display:	block;
	float:		left;
	list-style:	none;
	margin:		0;
	padding:	0;
	position:	relative;
	right:		50%;}

#navbar ul li.first {
	border-left:	1px solid #996;}

#navbar ul li.last {
	border-right:	1px solid #c8c884;}

#navbar ul li a {
	display:	block;
	margin:		0;
	padding:	.4em .8em;
	color:		#000;
	background-color:inherit;
	text-decoration:none;
	border-left:	1px solid #c8c884;
	border-right:	1px solid #996;
	line-height:	1.3em;}

#navbar ul li a span {
	display:	block;}

#navbar ul li a.active {
	background:	url(invertedsagepipe.gif) 0 75% repeat;
	font-weight:	bold;}

#navbar ul li a:hover {
	background:	url(invertedsagepipe.gif) 0 75% repeat;}


#container {
	clear:		both;
	float:		left;
	width:		100%;			/* width of whole page */
	overflow:	hidden;			/* This chops off any overhanging divs */
	background:	#ffc685;			/* right column background color */
	color:		inherit;
	}		

#col1, #col2 {
	float:		left;
	position:	relative;
	padding:	0 0 1em 0;
	margin-top:	1em;
	overflow:	hidden;
	}		

#colleft {
	right:		50%;			/* right column width */
	float:		left;
	width:		100%;
	position:	relative;
	background:	#f7d694;		/* left column background color */
	color:		inherit;
	border-right:1px solid #996;
	}		

#col1 {
	width:		46%;			/* left column content width (column width minus left and right padding) */
	left:		52%;			/* right column width plus left column left padding */
	}
	
#col2 {
	width:		46%;			/* right column content width (column width minus left and right padding) */
	left:		56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
  }

/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		text-align:center;
		color:black;
		background:	#B7B7B7 url(sagepipe.gif) 0 25% repeat;
		height: 3em;
	}
	
#footer img {
	padding-top: 1em;}