html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #aa9877;
	background-image: url('/images/bg_grad_brown.png');
	background-repeat: repeat-x;
	font: 65.5% Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	color: #000;
}

/* OUTER SHELL */
#shell {
	width:950px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background-color: #fff;
	border-right: 2px solid #081734;
	border-left: 2px solid #081734;
}
/********************************************************************/


/* TOP NAVIGATION LINKS AND DATE STYLES */

#header {
	background-color: #174d02;
	height: 150px;
	color: #fff;
}

#header ul {
	margin: 10px 10px 0 0;
	padding-top: 0;
	text-align: right;
	float: right;
}

#header li {
	display: inline;
}

#header a:link, #header a:visited, #header a:active {
	text-decoration: none;
	color: #fff;	
}

#header a:hover {
	text-decoration: underline;
}

#header #popWorkspace div {
  background-color: #fff;
}


#date {
	clear: right;
	font-weight: bold;
	font-style: italic;
	margin: 103px 10px 0 0;
	padding: 0 0 0 15px;
	float: right;
	text-align: right;
}

/*  TOP SECTION  ------------------------------------------------------------------
    This section includes the menu and slideshow areas.  See \Includes\P7PM\p7pmh3.css for specific menu styling  */

#top {
	margin-top: 2px;
	padding: 0;
	height: 210px;
	border-bottom: 2px solid #081734;
	border-top: 2px solid #081734;	
	background-color: #174d02;
	background:  url('/images/menu_bg.png') repeat-y;	
}

#menu {
	float: left;
	width: 238px;
	margin: 0;
	padding: 10px 0px 0px 0px;
	display: inline;
}

#slideshow {
	float: right;
	width: 710px;
	margin: 0;
	text-align: right;
	background-color: #174d02;
	display: inline;
}
/*  END TOP SECTION ------------------------------------------------------------ */


/*  MAIN SECTION  ------------------------------------------------------------------
	This is the main content area, which includes the content and right-hand sidebar */
	
#main {
	width: 100%;
	margin: 10px 0px 15px 0px;
	padding: 0px;

}

#content {
	height: auto;
	margin: 15px 15px 20px 15px;
	background-color: #fff;
	padding: 15px;
	border: 1px solid #174D02;
}

#content #pageTools {
  float:right;
}



#content #function ul {
	margin: 2px 10px 0 0;
	padding-top: 0;
	text-align: right;
	float: right;
}

#function li {
	display: inline;
	list-style-type: none;
	padding-left: 4px;

}

#function img, #function a:link, #function a:active, #function a:visited, #function a:hover {
	border: 0px;
}


#sidebar {
	float: right;
	width: 240px;
	margin: 0px 15px 20px 0px;
	padding: 0px;
	background-color: #ccc;
	background-image: url('/images/sidebarbg.gif');
	border: 1px solid #433d32;
	display: inline;
}

#sidebar h3 {
	font-size: 1.4em;
	/*color: #433d32;*/
	color: #fff;
	padding: 3px;	
	margin: 0px;
	background-image: url('/images/bg_title.png');
	background-repeat: repeat-x;
}

#sidebar .inner, #sidebar p {
	padding: 5px 10px 10px 10px;
}
/*  END MAIN SECTION ------------------------------------------------------------ */


/*  FOOTER SECTION  ------------------------------------------------------------------
	This is the footer content area------------------------------------------------- */
	
#footer {
	clear: both;
	margin-top: 15px;
	padding: 10px;
	background-color: #174d02;
	text-align: center;
	
	vertical-align: middle;
	font: normal 1em Arial, Verdana, Helvetica;
	/*border-top: 2px solid #c5c8e3;*/
	
}

#footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
	color: #fff;
	font-weight: bold;	
}

#footer a:hover {
	text-decoration: underline;
}

#footer a.footer:link, a.footer:visited, a.footer:active {
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
	color: #fff;
	font-weight: bold;
}

#footer a.footer:hover {
	text-decoration: underline;
}

#footer_info {
		padding-top:15px;
		color: #fff;
}
/*  END FOOTER SECTION ------------------------------------------------------------ */


/*  GENERAL STYLING SECTION  ------------------------------------------------------------------
	This area contains the general styles, such as p, h1, h2, etc.  --------------------------*/
	



p.footnote {
	margin-top: 75px;
	font-size: 1.0em;
	font-style:italic;
}

p.designation img {
	padding: 10px;
	border: 0px;
}

.going_up {
	text-align: right;
	background: url('/images/going_up.gif') no-repeat;
	background-position: right;
	padding-right: 20px;
	margin-top: 25px;
	margin-bottom: 50px;
}

.going_up a:link, .going_up a:visited {
	color: #174D02;
	font-weight: bold;
	text-decoration: none;
}

.going_up a:hover {
	color: #174D02;
	font-weight: bold;
	text-decoration: underline;
}

.heavy {
	font-weight: bold;
}

.highlight {
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;
}


hr {
  	border: 0;
  	width: 90%;
	color: #174D02;
	background-color: #174D02;
	height: 2px;
	margin: 30px auto;
}

li {
	line-height: 1.2em;
	margin-bottom: 5px;
}

p, ul, ol {
	font-size: 1.2em;
}

li ul, li ol {
	font-size: 1.0em;
}



h1 {
	font-size: 2.25em;
	margin-top: 10px;
}

h2 {
	font-size: 1.75em;
	margin-top: 0;
}

h2.blue {
	font-size: 1.75em;
	margin-top: 0;
	color: #081734;
}

h2.red {
	font-size: 1.75em;
	margin-top: 0;
	color: #990000;
}


h3 {
	font-size: 1.4em;
	margin-top: 10px;
	margin-bottom: -7px;
}

h4 {
	font-size: .9em;
	margin-top: 0;
	margin-bottom: 3px;
}



a:link, a:visited, a:active {
	text-decoration: underline;
	color: #000;
}

a:hover {
	text-decoration: none;
}

.small {
	font-size: .75em;
	line-height: 1.5em;
	font-weight: bold;
}

/* This will indent 15px */
.indent15 {
	margin-left: 15px;
}

/* This will indent 25px */
.indent25 {
	margin-left: 25px;
	padding-bottom: 2px;
}

/* This will indent 40px */
.indent40 {
	margin-left: 40px;
	padding-bottom: 2px;
}

/* Turn off borders for linked images */
img {
	border: 0;
}

.red {
	color: #990000;
}

.green {
	color: #174D02;
}

.feature_box {
	text-align: center;
	padding: 5px;
	width: 80%;
}

feature_box p {
	text-align: left;
}

.resource {
	font-style: italic;
	font-size: 1em;
	margin-top: 20px;
}