/*
*************************************************

3c21 Design
General Screen Styles

Created by Sonia Gutiérrez
http://www.newdesigncenter.org/3c21design

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; line-height: 1.6; }
body { font: normal 62.5% Georgia, 'Times New Roman', serif; background-color: white;}

h1 { color: rgb(0, 101, 58); font: bold 24px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; }
h1.header1 { color: white; font: bold 24px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; text-transform: uppercase; padding-left: 20px; padding-top: 160px;  display: inline;}
h1.header2 { color: white; font: bold 20px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; text-transform: uppercase; padding-top: 160px;  display: inline;}
h2.home { margin-bottom: 1em; line-height: 1.4; color: rgb(0, 101, 58); font: bold 22px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;}
h2 { color: rgb(0, 101, 58); margin-top: 1em; line-height: 1.1; font: bold 20px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; }
h3 { font: normal 16px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #40550d; margin: 0 0 0.5em; }


a:link, a:visited, a:focus { color: rgb(0, 101, 58); text-decoration: underline; }
a:hover, a:active { background-color: white; }

p { margin-bottom: 1.35em; 
}
p.footer { color: rgb(0, 101, 58); margin: 0; text-align: center; font-weight: bold; line-height: 1;
}
p, ul, ol, dd { font-size: 14px; }
dd { margin-bottom: 1em; }

img { 
	border: none;
}
img.spaceright {
	margin:  0 10px 0px 0;
}
img.spaceleft {
	margin:  0 0 0 15px;
}
/* page structure
---------------------------------------------- */

#wrap {
	width: auto;
	height: auto;
	font-size: 95%;
	}
#headertop {
	position: relative;
	border-bottom: 4px solid rgb(0, 101, 58);
	background-color: rgb(199, 177, 139);
	width: auto;
	height: 40px;

	}
#headerlogo {
	float: left;
	border-bottom: 6px solid white;
	border-top: 6px solid white;
	background-color: white;
	width: 150px;
	height: 103px;
	}
#headergreen {
	vertical-align: text-bottom;
	border-bottom: 6px solid white;
	border-top: 6px solid white;
	background-color: rgb(0, 101, 58);
	width: auto;
	height: 103px;
	}
#menu {
	width: auto;
	height: 35px;
	margin: 0;
	padding: 5px;
	background-color: rgb(199, 177, 139);
	border-bottom: 4px solid rgb(0, 101, 58);
	border-top: 4px solid rgb(0, 101, 58);
	clear: both;
	}
#content {
	width: auto;
	margin: 0;
	padding: 10px 30px;
	}
#footer {
	height: 50px;
	width: auto;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #ccc;
	background-color: rgb(199, 177, 139);
	}

/* menu list
----------------------------------------------*/
ul.menulist li.menulist {
	display: inline;
	list-style-image: none;
}
li.menulist {
	margin: 0;
	padding: 15px;
	list-style: none;
}
a:link.menu, a:visited.menu, a:focus.menu {
	font-size: 26px;
	color: rgb(0, 101, 58);
	text-decoration: none;
}
a:hover.menu, a:active.menu {
	background-color: white;
	text-decoration: none;
}

/*-------------------------------------------    
    Presentation*/

ul.list { 
list-style: none; 
margin: 10px 0 10px 0; 
padding: 0;
}
li.list { 
background-image: url(images/bullet2.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 1em;
}

ul.sublist { 
list-style: none; 
margin: 0 0 0 20px; 
padding: 0;
}
li.sublist { 
background-image: url(images/bullet.gif); 
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left: 1em;
}

.feature {
	width: 750px;
	padding: 10px 20px;
}