@charset "utf-8";
body {
	font-family: Verdana;
	color: #122f4e;
	background-color: #5d250c;
	text-align: center;
}
h1 span, a span, h2 span {
	display: none;
} /* hides text and links in headers and nav, there for no images */

a:link {color: #a64;}
a:visited {color: #8a5239;}
a:hover	{color: #aebee2;}
a:active {color: #8a5239;}

div#container {
width: 922px;
margin-right: auto;
margin-left: auto;
/*background: #fff;*/
text-align: left;
	background-image: url(../images_pres/home_evo.gif);
	background-repeat: no-repeat;
	background-position: 0px 144px;}

div#hd {
height: 124px;
width: 922px;
/*background: #006633;*/
}
.logo {
float: left;
margin: 0 12px 0 0;
}
.hdctr {
background:url(../images_pres/home_hd.gif) no-repeat top left;
width: 550px;
height: 124px;
/*margin: 0 0 0 144px;*/
float: left;
}
div.address {
/*background: #333;*/
float: left;
width: 228px;
display: inline;
margin: 10px 0 0 0;
}
div.address p {
line-height: 1.4em;
color: #cca492;
padding: 0;
margin: 0;
text-align: right;
font: Arial, Helvetica, sans-serif;
font-size: 85%;
font-weight: bold; 
}
div.address a:link {color: #cca492; text-decoration:none;}
div.address a:visited {color: #cca492; text-decoration:none;}
div.address a:hover	{color: #cca492; text-decoration: underline;}
div.address a:active {color: #cca492; text-decoration:none;}

div#hd h1,h2,h3{margin:0;}

/* =========== NAVIGATION ========== */

/* the horizontal menu starts here */
div#listmenu * {margin:0; padding:0;}

div#listmenu {
width: 558px;
margin: 104px 0 0 -8px;
height: 20px;
}

div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	font-size:105%;	/* SET FONT-SIZE orig in listmenu */
	font-weight: bold;
	height: auto;
	}

div#listmenu li:hover { 
	background-color:#8a5239; /*sets the background of the menu items */
	}
div#listmenu a {
	display:block;
	padding: 2px 9px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#d9dfed;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#aebee2;
	background-color:#8a5239;
	}
/* the menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	background-color:#8a5239;
	margin:0; 
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:11.2em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	}
div#listmenu ul li ul li {
	padding:0;
	width:100%; /* makes the list items fill the list container (ul) */
	font-size:100%;	/* SET FONT-SIZE orig in listmenu */
	font-weight: normal;
	}
div#listmenu ul li ul li a {padding:2px 10px;}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* the drop-down ends here */
/* END OF LIST-BASED MENU */

/* =========== CONTENTAREA ========== */

div#contentarea {
width: 778px;
margin: 20px 0 0 144px;
background: url(../images_pres/contentbg.gif) repeat-y top left;
/*overflow: auto;*/
}

div#leftcol {
width: 252px;
margin: 0 16px 0 0;
/*background: #99FF33;*/
float: left;
}

/* =========== MAIN  ========== */

div#main {
width: 510px;
float: left;
background-color: #f0e7d6;
/*margin: 0 0 0 268px;
padding: 30px;
background-color: #ecfafd;*/
}

div#main blockquote,ul,ol,dl{margin:1em; padding: 0 1.4em;}
div#main ol,ul,dl{margin-left:2em;}
div#main ol li{list-style:decimal outside; padding: .3em 0;}
div#main ul li{list-style:disc outside; padding: .3em 0;}
div#main dl dd{margin-left:1em;}

div#main ul ul, ol ol {
margin: 0 1em;
padding: 0;
}

div#maintop {
width: 510px;
/*background-color: #5d250c;
padding: 0 0 16px 0;
margin: 0 0 1em 0;*/
display: inline;
}
div#maintop img {
background-color: #5d250c;
margin: 0 0 1.4em 0;
border: 0;
padding: 0 0 16px 0;
}

.photo-left {
float: left;
padding: 0 1.5em 0 0;
}
.photo-right {
float: right;
padding: 0 0 0 1.5em;
}

div#main h3	{
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0.5em 0 0.2em 0;
	letter-spacing: .2em;
	text-transform: lowercase;
	font-size: 180%;
	font-weight: normal;
	padding: 0 .8em;
}
div#main h4	{
	font-size: 120%;
	margin: .3em 0;
	padding: 0 1.4em;
}
div#main h5	{
	font-size: 110%;
	margin: .2em 0;
	padding: 0 1.4em;
}
div#main h6	{
	font-size: 100%;
	margin: .2em 0;
	padding: 0 1.4em;
}
div#main p	{
	line-height: 160%;
	padding: 0 1.4em;
}

/* =========== FOOTER ========== */
div#ft {
width: 778px;
margin: 0;
padding: 10px 0;
color: #cca492;
text-align: center;
clear: both;
background-color: #5d250c;
}
div#ft a:link {
color: #ecfafd;
text-decoration: none;
}
div#ft a:visited {
color: #ecfafd;
text-decoration: none;
}
div#ft a:hover {
color: #ecfafd;
text-decoration: underline;
}
div#ft a:active {
color: #ecfafd;
text-decoration: none;
}

/* ================ HACK ZONE ===============*/
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0;      /* ensure the period is not visible */
    clear: both;    /* make the container clear the period */
    visibility: hidden;	/* further ensures the period is not visible */
}
.clearfix {zoom: 1;} /*may be the new way to get ie6 to behave*/

/* end of "no-extra-markup" clearing method */