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

html,body{
	background-color: #F5DEB3;
	margin-top:0px;
	margin-left:10px;
	padding:0;
	}

body{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}

p{
	margin:0 10px 10px;
	
	}
	
#header {
	background-repeat:no-repeat;
	background-position: left;
	width: 98%;
	height: 190px;
	margin: 10px;
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	}

#logo {
	position: absolute;
	width: 95%;
	height: 190px;
	/*background-image:url(../Images/e-b-banner.jpg);*/
	background-repeat:no-repeat;
	left: 129px;
	margin-top: 2em;
	top: 1%;
	}
	
#h1{
	font-family: "Lucida Handwriting";
	font-variant:small-caps;
	font-size:18px;
	margin:10px;
	color: #C62D42;
	border-bottom: 1px;
	border-bottom: 1px #CCCCCC solid;
	text-align: left;
	}

#h2{
	font-variant:small-caps;
	font-size:14px;
	color: #C62D42;
	}
	
#container{
	width: inherit;
	height: auto;
	background-color:#FFFFFF;
	text-align:justify;
	}

#info{
	background:White; 
	margin-left: 10px;
	margin-bottom: 10px;
	width: 71%; 
	height:auto; 
	float:none;
	border: 1px #CCCCCC solid;	
	}
	
#info1{ top: 1%;
	margin-top: 2.35em;
	margin-right: .5em;
	text-align: center;
	width: 24%;
	height: auto;
	right: 2%;
	padding: 5px;
	border: 1px #CCCCCC solid;
	position: absolute;
	z-index: 50;
	}
	
#sidebar{
	float: none;
	background: #ffffe1;
	position:absolute;
	visibility:visible;
	width: 24%;
	right: 2%;	
	padding: 5px;
	border: 1px #CCCCCC solid;
	text-align: center;
	z-index: 49;
	font: message-box;
	text-align:left;
	} 
	
#footer{
	background: #FFF;
	color: #C62D42; 
	text-align:center;
	clear: both;
	margin: 10px;
	padding: 5px;
	border-top: 1px #CCCCCC solid;
	}
	
#footer p{
	margin:0;
	padding:5px 10px;
	}

#footer a:link {
	color: #006600;
	text-decoration: none;
	}
	
#footer a:visited {
	color: #C62D42;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: none;
	}
	
#footer a:active {
	text-decoration: none;
	}
	
a:link {
	color: #C62D42;
	text-decoration: none;
	}
	
a:visited {
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
a:active {
	text-decoration: none;
	}
	
#floater {
	float: right;
	padding-top: 5px;
	}
	
.shiftcontainer{
position: relative;
margin-top:2%;

left: 5px; /*Number should match -left shadow depth below*/
top: 2px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 82%; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -2px; /*shadow depth*/
}