html,body {
	height: 100%;
}

body {
	font: 90%/1.2 "Arial", "Verdana", sans-serif;
	color:#333;
	margin: 0;
	padding: 0;
	background: transparent url("/ezstatic/data/hubbardbrook/i/bg_right.gif") repeat-y top right;
}


h1 {
	font-size:150%;
    text-transform:uppercase; 
	letter-spacing: .1em;
	color:#2c3f50;
	font-weight:bold;
}

h1-cust {
	font-size:150%;
	letter-spacing: .1em;
	color:#2c3f50;
	font-weight:bold;
}

h2-cust {
	font-size:150%;
	color:#2c3f50;
    letter-spacing: .1em;
	font-family:"Georgia", "Times New Roman", "Times", serif;
	font-weight:bold;
}
h3-cust {
	font-size: 120%;
	font-weight:bold;
	color:#2c3f50;
}



h2 {
	font-size:150%;
	color:#2c3f50;
letter-spacing: .1em;
	font-family:"Georgia", "Times New Roman", "Times", serif;
	font-weight:bold;
}

#homepage h2 {
	margin: 40px 0 0 0;
}

h3 {
	font-size: 120%;
	font-weight:bold;
	text-transform:uppercase;   
	color:#2c3f50;
}

h4 {
	font-size: 110%;
	text-transform:uppercase;
	color:#2c3f50;
}

h2.heading11677 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

h2.heading16821 {
	display:none;
}

a {
	color:#2f3768;
}

a:hover {
	color:#73ad7b;
	text-decoration:underline;
}

a#top {
	position:absolute;
}

div.clearboth {
	clear:both;
}

p.statement {
	font-style:italic;
}

p.statement a {
	color:#fff;
}

div#leftcolumn p.statement {
	color:#fff;
	width: 130px;
	margin: 10px 0 0 10px;
}



/* --------------------- */
/* framework build */
/* --------------------- */
div#sitewrapper {
	background: transparent url("/ezstatic/data/hubbardbrook/i/bg_left.gif") repeat-y top left;
}

div#sitewrapper {
	background: transparent url("/ezstatic/data/hubbardbrook/i/bg_left.gif") repeat-y top left;
	min-height:100%;
}

* html div#sitewrapper {
	height:100%;
}
div#outer-wrapper {
	margin: 0 auto;
	text-align:left;
}

div#mastheadwrapper {
text-align:left;
background:transparent url("/ezstatic/data/hubbardbrook/i/bg_masthead.gif") repeat-x top left;
}

div#masthead {
	height: 139px;
	width: 900px;
	background:transparent url("/ezstatic/data/hubbardbrook/i/bg_header.gif") repeat-y top right;
}

div#clouds {
	position:absolute;
	top: 0;
	left: 0;
}
div#header {
	margin: 0 0 0 155px;
}
div#header h1, div#header h1 a {
	width: 448px;
	height:106px;
	display:block;
	margin:0;
	background: transparent url("/ezstatic/data/hubbardbrook/i/header.gif") no-repeat top left;
}

div#header h1 a {
	text-indent: -9999px;
}

/*
div#leftwrapper {
	background: transparent url("/ezstatic/data/hubbardbrook/i/bg_left.gif") repeat-y top left;
	width: 713px;
	float:left;
}

div#bodywrapper {

	background: transparent url("/ezstatic/data/hubbardbrook/i/bg_body.gif") repeat-y top right;

}
*/



div.contentpadding {
	width: 96%;
	margin: 0 auto;
}


/* a list apart */
#outer_wrapper {
	text-align:left;
}
#wrapper {
	background: transparent url("/ezstatic/data/hubbardbrook/i/bg_right.gif") repeat-y top right;
}

#container {
	width: 100%;
	float: left;
	margin-right: -177px;
	background: transparent url("/ezstatic/data/hubbardbrook/i/bg_right.gif") repeat-y top right;
}
#content {
	margin-right: 177px;
	background: transparent url("/ezstatic/data/hubbardbrook/i/bg_left.gif") repeat-y top left;
}
#main {
	margin-left: 155px;
	
}
#leftcolumn {
	width: 150px;
	float: left;
}
#rightcolumn {
	width: 177px;
	float: right;
}

/* --------------------- */
/* breadcrumb */
/* --------------------- */
body#homepage div.ezbreadcrumbs {
	display:none;
}

span.ezarticlename {
	font-weight:bold;
	font-style:italic;
}

div.ezbreadcrumbs {
	text-transform:lowercase;
	color:#294048;
	padding: 2px 10px;
	border-bottom: 1px dashed #464B4E;
	background-color:#ecf0f3;
	margin: 0 0 30px 0;
}

div.ezbreadcrumbs * {
	color:#253137;
}



/* --------------------- */
/* navbar */
/* --------------------- */
div#nav {
	border: 0;
	padding: 0;
	margin: 0 0 0 155px;
	background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat 0px 0px;
	width: 745px;
	height: 33px;
	
}

div#nav ul {
	width: 745px;
	height: 33px;
	margin: 0px;
	padding: 0;
	position: relative;
}

#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#nav ul li,
#nav a {
	height: 33px;
	display: block;
	top: 0px;
	/* background opacity - used for testing purposes */
	/*
	background-color: black;opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.60;
	*/

}

#nav ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#nav1 { left: 6px; width: 87px;}
#nav2 { left: 113px; width: 210px;}
#nav3 { left: 342px; width: 160px;}
#nav4 { left: 520px; width: 62px;}
#nav5 { left: 603px; width: 48px;}
#nav6 { left: 670px; width: 78px;}


#nav1 a:hover { background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat -6px -33px;}
#nav2 a:hover { background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat -113px -33px;}
#nav3 a:hover { background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat -342px -33px;}
#nav4 a:hover { background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat -520px -33px;}
#nav5 a:hover { background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat -603px -33px;}
#nav6 a:hover { background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat -670px -33px;}

/*activenav*/
#nav1 a.activenav { background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat -6px -33px;}
#nav2 a.activenav { background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat -113px -33px;}
#nav3 a.activenav { background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat -342px -33px;}
#nav4 a.activenav { background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat -520px -33px;}
#nav5 a.activenav { background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat -603px -33px;}
#nav6 a.activenav { background: transparent url("/ezstatic/data/hubbardbrook/i/navigation.gif") no-repeat -670px -33px;}



/* --------------------- */
/* navbar - right side */
/* --------------------- */

div#navright {
	height: 250px; /* this will allow for space between the buttons and the event calendar content on the right side... the nav really only takes up 192px */
    margin: 0px auto;
	padding: 0px;
	position:relative;
}


div#navright ul {
	margin:0px;
	padding:0px;
	position:absolute;
	left:0;
	top:0;
}
div#navright li {
    margin: 0px;
	padding: 0px;
	list-style: none;
}

div#navright li, div#navright a {
    height: 96px;
	display: block;
	width: 177px;    
	position:absolute;
	/*
	background-color:#CCCCCC;
	opacity: .5;
	filter: alpha(opacity=50);
	*/
}

div#navright a {
	text-indent: -9999px;
}

li#navright1 {top:0; background:transparent url("/ezstatic/data/hubbardbrook/i/btn_ecosystem.gif") no-repeat 0 0;}
li#navright2 {top:96px; background:transparent url("/ezstatic/data/hubbardbrook/i/btn_experimental.gif") no-repeat 0 0;}
li#navright3 {top:220px; height: 10px; background:transparent url("/ezstatic/data/hubbardbrook/i/btn_eventscalendar.gif") no-repeat 6px 0; }

#navright li#navright3,
#navright li#navright3 a {
	height: 10px;
}


/* --------------------- */
/* navbar - left side */
/* --------------------- */
a.boldlink {
	font-weight:bold;
}
div#leftcolumn a {
	color:#fff;
	text-decoration:none;
}
div#leftcolumn ul {
	margin:30px 0 0 10px;
	padding:0;
	list-style: none;
}

div#leftcolumn li {
	list-style: none;
	margin: 0 0 10px 0;
}
div#leftcolumn ul li ul li {
	margin: 0 0 4px 0;
}
div#leftcolumn ul li ul {
margin: 8px 0 12px 16px; 
}

span.subtitle {
	font-weight:bold;
}

/*
div#leftcolumn ul {
	margin:10px 14px 0 4px;
	padding:0;

}

div#leftcolumn ul li {
    margin: 0px;
	padding: 0px;
	text-align:right;
	list-style: none;
}

div#leftcolumn ul li a {
	color:#fff;
	font-style:italic;
	text-decoration:none;
}

li.title {
	font-size:110%;
	background:#2f3768;
	color:#fff;
}



span.subtitle {
	width: 140px;
font-size: 100%;
border-top:1px solid #2f3768;
border-bottom:1px solid #2f3768;
color:#fff;
}

*/


/* --------------------- */
/* usm tag */
/* --------------------- */

div#usmtag {
	border: 0;
	padding: 0;
	margin: 0;
	clear: both;
	background: transparent url("/ezstatic/data/hubbardbrook/i/bg_right.gif") repeat-y top right;
}

div#usmtag ul {
	width: 210px;
	height: 31px;
	background: url("/ezstatic/data/hubbardbrook/i/usmtag.gif") no-repeat top left;
	margin: 0 0 0 160px;
	padding: 0;
	position: relative;
}
	
#usmtag ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#usmtag ul li, #usmtag a {
	height: 31px;
	display: block;
}

#usmtag ul li a,
#usmtag ul li {
	text-indent: -9999px;
	text-decoration: none;
}

.usm1 { left: 0; width: 210px; }


/* --------------------- */
/* header */
/* --------------------- */
h2.heading12637 {
	display:none;
}

/* --------------------- */
/* calendar page */
/* --------------------- */

div.calendaritem {
margin: 0 0 20px 0;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
background-color:#eaeaea;
}

div.calendarcontent {
padding: 6px;
}

p.moreinformation {
text-align:right;
}
div.calendaritem h3 {
background:#ccc;
padding: 2px;
margin: 0;
}



/* --------------------- */
/* calendar box */
/* --------------------- */


div#eventscalendar p.title {
	margin: auto 0 0 0;
	font-weight:bold;
}

div#eventscalendar p.date {
	margin: 0;
}

div#eventscalendar p.calendartext  {
	margin: 0 0 10px 0;
}

div#eventscalendar a {
	color:#eaeaea;
}

div#eventscalendar a:hover {
	color:#fff;
}
h2#ttl-eventscalendar {
text-indent: -9999px;
display:block;
width: 111px;
height: 10px;
margin: 0 0 10px 0;
background:transparent url("/ezstatic/data/hubbardbrook/i/btn_eventscalendar.gif") no-repeat 0 0;
}

div#announcements, div#eventscalendar {
padding: 6px;
font-size:90%;
}

/* --------------------- */
/* announcements box */
/* --------------------- */
h2#ttl-announcements{
	text-indent: -9999px;
	display:block;
	width: 104px;
	height: 10px;
	margin: 0 0 10px 0;
	background:transparent url("/ezstatic/data/hubbardbrook/i/btn_announcements.gif") no-repeat 0 0;
}

div#announcements h4, h4.ezadheader {
	margin: auto 0 0 0;
	font-weight:bold;
}

div.ezaddescription {
margin: 0 0 10px 0;
}



/* -------------------- */
/* login bar            */
/* -------------------- */

div.loginbar {
background:#294252;
width: 96%;
margin: 10px auto;
padding: 2px;
font-size: 90%;
color:#fff;
text-align:center;
}

div.loginbar .logoutlink {
display:block;
font-size:smaller;
}

span.username {
display:block;
font-weight:bold;
}



/* -------------------- */
/* error box            */
/* -------------------- */

div.errorbox {
background:#eaeaea;
border: 3px solid #ccc;
padding: 6px;
}

div.errorbox p {
margin: 0;
}

.ezerrorbold {
font-weight:bold;
margin: 0 0 10px 0;
}

.ezerror {
color:#993333;
margin: 0 0 0 30px;
}

/* -------------------- */
/* education and outreach page */
/* -------------------- */

p.backtotop {
text-align:right;
background:#eee;
padding: 4px;
}

p.backtotop a {
text-decoration:none;
}


/* -------------------- */
/* subscription form */
/* -------------------- */

div#subscriptionform {
margin: 20px auto;
width: 120px;
font-size:smaller;
}

div#subscriptionform input {
border: 1px solid black;
width: 120px;
}

div#subscriptionform input#submit {
width: 60px;
margin: 4px 0;
text-align:right;
}


span.required {
color:red;
font-weight:bold;
}


/* -------------------- */
/* trustees area login page */
/* -------------------- */

div#trusteesloginform {
margin: 10px;
}

div#trusteesloginform p {
color:#e2e2e2;
font-size:smaller;
margin: 0 0 4px 0;
}

div#trusteesloginform input {
border: 1px solid black;
}
input.sidebarfield {

width: 120px;
}


/* -------------------- */
/* secure donation form */
/* -------------------- */

fieldset {
margin: 8px 0;
border: 1px solid #333;
}

legend {
background: #333;
color: #fff;
font-size: 80%;
font-weight: bold;
padding: 4px;
}

fieldset h3 {
margin-bottom: 0;
padding-bottom: 0;
}

.tbl-donation {
width: 100%;
border-collapse: collapse;

}


.tbl-donation td {
border-bottom: 1px solid #ccc;
padding: 8px 0;
}


.fld-monetary {
width: 80px;
}