html {height:100%;}

body  {
	color: #333;
	font-size: 14px;
	font-family: georgia, arial, sans-serif;
	margin: 0 auto;
	background-color:#998b7d;
	height:100%;
	}

a {color: #00853f;}
a:visited {color: #ee3224;}
a:active {color:white;}
a img {border:none;}

h1 {
	color: #00853f;
	font-family:arial, sans-serif;
	font-size:20px;
	text-align:center;
	}
	
h2 {
	color: #998b7d;
	font-family: arial, sans-serif;
	font-size:16px;
	}

ul#contentlist li {
	list-style-type:square;
	color:#ee3224;
	margin:0;
	}

ul#contentlist li p{

	list-style-type:square;
	color:#333;
	margin:5px;
	}
	
span.callout {
	font-family:arial, sans-serif;
	font-size:14px;
	color:black;
	font-weight:bold;
	}

div#header {
		width:800px;
		height:50px;
		background-color:#231f20;
		margin: 0 auto;
		padding:10px 50px;
		}
		
div#headerleft{float:left;}
div#headerright{float:right}

div#skiptocontent a, div#skiptocontent a:hover, div#skiptocontent a:visited {
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
} 

div#skiptocontent a:active, div#skiptocontent a:focus 
{ 
position:static; 
width:auto; 
height:auto; 
} 

div#content {
	width:860px;
	height:auto;
	background-color:white;
	margin:0 auto;
	padding:10px 20px;
	}

div#stepsright {
	float:right;
	margin-top:10px;
	padding-top:40px;
	/*padding-right:23px;*/

	}

div#stepsleft {
	float:left;
	vertical-align:bottom;
	margin-top:145px;
	}
	
div#footer {
	text-align:center;
	width:900px;
	margin:0 auto;
	padding:10px 0;
	font-size:14px;
	color:white;
	}
	
/*styling for the index page:*/
span.headline {
	font-family:'palatino linotype', georgia, serif;
	font-size:24px;
	}

span.puzzletitle {
	font-family:arial, sans-serif;
	color: #00853f;
	}

div#puzzlepieces {
	width:839px;
	height:167px;
	background-image:url('images/puzzlepieces.gif'); 
	padding:0;
	margin-top:10px;
	}
div#puzzlepieces p {margin:0;}

div#leftpiece {
	float:left;
	width:250px;
	margin:0 40px 0 0;
	padding: 5px 10px;

	}
div#middlepiece {
	float:left;
	width:210px;
	margin:0 50px 0 0;
	padding: 5px 10px;

	}
div#rightpiece {
	float:left;
	width:210px;
	margin:0;
	padding: 5px 10px;
	}
div#whybox {
	background-image:url('images/whybox.gif');
	width:353px;
	height:277px;
	margin-top:10px;
	padding:20px;
	float:left;
	}
	
/*end styling for the index page*/
	

/*styling for the various column configurations:*/
div#contenttop {
	border-style: none none solid none;
	border-width:1px;
	border-color:#d6d3ce;
	height:100%;
	margin-bottom:20px;
	padding:5px;
	}

div#leftcolumnnarrow {
	width:300px;
	float:left;
	height:100%;
	padding:5px;
	}

div#rightcolumnwide {
	width:500px;
	float:right;
	height:100%;
	border-style: none none none solid;
	border-width:1px;
	padding:5px 5px 5px 20px;
	border-color:#d6d3ce;
	}

div#rightcolumnnarrow {
	width:300px;
	float:right;
	height:100%;
	padding:5px;
	}

div#leftcolumnwide {
	width:500px;
	float:left;
	height:100%;
	padding:5px;	
	}

div#leftcolumn {
	width:250px;
	float:left;
	height:100%;
	margin:10px;
	padding:0;
	}

div#middlecolumn {
	width:240px;
	float:left;
	height:100%;
	margin:10px;
	padding:0;
	}

div#rightcolumn {
	width:300px;
	float:left;
	height:100%;
	margin:10px;
	padding:0;
	}

div#next {
	width:100%;
	text-align:center;
	padding-top:20px;
	margin-top:20px;
	border-style: solid none none none;
	border-width:1px;
	border-color:#d6d3ce;
	height:100%;

	}
	
/*end styling for column layouts*/



/*navbar dropdowns*/

div#navbar {
width:800px;
height:36px; 
background-image:url('images/navbar_gradient.jpg');
 margin:5px auto 0 auto; 
 padding:0 50px;}

ul#navmenu { /* all lists */
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
 
ul#navmenu li { /* all list items */
	float: left;
	position: relative;
	padding: 5px 15px 5px 5px;
	font-size:14px;
	font-family: arial bold, arial, sans-serif;
	color:#028541;
	}

ul#navmenu li a {
	text-decoration:none;
	color:#028541;
	font-family: arial, sans-serif;
	font-size: 14px;
	}

	
ul#navmenu li a:hover {color:black;}

			
ul#navmenu li ul { /* second-level lists */
	display: none;
	list-style:none;
	position: absolute;
	margin-top: 4px;
	margin-left:-40px;
	top:auto;
	left:auto;
	}

					
ul#navmenu li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top:auto;
	left:auto;

	}
	
ul#navmenu li ul li {/*second-level list items*/
	width:150px;
	background-color:#998b7d;
	color:black;
	}
	
	/* IE-win only - The Holly Hack \*/
* html #gNavi .pdMenu li a, * html #gNavi .pdMenu2 li a {
	width: 100%;
}
/* End Holly Hack */

ul#navmenu li ul li.indent {
	padding-left:30px;
	width:125px;
	}

ul#navmenu li ul li:hover {background-color:#d6d3ce;color:black;}
ul#navmenu li ul li a{color:white;}
ul#navmenu li ul li a:hover{color:black;}	 
 
ul#navmenu li:hover ul, li.over ul { /* lists nested under hovered list items */
		display: block;
	}