body {
	font-family: arial, helvetica, serif;
	font-size: 80%;
	margin: 0;
	padding:0;
}

img {border:none;}

.quickLinkBack {
	background: #08000C;
	margin:0px;
	}

#content {
	width: 34em;
	background-color: #f4ecd9;
	padding: 1em 0;
	border: 6px double #7d6340;
	margin: auto;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 32em;
}

html>body #content {
	width: 32em;
} 

a {
	text-decoration: none;
}

a:link {
	color: #79B91C;
}

a:visited {
	color: #79B91C;
}

a:active {
	color: #79B91C;
}

a:hover {
	text-decoration: underline;
}

h1 {
	text-align: center;
	padding: 0 0 0.25em 0;
	margin: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

sup { 
	font-size: 75%; 
	vertical-align: 0;
	position: relative;
	bottom: 1ex;
}

.copyright{
    font-size: 11px;
    padding: 0 0 0 10px;
	font-family:"arial"; 
	text-decoration:none;
	font-style:normal;
	color:#666666;
	line-height: normal; 
}

.footer
{
    font-size: 11px;
    padding: 0 10px 0 10px;
	font-family:"arial"; 
	text-decoration:none;
	font-style:normal;
	color: #79B91C;
	line-height: normal; 
}

.footer a
{
    margin: 0 8px 0 8px;
	color:#666666;
}

/*START SIDE-NAVIGATION*/
#activesidenav{
    background-color: #79B91C;
}
#activesidenav a
{
	color: #1D2F68;
}

#snDio div, #snOca div
{
	display:none;
}

.sidenav{
    position: relative;
    width: 210px;
    vertical-align:text-bottom;
    padding: 3px 0 3px 20px;
    cursor:pointer;
}

.sidenav div a{
    position: relative;
    width: 200px;
    vertical-align:text-bottom;
    padding: 3px 0 3px 12px;
    font-size: 85%;
    font-weight:normal;
    line-height:140%;
}

.sidenav:hover{
    background-color: #79B91C;
	color: #E6F7CD;
	cursor:pointer;
}

.sidenav li{
    font-weight: bold;
	float: left;
	position: relative;
	width: 10em;
	text-align: center;
	cursor: default;
	background-color: white;
	height:24px;
	padding-top: 0.5em;
}

.sidenav a, .sidenav a:link, .sidenav a:visited {
	color: #1D2F68;
	font-size: 12px;
	font-family:"arial"; 
	font-weight:bold;
	text-decoration:none; 
	line-height: normal;
}
.sidenav a:hover{ /*menu bar - hover*/
	color: #E6F7CD;
}

#snOca div, #snDio div
{
	width:210px;
}
#snOca div a, #snDio div a{
	font-weight:normal;
}
/*END SIDE-NAVIGATION*/

/*START MAINNAV*/
#activemainnav{
    background: url(../images/activeTab.gif) left bottom no-repeat;
    height:20px;
}

#nav li {    /*top-level of main-nav*/
    font-weight: bold;
	float: left;
	position: relative;
	top:4px;
	width: 10em;
	text-align: center;
	height:24px;
	padding-top: 0.5em;
	width: 131px;
	}

#nav li li {    /*main-nav drop-down menu*/
    height:15px;
}

#nav li:hover, li.over { /*top-level of main-nav - hover*/
    font-family:"arial";
    background: url(../images/greenTabTall.gif) left bottom no-repeat;
}

#nav li a { /*anchors in top-level of main-nav*/
	color: #1D2F68;
	font-size: 11px;
	font-family:"arial"; 
	font-weight:bold;
	text-decoration:none; 
	line-height: 15px;
	
}

#nav li div a:hover {   /*anchors in top-level of main-nav - hover*/
	color: #E6F7CD; /*change link color*/
}


#nav li li a {  /*anchors in dropdown menu*/
	display:block;
    width:180px;
	font-size:11px;
	font-family:"arial"; 
	font-weight:bold;
	color:#FFFFFF;
	padding:0 0 0 10px;
	text-align:left;
}

#nav li li a:hover {    /*dropdown menu anchors - hover*/
    width:180px;
	padding:0 0 0 10px;
	color:#1D2F68;
	text-align:left;
}

#nav li li img {/*menuitem - image*/
    position: relative;
    padding: 0 0 0 0;
    top: 7px;
    height: 8px;
}

img#nav_begreen {position:relative;top:-5px;}
/*END MAINNAV*/

li {
	font-size: 12px;
	font-family:"arial"; 
	color:#333333; 
}

li ul {/*dropdown*/
	display: none;
	position: absolute;
	top: 100%;
	font-weight: bold;
	background-color:#79B91C;
	padding: 0 0 0 0;
	width: 200px;
	left: 0px;
}

li>ul {
	top: auto;
	left: auto;
}

li li { /*menuitem*/
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	padding: 0;
}

li:hover ul, li.over ul {   /*menuitem - hover; li.over ul = IE specific*/
	display: block;
	top: 30px;
	/*border-top: 1px solid #A7E89A;*/
}

.bulleted li{
	list-style-image:none;
    background: url(../images/bullet.gif) 0 6px no-repeat;
    padding: 3px 0 0 10px;
    margin-left: 15px;
    color:#333333; 
}

.callout{
    padding: 10px 10px 10px 10px;
    border: solid thin black;
    margin: 0 10px 0 0;
}

.error{
    color: Red;
}

p { 
	font-size: 12px;
	font-family:"arial"; 
	text-decoration:none;
	font-style: normal;
	color:#151515; 
	line-height: normal; 
}

.directions { 
	font-size: 12px;
	font-family:"arial"; 
	text-decoration:none;
	font-style: normal;
	color:#333333; 
	line-height: normal; 
}

#date { 
	font-size: 12px;
	font-family:"Georgia"; 
	text-decoration:none;
	font-style: normal;
	color:#000000; 
	line-height: normal; 
}

#subheader { 
	font-size: 12px;
	font-family:"arial"; 
	text-decoration:none;
	font-weight: bold;
	color:#000000; 
	line-height: normal; 
}

p.image {
	float: right;
	font-size: 0.8em;
	text-align: center;
	color: #7d6340;
	padding: 1.25em 1.25em 0.25em 0.25em;
}

p.image img {
	display: block;
	border: 1px solid #7d6340;
}

#greyheader { 
	font-size: 14px;
	font-family:"arial"; 
	text-decoration:none;
	font-style: normal;
	color:#666666; 
	line-height: normal; 
}


#PositiveHeader { 
	font-size: 18px;
	font-family:"arial"; 
	text-decoration:none;
	font-style: normal;
	color:#79B91C; 
	line-height: normal; 
}

#callOutHeader { 
	font-size: 15px;
	font-family:"arial"; 
	text-decoration:none;
	font-style: bold;
	color:#79B91C; 
	line-height: 20px; 
}

#callOutBody { 
	font-size: 13px;
	font-family:"arial"; 
	text-decoration:none;
	font-style: normal;
	color:#333333; 
	line-height: 18px; 
}

#NegativeHeader { 
	font-size: 12px;
	font-family:"arial"; 
	text-decoration:none;
	font-weight: bold;
	color:#FFFFFF; 
	line-height: normal; 
}

.greenlist, .greenlist:hover, .greenlist ul, .greenlist ul:hover, .greenlist li:hover ul
{
	position:relative;
	top:0px;
	margin:0;
	padding:0;
	display:block;
	background-color:Transparent;
	font-weight:normal;
}

.greenlist li
{
	font-weight:bold;
}

.greenlist li li
{
	font-weight:normal;
    padding: 5px 0 4px 5px;
    line-height:1.3em;
}

h3.sideBarHeader {
	font-size: 15px;
	font-family:arial, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color:#79B91C; 
	line-height: 20px;
	margin-top:16px;
	padding-bottom:12px;
	border-bottom:1px solid #ccc;
}

p.horizRule {
	border-bottom:1px solid #555;
	line-height:1px;
}

/* ---------------- careers page add ons ------------------- */

h2 {font-size:18px;}
h3 {color:#002369;margin-top:0;}
#careerLftCol {width:210px;float:left;}
#careerRtCol {width:225px;float:right;padding-left:25px;border-left:1px solid #555;}
.clear {clear:both;}
.social_icons {display:inline;border:none;}
h3.lessSpace {margin-bottom:0;}
p.lessSpace {margin-top:0;}
span.employeename {
	font-weight:bold;
	font-style:italic;
}



#container { height:320px;background-color:#ebebeb;position: relative; padding:10px; }
#rotating-elements { background: transparent; z-index: 5; }
.element-rotated { height:auto; width: 100%; }
.sideswap_nav { position: absolute; padding: 3px; }
.sideswap_next { top: 120px; right: 8px; z-index: 1000; }
.sideswap_previous { top: 120px; left: 8px; z-index: 1000; }


/* ---------------- green source hero image area --------------*/
div#greenSource-hero {
	overflow:hidden;
	background:url('../images/green-source-main-bg.jpg') 0 16px no-repeat;
	padding:0;
	margin:0;
	width:505px;
	height:482px;
}

#greenSource-hero p {
	width: 260px;
	float:left;
	font-size:15px;
	font-weight:900;
	color:#808080;
	margin:18px;
	line-height:1.3em;
}

#greenSource-hero ul {
	float:right;
	font-size:13px;
	color:#000;
	list-style-type:disc;
	width:140px;
	line-height:1.3em;
	margin-top:18px;
}
#greenSource-hero h2 {
	font-size:28px;
	font-weight:900;
	color:#808080;
	margin:40px 18px 18px 18px;
}	
#greenSource-hero span {color:#5c732a;}