/* 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;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		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:#999966;
		}

#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;}
	
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:1.5em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#ffc685;		/* right column background color */
		color:inherit;
	}
	.threecol .colmid {
		right:33%;			/* width of the right column */
		background:#f7d694;		/* center column background color */
		color:inherit;
		border-right:1px solid #999966;
	}
	.threecol .colleft {
		right:34%;			/* width of the middle column */
		background:#ffc685;		/* left column background color */
		color:inherit;
		border-right:1px solid #999966;
	}
	.threecol .col1 {
		width:29%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:29%;			/* Width of left column content (column width minus padding on either side) */
		left:39%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:30%;			/* Width of right column content (column width minus padding on either side) */
		left:77%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) 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;}