@charset "UTF-8";

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none 0;
	font-size: 100%;
	vertical-align: baseline;
}
.board {
	height: auto;
	width: 140px;
	position: absolute;
	left: 622px;
	top: 25px;
}
.profile-projects-board {
	height: auto;
	width: 140px;
	position: absolute;
	left: 622px;
	top: 25px;
}
.profile-updates-board {
	height: auto;
	width: 140px;
	position: absolute;
	left: -165px;
	top: 25px;
}
blockquote {
	margin-right: 24px;
	margin-left: 24px;
}
.board-top {
	background: url(../images/top-board.png) no-repeat;
	height: 16px;
	width: 140px;
}
h5 {
	font-size: 14px;
	font-style: italic;
	line-height: 17px;
	color: #333333;
	border-bottom: 2px solid #FEA303;
	padding-bottom: 2px;
	padding-top: 10px;
}
.board-container {
	background: url(../images/board.png) repeat-y;
	width: 140px;
}
ul#main-menu {
	padding-right: 9px;
	padding-left: 9px;
}
.board-bottom {
	background: url(../images/bottom-board.png) no-repeat;
	position: relative;
	height: 16px;
	width: 140px;
}
.board-text {
	padding-right: 10px;
	padding-left: 10px;
}
.board-text ul {
	margin-right: 5px;
	margin-left: 5px;
}
.board-text li {
	list-style: none;
	border-bottom: 1px solid #666666;
	padding-top: .75em;
	padding-bottom: .75em;
}

#background {
	background: url(../images/background.png) repeat-x;
	width: 100%;
	height: 497px;
}
body {
	background: url(../images/woodtzolkin-background.jpg) repeat;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border-width: 0;
	outline-width: 0;
	font: 0.8em/1.5em "Helvetica Neue", Helvetica, "sans serif";
}
p { padding-bottom: 1em; }
a:link {
	color: #008444;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
a:visited {
	font-style: italic;
	font-weight: bold;
	color: #00562C;
	text-decoration: none;
}
a:hover {
	font-style: italic;
	font-weight: bold;
	color: #FEA303;
	text-decoration: none;
}
	
h1 {
	background: url(../images/main-banner.png);
	text-indent: -9999px;
	height: 482px;
	width: 868px;
	margin-right: auto;
	margin-left: auto;
}
h2 {
	background: url(../images/sub-pagesdesign-left.png) no-repeat left top;
	text-align: left;
	color: #333333;
	text-transform: capitalize;
	font-size: 1.45em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding-left: 13px;
	border-bottom: medium solid #008444;
	line-height: 2.3em;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	text-transform: capitalize;
	color: #333333;
	border-bottom: medium solid #008444;
}
h3.front
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.frontlanguage {
	line-height: 0;
	padding: 0;
	margin: 0;
	font: bold 0.8em;
}

#menu-container {
	height: 60px;
	width: 600px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	top: -144px;
	list-style-image: none;
	list-style-type: none;
}
ul {
	margin-left: 15px;
	padding-bottom: 1em;
}

ul#main-menu {
	background: url(../images/main-menu.png) no-repeat center 0px;
	text-indent: -9999px;
	height: 60px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	padding: 0px;
}

ul#main-menu a {
	display: block;
	height: 30px;
	width: 200px;
	text-decoration: none;
	text-indent: -9999px;
}

li#centers {
	height: 30px;
	width: 200px;
}
li#gardens {
	height: 30px;
	width: 200px;
	position: relative;
	left: 200px;
	top: -30px;
}
li#startups {
	height: 30px;
	width: 200px;
	position: relative;
	left: 400px;
	top: -60px;
}
li#science {
	height: 30px;
	width: 200px;
	position: relative;
	left: 0px;
	top: -60px;
}
li#resources {
	height: 30px;
	width: 200px;
	position: relative;
	left: 200px;
	top: -90px;
}
li#participate {
	height: 30px;
	width: 200px;
	position: relative;
	left: 400px;
	top: -120px;
}

li#centers a:hover, li#centers a:active { background : url(../images/main-menu.png) no-repeat 0px -60px; }
li#gardens a:hover, li#gardens a:active { background : url(../images/main-menu.png) no-repeat -200px -60px; }
li#startups a:hover, li#startups a:active { background : url(../images/main-menu.png) no-repeat -400px -60px; }
li#science a:hover, li#science a:active { background : url(../images/main-menu.png) no-repeat 0px -90px; }
li#resources a:hover, li#resources a:active { background : url(../images/main-menu.png) no-repeat -200px -90px;}
li#participate a:hover, li#participate a:active { background : url(../images/main-menu.png) no-repeat -400px -90px;}

ul#donate-participate {
	height: 30px;
	width: 99px;
	text-indent: -9999px;
	background-image:url(../images/donate-participate.png);
	position:absolute;
	padding: 0px;
	list-style-type:none;
	left: 439px;
	top: -10px;
	z-index: 7;
	}
	
ul#donate-participate li.donate {
	height:30px;
	width: 99px;
}
ul#donate-participate li.participate {
	height:30px;
	width: 99px
	position:relative;
}

ul#donate-participate a {
	display: block;
	width: 99px;
	height: 30px;
	text-decoration: none;
	text-indent:-9999px;
}
li.donate a:hover, li.donate a:active { background : url(../images/donate-participate.png) no-repeat 0px -60px; }
li.participate a:hover, li.participate a:active { background : url(../images/donate-participate.png) no-repeat 0px -65px; }

#top {
	background: url(../images/top-content.jpg);
	height: 39px;
	width: 600px;
}

ul#home-button {
	background: url(../images/home-button.jpg) no-repeat;
	text-indent: -9999px;
	height: 66px;
	width: 26px;
	list-style: none;
	top: -81px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	right: 330px;
	padding-bottom: 0px;
}

ul#home-button a {
	display: block;
	height: 66px;
	width: 26px;
	text-decoration: none;
	text-indent: -9999px;
}

li#home {
	height: 66px;
	width: 26px;
}

li#home a:hover, li#home a:active { background: url(../images/home-button.jpg)  no-repeat;}

#text-container {
	background: url(../images/content-background.jpg) repeat-y;
	height: auto;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -140px;
	z-index: 1;
}
#text {
	height: auto;
	width: auto;
	margin-right: 30px;
	margin-left: 30px;
	position: relative;
	padding-top: 16px;
	padding-bottom: 16px;
}
.languages {
	position:absolute;
	margin: 0px;
	padding: 0px;
	top: -10px;
	font-size: .8em;
	font-weight: bold;
	 }
#footer {
	background: url(../images/bottom.png) no-repeat;
	height: 36px;
	width: 600px;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
ul#home {
	background: url(none) no-repeat;
	text-indent: -9999px;
	height: 66px;
	width: 26px;
	list-style: none;
	top: -81px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	right: 330px;
	padding-bottom: 0px;
}
h4 {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #008444;
	border-bottom: 2px solid #333333;
	padding-bottom: 4px;
	margin-bottom: 4px;
	padding-top: 10px;
}
#contact2 {
	height: auto;
	width: auto;
	margin-right: 30px;
	margin-left: 30px;
	position: relative;
}
ol {
	margin-left: 17px;
	font-weight: bold;
}
ul#sites-list {
	list-style: none;
	width: 540px;
	margin-left: 0px;
	padding-bottom: 2em;
}
ul#sites-list  a {
	list-style: none;
	width: 540px;
	font-weight: normal;
	color: #FFFFFF;
	background: #008344;
	display: block;
	height: 20px;
	font-style: normal;
	text-indent: 10px;
}
ul#sites-list  li {
	list-style: none;
	width: 540px;
	font-family: "Helvetica Neue", Helvetica, "sans serif";
	padding-top: 3px;
	padding-bottom: 3px;
}
ul#sites-list a:link, ul#sites-list a:visited {
	list-style: none;
	width: 540px;
	font-weight: normal;
	color: #FFFFFF;
	background: #008344;
	display: block;
	height: 20px;
	font-style: normal;
	text-indent: 10px;
}
ul#sites-list  a:hover {
	list-style: none;
	width: 540px;
	font-weight: normal;
	color: #FFFFFF;
	background: #F8861F;
	display: block;
	height: 20px;
	font-style: normal;
	text-indent: 10px;
}

.imageleft {
	padding-right: 5px;
	padding-bottom: 10px;
}

ul#sites-list li.inactive a:link, ul#sites-list li.inactive a:visited {
	list-style: none;
	width: 540px;
	font-weight: normal;
	color: #FFFFFF;
	background: #666666;
	display: block;
	height: 20px;
	font-style: normal;
	text-indent: 10px;
}
ul#sites-list li.inactive  a:hover {
	list-style: none;
	width: 540px;
	font-weight: normal;
	color: #FFFFFF;
	background: #F8861F;
	display: block;
	height: 20px;
	font-style: normal;
	text-indent: 10px;
}
#announcementfront {
	width: 141px;
	position: absolute;
	top: 25px;
	left: -220px;
}
#announcement {
	height: 376px;
	width: 198px;
	position: absolute;
	top: 25px;
	left: -220px;
}