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

* {margin: 0;
	padding: 0;
}

html {font-size: 100%}

body  {
	font: .8em/1.8em Verdana, Arial, Helvetica, sans-serif;
	background:#8ca93e;
	background-image:url(images/es_classes/green_bg.png);
	background-repeat:repeat-x;
	color: #534741;
}

/* misc */

a {color:#8ca93e;
	text-decoration:none;
	font-weight:bold;}
	
a:hover {color:#CC6633;
		text-decoration:underline;
		}

h2 { 
	font-family:Georgia, "Times New Roman", Times, serif, "Lucida Grande", "Lucida Grande CE";
	font-size: 1.6em;
	line-height:2.7em;
	color:#a59e98;

}

h3 {

	font-family:Geneva, Arial, Helvetica, sans-serif, "Abadi MT Condensed Light";
	font-size:1em;
	line-height: 2.4em;
	text-indent: 2em;

}

.caption {font: .8em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin-bottom:4em;
	line-height: 1.7em;
	color: #534741;}
	
.photo {
	text-align:center;
	
	}

#topheader { 
	margin: 0px; /* the auto margins (in conjunction with a width) center the page */
	padding: 0 0 0 0;
	background:#534741;
	background-image:url(images/es_classes/header_strip.png);
	background-repeat:repeat-x;
	position: fixed;
	top:0;
    left:0;
    width:100%;
    height: 40px;	
}

#topheader ul { margin: 0; padding: 8px 60px 0 0; list-style: none;}

#topheader li { float: right; margin: 0 10px 0 0; padding: 0 0 0 0;  }

#topheader a {
	
	
	padding: 0 0px 0 0;
	text-decoration: none;
	color:#c1b49a;
	font-weight:500;
} 

#topheader a:hover {
	
	padding: 0 0px 0 0;
	text-decoration: none;
	color:#ffffff;
	font-weight:500;
}


/* CSS container + header */

#container { 
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	background-image:url(images/es_tomato.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
    top: 0px;
	margin-left: auto; /* the auto margins (in conjunction with a width) center the page */
	margin-right:auto;
	border: 0px solid #000000;
	padding-top: 2em;
} 

 #header { 
	background: #FFFFFF; 
	width: 850px;
	height: 130px;
	padding: 80px 10px 0 40px;  
} 

#header h1 {
	margin: 0; 
	padding: 0; 
	height: 135px;
	background-image:url(images/es_logo.jpg);
	background-repeat:no-repeat;
	text-indent: -9999px;
}

#header h2 {
	margin: 0; 
	padding: 0; 
	height: 135px;
	background-image:url(images/es_logo_cu.jpg);
	background-repeat:no-repeat;
	text-indent: -9999px;
}


/* CSS navigation */

#navbar {
	margin-top: 10px;
	padding: 0 0 0 0;
	background:#d5d0b0;	
	width: 900px;
	float: left; /* contain floated list items */
}
		
#navbar li {
	margin: 0;
	padding:0;
	list-style:none;
	float: left; 
	
}

#navbar a {
		float: left; /* contain floated list items */
		width: 224px;
		color:#534741;
		margin: 0;
		padding:.3em 0 0 0;
		text-decoration:none;
		text-align:center;
		line-height: 2.5;
		border-right: 1px solid #fff;
		font-weight:500;
}

#navbar a:hover {
		background:#c5bd99;
}								
				
#navbar #navbar_togo a {
		border-right: none;
}

#navbar #navbar_togo a {
		border-right: none;
}

#body_togo #navbar_togo a, 
#body_togo #navbar_prop a,
#body_togo #navbar_class a,
#body_togo #navbar_catering a,{
		background:#FFCC66;
		color:#996633;
		font-weight:bold;
}		

/* CSS sidebar */


#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 300px; 
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 0px 15px 70px;
}

#sidebar2 {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; 
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 0px 0px 70px;
}


/* CSS maincontent */


#mainContent { 
	margin: 0 80px 0 350px; 
	padding: 0 0 0 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: transparent;
	
} 

#mainContent2 { 
	margin: 0 25px 0 240px; 
	padding: 0 70px 0 30px; 
	
	
}

#blockone {
	margin: 0 0 .8em 0;
	font-family:Georgia, "Times New Roman", Times, serif, "Lucida Grande", "Lucida Grande CE";
	font-size: 1.6em;
	line-height: 1.7em;
	color:#a59e98;
}

#blocktwo {margin: 1.5em 2em 0 0;
font-family:Geneva, Arial, Helvetica, sans-serif, "Abadi MT Condensed Light";
font-size:.8em/1.8em;
line-height: 1.8em;

}

#blockthree {margin: 1.5em 7em 2em 0;
font-family:Geneva, Arial, Helvetica, sans-serif, "Abadi MT Condensed Light";
font-size:.8em/1.8em;
line-height: 1.8em;

}


/* CSS footer */

#footer { 
	margin: 15px 0 0 0;
	background-color:#d5d0b0;
	width: 900px;
	padding: 0 0 10px 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*border-top: 1px dotted #534741 ; */
	clear:both;
} 

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0 2px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font: .7em/1.4em Verdana, Arial, Helvetica, sans-serif;
	
	text-align:center;
}

#footer .footerlinks {
	
	padding: 5px 0 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	font: .9em/1.4em Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
}


#footer a {
	font: .9em/1.4em Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	padding: 0 0 0 0;
	text-decoration: none;
	color:#534741;
	font-weight:500;
} 

#footer a:hover {
	padding: 0 0 0 0;
	text-decoration:underline;
	color:#534741;
	font-weight:500;
}