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

3c21 Design
General Screen Styles

Created by Sonia Davis Gutiérrez
http://3c21design.com

Last updated May 18, 2010

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

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

h1 { color: #4c6c11; font-size: 3em;}
h2 { margin-bottom: 15px; line-height: 1.4; font-size: 2.7em; color: #669900;}
h3 { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-weight:normal; font-size: 2.5em; color: #669900; margin-top: 25px; margin-bottom: 5px; }
h3.first { font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-weight:normal; font-size: 2.5em; color: #669900; margin-top: 0; margin-bottom: 5px; 
}

a { color: #c7161d; text-decoration: underline; }
a:hover, a:focus { color: #c60077;  }

p { margin-bottom: 1.35em; color: #003300}
p, ul, ol, dd { font-size: 13px; }
p.footer {margin: 0}
dd { margin-bottom: 1em; }
p.center {text-align:center;}

img { 
	border: none;
}
img.spaceright {
	margin:  0 10px 0px 0;
}
img.topbottom {
	margin:  10px 0 10px 0;
}
img.spaceleft {
	margin:  0 0 0 10px;
}


/* page structure
---------------------------------------------- */

#wrap {
	width: 938px;
	font-size: 95%;
	}
#banner {
	position: relative;
	clear: right;
	border-bottom: 2px solid #566c11;
	z-index: 0;
	}
#banner img {
	display: block;
	}
#menu {
	width: 930px;
	height: 40px;
	margin: 10px 0 0 0;
	padding: 10px 15px;
	background-color: rgb(255,255,240);
	}
#content {
	width: 850px;
	margin: 0 0 0 0;
	padding: 10px 30px;
	}
#footer {
	float: left;
	clear: both;
	width: 900px;
	margin: 0 10px 20px 17px;
	border-top: 1px solid #ccc;
	font-size: 16px;
	}


	
	/* menu list
----------------------------------------------*/

	ul.menulist li.menulist {
	display: inline;
}
li.menulist {
	margin: 0;
	padding: 15px;
	list-style: none;
}
a:link.menu, a:visited.menu, a:focus.menu {
	font-size: 26px;
	color: rgb(86,108,17);
	text-decoration: none;
}
a:hover.menu, a:active.menu {
	background-color: rgb(240,217,109);
	text-decoration: none;
}
/*-- green a:hover.menu, a:active.menu {
	background-color: rgb(187,215,0);
	text-decoration: none;
}--*/

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

/*-- ul { list-style: none; margin: 0 0 1.5em;}
	ul li { background: transparent url(i/presentation/bullet.gif) no-repeat 0 0.5em; padding: 0 0 0 10px; margin: 0 0 0.5em 10px; }--*/

.feature {
	width: 750px;
	padding: 5px 20px;
	clear: both;
}
.gallery {
	width: 100px;
	height: auto;
	margin: 10px;
	float: left;
}
.row {
	width: 750px;
	height: auto;
	margin: 10px;
	clear: both;
}

a:link.newsletter, a:visited.newsletter, a:focus.newsletter {
	color: #c7161d;
	text-decoration: underline;
}
a:hover.newsletter, a:active.newsletter {
	background-color: rgb(240,217,109);
	text-decoration: underline;
}