html {background-color: #fff;}

body {background-color: #fff;font-family: helvetica, arial, sans-serif;color: #000000;margin: 0;}


.bodycontent {
  background:#fff url(images/backgroundgradient.png) repeat-x;
  padding: 8px;
  border-bottom: 1px #ccc solid;
  font-size: 85%;
  }

 
.bodycontentwhite {
  background:#fff;
  padding: 8px;
  }  
  
ul.highlightitems {list-style: url(none) none inside;}
ul.highlightitems  li {display: inline; padding: 2em;}

table.highlightitems {padding: 2em; width: 90%; border: 0px;line-height: 140%;}

.specialfeatures {padding: 1em; line-height: 150%;}
.specialfeaturestitle {color: #960404; font-size: 1.2em; font-weight: bold; width: 600px;}
.links{border-top: 1px #b1b4b8 solid;}
.where {color: #3c3c3c; font-style:italic; font-weight: bold; font-size: .9em;}
.when{color: #6c6b6b; font-weight: normal; font-size: .9em;}

h2.essential {color: #ededed;}

/*Layers*/
#container	{ position:relative; width:90%; height:300px; z-index:100; color:#000; }
/* Include id's for all your layers here, with commas between. */
#lyr0, #lyr1, #lyr2	{ position:absolute; visibility:hidden; 
	left:0px; top:0px; z-index:1 }				

/* for link style change */	
a:link.on, a:visited.on { color:#ededed; text-decoration:none; border-bottom:1px solid: }
a:link.off, a:visited.off { color:#000; text-decoration:none; }
a:link.done, a:visited.done { color:#000; text-decoration:none;  }
a.on:hover, a.off:hover, a.done:hover { text-decoration:underline: }

.projects {font-size: .9em;}

/*content*/

.content {
	background: #507557;
	font-size: 1em;
	color: #fff;
	}

.contentright {
	background: #ed7500;
	float: right;
	font-size: 1em;
	font-weight: normal;
	font-stretch: normal;
	text-align: right;
	padding: .2em;
	padding-left: .4em;
	width: 30%;
	color: #6e3600;
	border-left: 1px dotted #ccf0d3;
	border-bottom: 1px dotted #ccf0d3;
	line-height: 140%;
	height: 100%;
	}
	
.contentleft {
	background: #507557 url(3ofus.jpg) no-repeat;
	font-size: 6em;
	font-weight: bold;
	font-stretch: normal;
	text-align: left;
	width: 70%;
	color: #fff;
	line-height: 140%;
	text-align: center;
	}


a.contentrightlink {
	text-decoration: none;
	background: #fff;
	color: #6e3600;
	padding: .1em;
	}
	
a.contentrightlink:visited {
	text-decoration: none;
	background: #fff;
	color: #6e3600;
	padding: .1em;
	}
	
a.contentrightlink:hover {
	text-decoration: none;
	background: #fff;
	color: #ed7500;
	padding: .1em;
	}


/*<group=Footer>*/

#Footer {
  clear: both;
  padding: .2em;
  background: #ccf0d3;
  height:  17px;
  color: #507557;
  font-size: .8em;
  text-align: left;
  line-height: 150%;
}

#essentialfooter {
  clear: both;
  padding: .5em;
  font-size: .7em;
  text-align: left;
  line-height: 150%;
}