@charset "UTF-8";
/* CSS Document */

/*Helen's CSS begins with Eric Meyer's revised reset for 2011*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*non-eric reset of sorts to consider*/
html{overflow-y:scroll}


/* above the reset stuff below the other stuff*/


/*webdab*/

html, body {
	height: 100%;
	width: 100%;
	font:62.5%;
	font-family: sans-serif;
}
#boundary {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
	position: relative;
	background-color: #FFFFFF;
}
#logospace {
	text-align: center;
	width: 99.9%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 32px;
	position: fixed;
	z-index: 50;
	top: 0px;
	padding-top: 25px 0px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D8D8D8;
	z-index: 1000;
    opacity: 0.9;
	-moz-box-shadow: 0px 10px 10px #fff; /* FF3.5+ */ /*horizontal offset, vertical offset, blur value, color*/
     -webkit-box-shadow:  0px 10px 10px #fff; /* Saf3.0+, Chrome */
      box-shadow:  0px 10px 10px #fff; /* Opera 10.5, IE 9.0 */
}

#home-impact-message h1 {
	color: #000000;
	/*font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	font-style: italic;
	font-weight: normal;
	line-height: 1.1em;*/
	font-family: 'Reenie Beanie', serif;
	font-style: normal;
	font-weight: 400;
	text-shadow: 2px 2px 2px #aaa;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0em;
	word-spacing: 0em;
}

/*Uppernav Area*/

/* navigation */
#global-nav {
	margin: 0px;
	padding: 0px;
	/*background-image: url(../i/structure/bg-uppernav.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;*/
	overflow: visible;
	font-size: 90%;
	line-height: 1.5em;
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background-color: #F9F9F9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B5B5B5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D8D8D8;
	z-index: 1000;
    opacity: 0.9;
}
#uppernav {
	width: 990px;
	margin: 0px auto 0px auto;
	padding: 3px;
	list-style: none;
	display: block;
		}
#uppernav .selected {
	color: #7b14ab;
	text-decoration: none;
}
#uppernav li { 
		float: left;
		margin: 0;
		padding: 0;
		}
#uppernav a {
	float: left;
	display: block;
	padding: 0px 15px 6px 15px;
	margin-top: 0px;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
		}
#uppernav a:hover {
	color: #7b14ab;
	background-image: url(../i/structure/bg-uppernav-a.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
		}
#content {
	margin-top: 48px;
	width: 900px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}		
#slideshow {
	float: left;
	width: 570px;
	height: 220px;
	margin-right: 26px;
	border: 1px solid #666666;
	position: relative;
}
#content-right-box {
	float: left;
	width: 300px;
	height: 220px;
	border: 1px solid #000;
	position: relative;
	opacity: 1;
  -webkit-transition: opacity 1s linear; /* css3 coupled with opacity above and below below makes the box fade out when moused-over Saf3.2+, Chrome */
}
#content-right-box:hover { opacity: 0;
}
.home-page-text {
	font-family: "Trebuchet MS", Arial;
	font-size: 130%;
	color: #999999;
	margin: 10px;
	line-height: 1.2em;
	text-align: justify;
}
#lower-action-area {
	margin-top: 32px;
	margin-bottom: 16px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 940px;
	height: 250px;
	border-top: 1px solid #d8d8d8;
}
.action-area {
	background-color: #EBEBEB;
	height: 200px;
	width: 270px;
	float: left;
	margin: 25px 21px 25px 22px;
	text-align: left;
}
#lower-action-area h3 {
	font-size: 110%;
	background-color: #EDEDED;
	margin: 3px;
	padding: 8px;
}






/* some css3 classes with help from css3 please */
.nav_shadow {
     -moz-box-shadow: 0px 3px 5px #ddd;; /* FF3.5+ */ /*horizontal offset, vertical offset, blur value, color*/
     -webkit-box-shadow: 0px 3px 5px #ddd; /* Saf3.0+, Chrome */
      box-shadow: 0px 3px 5px #ddd; /* Opera 10.5, IE 9.0 */
}
.content_shadow {
     -moz-box-shadow: 3px 3px 5px #333; /* FF3.5+ */ /*horizontal offset, vertical offset, blur value, color*/
     -webkit-box-shadow: 3px 3px 5px #333; /* Saf3.0+, Chrome */
      box-shadow: 3px 3px 5px #333; /* Opera 10.5, IE 9.0 */
}
.box_round {
     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
          border-radius: 12px; /* Opera 10.5, IE 9 */
}
  
.box_transition {
     -moz-transition: all 0.3s ease-out;  /* FF3.7+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 2s ease-out;  /* Saf3.2+, Chrome */
}
  
.left {
	float: left;
	width: 570px;
}
.right {
	float: right;
	width: 100px;
}

#footer {
	z-index: 200;
	height: 20px;
	width: 90%;
	position:fixed;
	padding: 0px;
	bottom: 0px;
	display: inline-block;
}