﻿@charset "utf-8";
/* Sets all Defaults to 0 */
* {
   margin: 0;
   padding: 0; }

body {
   background: url(/includes/bkg_w_highlight_175px.png) top repeat-x;
   color: #333;   
   font-family: Arial, Helvetica, sans-serif;
   font-size: 62.5%;
   text-align: center; 
   /*behavior: url("/scripts/csshover3.htc"); */   
   }
.noscript-message {
	background:#FCE9C0 url(/icons/icon_alert.png) left no-repeat;
	background-position: 15px; 
	border-top:2px solid #DBAC48;
	border-bottom:2px solid #DBAC48;
	padding: 15px 10px 15px 15px;
	margin: 15px 0;
} 
.noscript-message p {
	padding: 15px 10px 15px 100px;
	font-size: 1.8em;
	color:#333;
} 
#share { float:right; margin: 20px 0 0 0; padding:0;}


/***** General Styles *****/
.clear { clear:both; }
.right { margin: 0 .8em 1em .8em; padding: 1em; float:right; }
.left { margin: 0 1em 1em 0; padding: 1em; float:left; } 

a:link,
a:visited {
   text-decoration: none;
   color: #69aa17;
   font-weight: normal; 
}
a:hover {
   color: #333
 }
a[href$=jpg], a[href$=jpeg], a[href$=jpg], a[href$=png], a[href$=gif] {
	text-decoration: none;
	border: 0 none;
}
p {
	font-size: 1.4em;
	line-height: 18px;
	margin-bottom:12px;
   }
p.byline, span.byline {
	font-size: 11px;
	font-style:italic;
	margin-bottom: 8px;
   }
   
h1 {
	font-family:"Times New Roman", Times, serif;
	font-size: 2.8em;
	color: #8eba3f;
	border-bottom:1px #777 solid;
	padding-bottom: 0.2em;	
	display:block; 
	margin:1em 0 1em .5em ; 
	}
h1 a {
	color: #8eba3f;
	font-weight:normal;	
}
h2 {
	font-size: 1.7em;
	font-weight:normal;
	color: #d95229;
	margin:1em 0 .2em  0;
	text-transform:uppercase;
	display:block;
}
 h2 a:link {
	color: #d95229;	
	font-weight:normal;	
}
 h2 a:visited {
	color: #d95229;	
	font-weight:normal;	
}
 h2 a:hover {
	color: #d95229;	
	font-weight:normal;
	border-bottom: 0;	
}
h3 {
	font-size: 1.5em;
	font-weight:bold;
	color: #333;
	margin:1em 0 ;
	}
h3 a:link {
	color: #333;	
	text-decoration:none;
}
h3 a:hover{
	color: #8eba3f;	
	text-decoration:none;
	border-bottom: 0;
}

h4 {
   margin-top:1em ;
   margin-bottom:.5em;
   color: #8eba3f;
   font-size: 1.5em; 
   font-weight: bold; 
   }
h4 a {
   color: #8eba3f;	
}
ul, ol {
   list-style-position: inside; 
   margin:1em;}
ul li {
	font-size:1.4em;
	margin-bottom: .5em;	
}
ol li {
	font-size:1.4em;
	margin-bottom: 1em;
	line-height:18px;
	list-style-type: decimal;
}
li ul {
	font-size:1.0em;
	margin:1em;
}
/*Nested unordered list*/
li ul li {
	font-size:1em;
	margin-left:1em;
	list-style-type:circle;
	padding:0;
}

/*Nested ordered list*/
li ol li {
	font-size:1.4em;
	list-style-type:lower-alpha;
	padding:0;
}

dl {
	font-size: 1.2em;
	margin-bottom:10px;
}   

dt {
	font-size: 1.2em;
	font-weight:bold;
	margin:15px 0 10px 0;
}   

dd {
	font-size: 1.2em;
	line-height: 18px;
}   
/**
blockquote {
	margin: 10px 25px;
	font-style:italic;
	font-size:14px;
	line-height:20px;
}
**/
blockquote {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	width: 650px;
	margin: 0.25em 0;
	padding: 0.25em 25px;
	line-height: 1.45;
	position: relative;
	color: #383838;
  }
blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
}
blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}
blockquote.plain:before {
	display:none
}

/*****Image styling*****/
img {
   text-align: center; 
   padding: 0 .5em;
   border:0;}
a:link, a:visited img {
	text-decoration:none;
	border:0;
}
.shadow {
   padding: 0;
   margin: 0 10px;
  /*CSS3 box shadow*/
  border:1px solid #c8cdd2;
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
    box-shadow:2px 2px 4px rgba(0,0,0,0.7);
}

img .shadow {
   padding: 0;
   margin: 0 10px;
  /*CSS3 box shadow*/
  border:1px solid #c8cdd2;
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
    box-shadow:2px 2px 4px rgba(0,0,0,0.7);
}
  
/*Styling pictures with captions below*/
div.picr {
	margin: 1em 1em 2em 1em; 
	padding: 1.2em; 
	float:right;   
	/*CSS3 box shadow*/
  	border:1px solid #c8cdd2;
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
    box-shadow:2px 2px 4px rgba(0,0,0,0.7);
}
div.picr img {
	margin:0;
	padding:0;
	}
div.picr img a:link {
	text-decoration:none;
	border:0;
}
div.picr p { 
	text-align: left;
  	font-size: 11px;
  	margin-top: 5px;
	line-height: 14px;
	margin-bottom:0;
 }
div.picl {
	margin: 1em 1.2em 2em .4em; 
	padding: 1em; 
	float:left;   
	/*CSS3 box shadow*/
  	border:1px solid #c8cdd2;
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.4);
    box-shadow:2px 2px 4px rgba(0,0,0,0.7);
}
div.picl img {
	margin:0;
	padding:0;
	}
div.picl img a:link {
	text-decoration:none;
	border:0;
}
div.picl p { 
	text-align: left;
  	font-weight:normal;
  	font-size: 11px;
  	margin-top: 5px;
	line-height: 14px;
	margin-bottom:0;
 }
div.picl ul li { 
	text-align: left;
  	font-weight:normal;
  	font-size: 11px;
  	margin: 0;
	line-height: 12px;
	text-indent:-1em;
 }
.picture p { 
	font: 11px/1.4em Arial, sans-serif;
	text-align:left; 
	}
.picture a:link { 
	font: 11px/1.4em Arial, sans-serif; 
	}
.picture img { 
	border: 1px solid #CCC;
	vertical-align:middle; 
	margin-bottom: 3px;
	padding: 0;
	display:block; 
	}
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 

/*****Miscellaneous style*****/
#content .button {
		background: #69aa17;
		display: inline-block;
		text-align: center;
		padding: 9px 15px 11px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.0rem;
		line-height: 1;
		font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
		position: relative;
		cursor: pointer;
		border: none;
		outline: none;
		margin: 0;
	}
#content .button a {
	color:#fff;
	text-decoration:none;
	border:0;
}
#content .button a:link {
	text-decoration:none;
	border:0;
}

.buttonStyle {
	padding:5px;
}
.textbox {
	padding:5px;
}
p .green {
	color:#69aa17 ;
	font-weight:bold;
	text-transform:uppercase;
}   
.pullquote {
    float: left;
    margin: 1em ;
    font-size:1.2em;
    font-style: italic;
    text-indent: -1.3em;
    line-height:2em;
}
 
.pullquote:before {
    content: "“ ";
    font-size: x-large;
    font-weight: bold;
    font-family: Georgia, "Times New Roman", Times, serif;
    }
 
.pullquote:after {
    content: " ”";
    font-size: x-large;
    font-weight: bold;
    font-family: Georgia, "Times New Roman", Times, serif;}

/****Business card for profile pages***/
#bcard {
	width:350px;
	height:175px;
	border:1px #999 solid;
	float:left; 
	border-bottom:20px #69aa17 solid;
	padding:10px;
	margin:12px 0 20px 5px;
}  

#bcard img {
	float:left;
	padding-bottom:15px;
}

#bcard p  {
	font-size: 13px;
	margin-bottom:0;
	
}
#bcard .name {
	float:left;
	padding-left:15px;
}
#bcard .contact {
	float:right;
	padding-right:10px;
}
/*****Structure*****/
#header { 
   background: #000 url('/includes/WATERROCK_web_vignette.jpg') no-repeat left 50%; 
   height: 146px;
}
/* Header - logo */
#logo {
   position:absolute; top:2.5em; left:0.8em; margin:0; ;
}
#strap {position:absolute; top:10.2em; left:1em; color:#fff;font-family:Georgia, 'Times New Roman', serif;
	font-style:italic; font-size:1.2em; width:800px;
}
#container{
  background-color:#fff;
  overflow:hidden;
  width:980px;
  margin: 0 auto;
  text-align: left;
  /*Next three lines deal with "sticky footer"*/
  min-height: 100%;
  margin-bottom: -200px;
  position: relative;  }

/********* Columns for single column layout **********/
#content_full{
  background-color:#fff;
  width:980px;
  float:right;
}
#content_full a:link {
	   border-bottom: 1px dotted #ccc;
}

#content_full a:visited {
	   border-bottom: 1px dotted #ccc;
}

#content_full a:hover {
   color: #000;
   border-bottom: 1px dotted #333;
 }

#content_full p {
	margin-left:3.0em;
}
#content_full h2 {
	margin-left:3.0em;
}
#content_full ul, ol {
   list-style-position: inside; 
   padding-left:0.8em;
   	margin-left:3.0em;
}
#content_full ul,ol li {padding-bottom:1.0em;
	font-size:1.0em;
	}
#content_full li ul {
	font-size:1.0em;
	margin-left:1.0em;
	}

#content_full li ol {
	font-size:1.0em;
	margin-left:1.0em;
	list-style-type:lower-alpha;
	padding:0;
	}

	
/********* Columns for two column layout **********/
/*Extra margin on home page because no h1*/
#home #content {
	margin-top:15px;
}
#content{
  float:right;
  background-color:#fff;
  width:730px;
  margin-top:0;
  padding-top:0;
}

#content a:link {
	   border-bottom: 1px dotted #333;
}

#content a:visited {
	   border-bottom: 1px dotted #333;
}

#content a:hover {
   color: #000;
   border-bottom: 1px dotted #333;
 }

#content h1 {
	font-family:"Times New Roman", Times, serif;
	font-size: 2.2em;
	color: #8eba3f;
	border-bottom:1px #777 solid;
	padding-bottom: 0.2em;	
	display:block; 
	margin:1em 0 1em 0em ; 
	}
#content h2.main {
	font-size: 1.7em;
	font-weight:normal;
	color: #d95229;
	margin:0 0 .2em  0;
	padding-top:0;
	text-transform:uppercase;
	display:block;
}

#content ul li {
	line-height:18px;
}
#content ol li {
	font-size:1.4em;
	line-height:18px;
	list-style-type: decimal;
}
#content .noborder, #content .noborder tr, #content .noborder th  {border: none}
#content .noborder td {border: none;padding:10px;}
#content .noborder td.h2 {font-size: 1.2em;}
#content table {
   border-collapse: collapse;
   width:100%; 
   margin: 10px auto 15px auto;
   border: 1px solid #333; 
   }
#content table caption {
	font-size: 1.4em ;
	font-weight:bold;
	margin-bottom: 8px;
}

#content th {
   background: #e8e6e8 ; 
   height: 30px; 
   padding: 3px 5px;
   font-weight:bold;
   color: #333; 
   text-align: left; 
   border-right:1px gray dotted;
}
#content tr {
   border-bottom:1px gray dotted;
   font-size: 1.2em;
}
/*#content tr:hover{background-color: #e8e6e8;}*/
#content tr.odd {
   background: #efefef; }
#content tr.even {
   background: #cfcfcf; }

#content td {
	padding: 3px;
	text-align: left;
	font-size: 1.0em;
	vertical-align: top;
    border-bottom:1px gray dotted;
    border-right:1px gray dotted;
}
#content td p {
	font-size: 1em;
	padding:0 .5em ;
}   
#content td h2 {
	font-size: 1.7em;
	font-weight:normal;
	color: #d95229;
	margin:1em 0 ;
	text-transform:uppercase;
	display:block;
}
#content td h3 {
	font-size: 1.2em;
	font-weight:bold;
	color: #333;
	margin-bottom:.6em ;
	margin-top:0 ;
	}

#content fieldset {
	margin: 0 0 15px 0 ;
	border: 0;
}

#content fieldset label {
	margin: 0 0 3px 5px ;
	font-size: 1.4em;
	padding:5px;
	display:inline;
}
#content fieldset textarea {
	margin: 0 0 3px 5px ;
	font-size: 1.4em;
	padding:5px;
}
/* Exclusions for MagicZoom Plus */
#content a.MagicZoomPlus {	
	border:0;	
}

/*Extra margin on home page because no h1*/
#home #sidebar {
	margin-top:25px;
}

#sidebar{
/*background:url('/trek2011/img/gradient.gif') repeat-x left top;*/
background-color:#fff;
  color: #cfcfcf;
  float:left;
  margin:0 0 1.5em 1.2em; 
  border:0;
  width:200px;
  }
#sidebar a {
   color: #333;
   font-weight: normal; 
   font-size:0.9em;
}
#sidebar a:link {
	   text-decoration:none;
}

#sidebar a:visited {
	   text-decoration:none;
}

#sidebar a:hover {
   color: #69aa17;
 }

#sidebar h1 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight:bold;
	color: #d95229;
	margin-bottom:1.0em;
	margin-top:0;
	margin-left:5px;
	text-transform:none;
	display:block;
	border:0;
   }
#sidebar h2 {
	font-size: 1.4em;
	font-weight:bold;
	color: #333;
	margin-bottom:1.0em;
	margin-top:0;
	margin-left:5px;
	text-transform:uppercase;
	display:block;
   }
#sidebar p,ul,li {
	color:#333;
}
#sidebar p {
	padding-left: 3px;
	margin-left:0;
}
#sidebar ul {
	list-style-type:none;
	padding-left: 3px;
	margin-left:0;
}
#sidebar li {
	margin:.8em .3em;
	border-bottom:1px dotted #777;
}
#sidebar li a:hover {
   color: #69aa17;
 }
#sidebar li ul li {
	list-style-type:none;
	font-size:1em;
	margin-left:.5em;
	background-image: url(../icons/icon_double_arrow.gif);	
	background-repeat: no-repeat;
	background-position: 0 .2em;	
	padding-left: 15px;
	border-bottom:0;
	}
#sidebar .search {
	padding-top:40px;
}
#sidebar .search a:link {
	border-bottom:1px dotted #777;
}

#sidebar .credit {
	padding-top:10px;
}
#sidebar .credit p {
	margin-top:10px;
	font-size:11px;
	font-style:italic;
	line-height: 12px;
}
#sidebar a.myButton {
	width:163px;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:7px ;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	}
#sidebar a.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
	color:#69aa17;
}
#sidebar a.myButton:active {
	position:relative;
	top:1px;
}
#sidebar a.myButton2 {
	width:163px;
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:7px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
	text-align:center;
}
#sidebar a.myButton2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
	color:#333;
}
#sidebar a.myButton2:active {
	position:relative;
	top:1px;
}
#sidebar #subscribe a {
	width:163px;
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:7px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
	text-align:center;
}
#sidebar #subscribe a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
	color:#333;
}
#sidebar #subscribe a:active {
	position:relative;
	top:1px;
}

/*Special Schuylkill style with insect image instead of bullet*/
#sidebar li.bug {background:url(/research/projects/schuylkill/images/bug.gif) no-repeat left top; padding-left:20px;}

/* Navigation*/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav {
	padding:0; 
	padding-left: 0; 
	margin:0;
	list-style:none; 
	height:28px; 
	border-top: #023634 solid 1px; 
	background:#fff url('/includes/bkg_nav.png') repeat-x; 
	position:relative; 
	z-index:500; 
	font-size:1em;
}
#nav li.top {
	display:block; 
	float:left; 
	height:28px;
}
#nav li a.top_link {
	display:block; 
	float:left; 
	height:28px; 
	line-height:33px; 
	color:#fff; 
	text-decoration:none; 
	font-size:12px; 
	font-weight:bold; 
	text-transform:uppercase;
	padding:0;
	cursor:pointer;
	background: #fff url('/includes/bkg_nav.png') repeat-x;
}
#nav li a.top_link span {
	float:left; 
	display:block; 
	padding:0 14px 5px 14px ; 
	height:28px; 
}

#nav li:hover a.top_link {
	color:#000;
}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:20px; top:28px; background: #8eba3f; padding:3px;border:1px solid #5c731e; white-space:nowrap; width:135px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; padding-left:1.8em;  margin: 0;width:135px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:12px; font-weight:bold;height:18px; width:128px; line-height:18px; text-indent:5px; color:#fff; text-decoration:none;border:1px solid #8eba3f;margin-left:-2em;}
#nav li ul.sub li a.fly
{background:#8eba3f url("/includes/arrow_over.gif") 100px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#8eba3f; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#8eba3f url("/includes/arrow_over.gif") 100px 6px no-repeat; color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:150px; top:-4px; background: #8eba3f; padding:3px;  border:1px solid #5c731e;white-space:nowrap; width:135px; z-index:400; height:auto; margin-left:-1em;color:#fff; font-size:12px; font-weight:bold;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background: /*#6a812c*/ #8eba3f  url("/includes/arrow_over.gif") 100px 6px no-repeat; color:#fff; border-color:#fff;} 


/*end navigation*/

/*Featured items, need to set width in HTML*/
#feature {
	background:url('/images/design/gradient.gif') repeat-x top left;
  	color: #333;
  	float:left;
  	padding: 0 1em;
    margin:0 1em 1.5em .8em; 
  	border:1px solid #c8cdd2;
  /*CSS3 box shadow*/
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.7);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.7);
    box-shadow:2px 2px 4px rgba(0,0,0,0.7);
}
#feature ul li {
	font-size: 12px ;
	font-style:italic;
} 
#feature ul {
	padding-left: 3px;
	margin-left:0;
}
#feature li {
	margin: .8em .3em ;
	border:0;
}

/********About text*****/
.about p {
	margin-top:50px;
	font: 8pt arial,swiss,helvetica,verdana,sans-serif;
	border-top:1px black solid;
	padding-top:3px;
}
/********Equal Opportunity Employer statement for jobs pages*****/
.eoe p {
	margin-top:50px;
	font: 8pt arial,swiss,helvetica,verdana,sans-serif;
	border-top:1px black solid;
	padding-top:3px;
}
/******Call-out box*****/
#callout {
	border:1px gray solid;margin-top:15px;padding:0 10px;
}
#callout a[href ^="http:"] {
	padding: 0px !important;
	background: none !important;	
}
#callout a:link {
	color: #69aa17;
	text-decoration:none;
	font-weight:bold;
   font-size:8pt;
}
#callout a:visited {
	color: #69aa17;
	text-decoration:none;
}
#callout a:hover {
	color: #333;
}
#callout a:active {
	color: #69aa17;
	text-decoration:none;
}
#callout h3 {
	margin:5px 0;
}
#callout p {
	font: 8pt arial,swiss,helvetica,verdana,sans-serif;
}
/*Highlight box*/
.highlight {
	background-color:#e8e6e8;
	margin-top:15px;
	padding:15px;
}
/*News box with large image, teaser text in a card format*/
div.newsbox {
	width:300px;
	min-height:400px;
	float:left;
	margin-right:15px;
	border:1px solid #ccc;
	margin-bottom:15px;
	padding:20px;
}
.newsbox img { 
	border: 1px solid #CCC;
	vertical-align:middle; 
	margin-bottom: 3px;
	padding: 0;
	display:block; 
	}
.newsbox h3 {
	text-align:center;
}
/******** Footer ********/
   /*For "sticky footer"*/
.clearfooter {
  height: 200px;
  clear: both;
  }
#footer {
   clear: both;
   background-color:#e8e6e8; 
   font-size: 0.75em;
   font-weight: bold;
   /*For "sticky footer"*/
   height: 400px;
   width:100%;
   position: relative;
   margin-top: 5em;
   }

/*Footer columns*/

#footer .col { 
	/*background: #0a5173;*/
	float: left;
	padding: 30px 0 0 35px;
	width: 200px;
}
#footer h3 { 
	font-size: 1.8em;
	font-weight:bold;
	color: #333;
	float: left; 
	margin: 1.1em 0; 
}
#footer p {
	margin-top:1em;
}
#footer ul { 
	list-style: none; 
	margin-left: 14.5em; 
	padding: 0; 
}
#footer li { 
	float: left; 
	margin-left:.5em;
	margin-bottom: 1em;
	padding: 0; 
	width: 200px; 
	text-align:left;
	font-size: 12px; 
	font-weight:bold;
	border-bottom: 1px dotted #333;
}
#footer a:link {
	   border:0;
}

#footer a:visited {
	color:#777;
	   border:0;
}

#footer a:hover {
   color: #69aa17;
	   border:0;
 }
 
#footer li a { 
	color: #333;
	display: block;
	float: left; 
	font-size: 11px; 
	font-weight:normal;
}

#footer .centering { margin: auto; width: 1000px; }

