/*****************Body - determines general characteristics for the site, background color is for the site outside the container***/
body {
	margin:0px;
	font-family:Georgia;
	font-size: 14px;
	text-align:center;
	background-image:url(../images/eulenfeld-background.jpg) ;
	background-repeat: repeat;
  }
/************************General**************************************/
img{
 border:none;
 margin:0px;
 padding:0px;
}

p {
font-size:14px; 
color:#000000;
text-align:left;  
}

a {text-decoration:none; }
/*********header tags can be changed to any size, color, font weight, alignment***********/
h1 {  
font-size:18px;
color:#000040;
font-weight:bold;
margin-bottom:5px; 
text-align:center; 
}

h2{
	font-size:16px;
	color:#333333;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center; 
 }
 h3{
	font-size:14px;
	color:#333333;
	font-weight:bold;
	margin-bottom:5px;/****space below the heading*******/
	text-align:left; /***can be right, left or center*****/
}

ul, li {
    padding:0px;
    margin:0px;}


/******************Container - sets up the entire page*****************/
#container {
	position:relative;
	margin: 0 auto;
	width: 955px;
	background-image: url(../images/background.gif);
 	background-repeat: repeat-y;
	text-align:left;
}	
	
/**********************************Header******************************/
#header {
	background-image: url(../images/header3.jpg);
	background-repeat: no-repeat;
	float:left;
	height:310px;
	position:relative;
	width: 955px;
	padding: 0px;
	margin: 0px;
}


#page-title{
	position:relative;
	width:660px;
	text-align:center;
	margin-top:20px;
	height: 0px;
}

/********************************vertical Navigation*********************/

#navigation{ /***defines the area the vertical links are in**********/
	position:relative;
	float:left;
	color: #333;
	margin:10px;
	padding:0;
	width: 200px;
	margin-left:0px;
	margin-top: 50px;
	padding-left: 15px;
	border-right: solid #999999 2px;
}
#navigation ul{
	list-style-type: none;
	width: 185px;
	margin-left: 35px;
	font-size: 16px;
	color: #58697b;
	padding-top:5px;
}

#navigation ul li{
	font-size:18px;
	display:block;
	margin: 10px 3px 10px 3px;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 160px;
}

#navigation a{color: #000040;
text-decoration:none;}

#navigation a:hover{ 
color:#58697b;}

/*********************************Content*****************************/
#content {
	float: right;
	color: #333;
	margin: 0px;
	padding:0;
	width:670px;
	position: relative;
	margin-top:10px;
	padding-right: 50px;
}

#content img{padding:10px;}

#content h1{text-align:left;}

#indexright {
	display: inline;
	position: relative;
	color: #333;
	padding:0;
	width: 400px;
	float: right;
	margin: 0;
	margin-left: 5px;
	padding-right: 5px;
}

#gallery{
	width:610px;
	
	position:relative;
}
#indexleft{
	float:left;
	width:230px;
	font-size: 14px;
	color: #000000;
	margin-top: 25px;
	margin-left: 0px;
	padding-left: 10px;
	margin-right: 0px;
	padding-right: 5px;
}
#contact{
	
	clear:both;
}
/*********************Footer************************************************/
#footer {
	clear:both;
	position:relative;
	width: 849px;
	clear: both;
	height:40px;
	color: #000;
	margin: 20px 51px 0px 50px;
	padding: 10px 0px 0px 0px;
	border-bottom: 3px #000000 solid;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	border-top: 2px #999999 solid;
	display:block;
}
#footer a{
        color:#000000;
}

#footer a:hover{
        color:#FFFFFF;
}


.footerleft {
        float:left;
	position:absolute;
	width: 300px;
	height:20px;
	color: #ffffff;
	padding: 0px;
	left: 40px;
	
        font-size:12px;

}

.footerright{
        position:absolute;
        float:right;
        font-size:10px;
        padding-right:40px;
        width:200px;
        right: 40px;
		margin-top:100px;
	       
}