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

#layout {
	width:800px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	text-align:justify;
	background-color:#FFFFFF;
}

#menu, #menu2 {
	font-family:"Century Gothic";
	height:25px;
	margin-top:68px;
	background-color:#328539;
}
#menu a, #menu2 a {
	color:#e1e1e1;
	text-decoration:none;
}
#menu a:hover, #menu2 a:hover {
	color:#bcbcba;
}
#menu ul, #menu2 ul {
	list-style: none;
	padding-left:0px;
	padding-top:0px;
}
#menu li, #menu2 li {
	display:inline;
	margin-left:20px;
	margin-right:20px;
}
#header h1 {
	float:left;
	padding-top:10px;
	font-family:"Century Gothic";
	font-size:12px;
	color:#000000;
	text-decoration:none;
	margin-left:10px;
}
#main  {
	display:block;
	float:none;
	width:800px;
	margin: 0 auto;
	background-color:#FFFFFF;
	padding-top:15px;
	border-color:#328539;
	border:thin;
	text-decoration:none;
}
#main p {
	margin-left:7px;
	margin-right:7px;
}
#main a, #main a img {
	text-decoration:none;
	border:0px;
}
#cuadro, #cuadro1, #cuadro2 {
	width:250px;
	height:100px;
	text-align:center;
	vertical-align:middle;
}
#cuadro {
	background: url(images/volunteer.gif) 100% no-repeat;
}
#cuadro1 {
	background: url(images/participate.gif) 100% no-repeat;
}
#cuadro2 {
	background: url(images/donate.gif) 100% no-repeat;
}

#cuadrito, #cuadrito1, #cuadrito2 {
	width:150px;
	height:60px;
	text-align:center;
	vertical-align:middle;
}
#cuadrito {
	background: url(images/volunteer1.gif) 100% no-repeat;
}
#cuadrito1 {
	background: url(images/participate1.gif) 100% no-repeat;
}
#cuadrito2 {
	background: url(images/donate1.gif) 100% no-repeat;
}

.text {
	font-size:12px;
	color:#307650;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	letter-spacing:0,5px;
	text-align:justify;
	margin-left:10px;
}
.text a {
	color:#0033CC;
	text-decoration:none;
}	
.text a:hover {
	color:#000000;
}
#rightside {
	float:right;
	width:150px;
	height:800px;
}
#main h1 {
	font-size:18px;
	color:#307650;
	vertical-align: bottom;
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom:10px;
	padding-left:10px;
}
.alignright {
	float:right;
	padding: 0 20px 10px 20px;
}
.alignright a img, .alignleft a img {
	text-decoration:none;
	border:0px;
}
.alignleft {
    float: left;
    padding: 0px 20px 10px 10px;
}
.maryjane {
	float: left;
	padding-top: 0px;
	padding-right: 80px;
	padding-bottom: 0px;
	padding-left: 60px;
}
#index {
	float:none;
}
#indexleft {
	float:left;
	width:500px;
	height:800px;
}
#indexleft-blanco {
	float:left;
	width:500px;
	height:800px;
}
#indexleft p {
	text-align:justify;
	margin-left:5px;
	margin-right:10px;
}

#indexright {
	float:right;
	width:150px;
	padding:0px;
	height:800px;
}
.color {
	color: #0033CC;
}
#bottom {
	width: 800px;
	float: none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#backcolor {
	background-color:#328539;
	width:780px;
	font-weight:bold;
	padding-left:20px;
	height:25px;
	color:#e1e1e1;
	font-family:"Century Gothic";
	font-size:16px;
	vertical-align:middle;
	margin-bottom:5px;
}
#backcolor img  {
	vertical-align:bottom;
}
.white {
	background-color:#FFFFFF;
	width:250px;
	color:#307650;
}
#events {
	font-size:12px;
	font-family:"Century Gothic";
	width:500px;
}
#events h1 {
	font-size:16px;
	font-family:"Century Gothic";
	color:#0033CC;
	padding-bottom:0px;
}
#upcoming {
	font-size:12px;
	font-family:"Century Gothic";
}
#upcoming h1 {
	font-size:16px;
	font-family:"Century Gothic";
	color:#0033CC;
	padding-bottom:0px;
}
#calendar {
	background: url(images/calendar.gif) 100% no-repeat;
	width:270px;
	height:250px;
	font-family:"Century Gothic";
	color:#CC0000;
	font-size:10px;
	float:right;
}
#calendar p {
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
}
#calendar a {
	font-size:12px;
}
#calendar a:hover {
	color:#CC0000;
}
.alignright2 {
	float:right;
	padding: 0 5px 10px 5px;	
}
#gris {
	background-color:#CCCCCC;
}