body {
	font-family: "Verdana";
	font-size: 0.75em;
}

div#outer-container {
	background-color: white;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10%;
	margin-right: 10%;
	border: 2px solid #256440;
}

div#banner {
	color: #256440;
	font-family: "Trebuchet MS",sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	width: 100%;
}


div#inner-container {
	clear: both;
}
div#left {
	float: left;
	width: 28%;
	text-align: center;
	padding: 1%;
}

div#right {
	float: right;
	width: 70%;
}

div#navigation {
	font-family: "Trebuchet MS",sans-serif;
	background-color: #256440;
	padding: 1%;
}

div#main {
	background: #D7DC84; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D7DC84', endColorstr='#7BBE79'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#D7DC84), to(#7BBE79)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #D7DC84,  #7BBE79); /* for firefox 3.6+ */
	
	padding: 2%;
}

div#stretch {
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

img#logo {
	vertical-align: middle;
	width: 22%;
	margin-right: 7%;
                   image-rendering: -moz-crisp-edges;         /* Firefox */
                  

}

img#desdalogo {
	float: right;
	width: 15%;
	vertical-align: middle;
	margin-right: 1%;
}

a {
	color: black;
}

a:hover {
	color: #256440;
}

div#navigation a {
	margin-left: 3%;
	margin-right: 3%;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
}

div#navigation a:hover {
	text-decoration: none;
	color: #D7DC84;
}

div#left img {
	width: 90%;
	margin-top: 4%;
}

h2 {
	font-size: 1.2em;
	margin-top: 5%;
}

img {
	border: none;
}