/*
Theme Name: Emmaus Park: Spring 2009
Description: © Andrew B. Chason - 2008
Version: 1.0
Author: Michael Heilemann
Author URI: http://www.andrewchason.com
*/

/* *********************** */
/*        Structure        */
/* *********************** */

/* 
	Wrapper
		Header1
			Logo
		Navigation
		Image
		ContentWrapper
			Content
                           #Doc2
                           #Feature
                               #FeatureLeft
                               #FeatureRight
		Footer	
*/	

body {
	margin: 0px;
	background-color: #360000;
	font-size: 14px;
	font-family: Verdana, Arial, Times New Roman;
	display: block;
	background-image:url(images/BG22.jpg);
	background-position: center top;
        background-attachment:fixed;
}

/* a:link {
color: #ede1d2;
text-decoration: none;
}  
a:visited {
color: #4A3520; 
text-decoration: none;
}
a:hover {
color: #660099;
text-decoration: none;
} 
a:active {
color: #FFFF00;
text-decoration: none;
}
*/

/* *********************** */
/*        Utility          */
/* *********************** */

.clear {
clear: both;
}

.clearfix:after{
content: attr(<P>);
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */

/* *********************** */
/*        Wrapper          */
/* *********************** */

#Wrapper {
width: 760px;
height: auto;
background-color: #827a00;
margin: 0px auto 10px auto;
background-color:;
background-image:url(images/BG4.jpg);
background-position: center top;
background-attachment:fixed;
}

/* *********************** */
/*        Header1          */
/* *********************** */

#Header1 {
width: 760px;
height: 125px;
/* background-color: #999900; */
margin: 0px auto;
background-image:url(http://emmausmotorcoachpark.com/wordpress_ep/wp-content/uploads/2010/07/Panels2.png);
background-repeat: no-repeat;
background-position: center top;
}

#Logo img{
border-width: 0px;
border-style: none;
}

/* *********************** */
/*        Image            */
/* *********************** */

#Image{
width: 750px;
height: 150px;
/* background-color: #999900; */
margin: 0px auto;
margin-bottom: 10px;
margin-top: 10px;
background-image:url(http://emmausmotorcoachpark.com/wordpress_ep/wp-content/uploads/2010/07/Panels2.png);
background-repeat: no-repeat;
background-position: center top;
}

/* *********************** */
/*        Buttons          */
/* *********************** */

#ButtonWrapper{
width: 760px;
height: 30px;
margin: 0px auto;
background-color: #999900;
background-image:url(images/button2.jpg);
background-position: center top;
}

#Buttons table{
margin: 0px auto;
height: 30px;
border-collapse: collapse;
font-variant: small-caps;
font-size: 14px;
font-weight: bolder;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
letter-spacing: 0.5px;
background-image:url(images/button.jpg);
}

#Buttons td{
width: 80px;
border-top: 0px;
border-bottom: 0px;
border-left: 1px;
border-RIGHT: 1px;
border-style: solid;
border-color: #333333;
padding: 0px 15px;
}

/* *********************** */
/*        Navigation       */
/* *********************** */

#Navigation{
margin: 0px auto;
padding: 0px;
width: 760px;
height: 35px;

background-image:url(images/BG5.jpg);
background-position: center top;
background-attachment:fixed;

font-size:18px; 
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-variant: small-caps;
color:#988886;
text-align:center;
line-height: 30px;
letter-spacing: 1px;
}


        #NavWrapper {
        margin-left: -5px;
        height: 35px;
        }

	#Navigation ul{
	margin: 0px;
	margin-top: 10px;
	}
	
		#Navigation li{
		margin: 0px auto;
		padding: 0px 15px 0px 0px;
		height: 25px;
                list-style: none;
                color:#988886; 
                display: inline;
                vertical-align: middle;
                border-right: 2px solid #000;
		}
		
		#Navigation li a:link{
		text-decoration:none;
		color:#988886;
		}
		
		#Navigation li a:visited{
		text-decoration:none;
		color:#988886;
		}
		
		#Navigation li a:hover{
		color: #fafafa;		
		}
		
		#Navigation li a:active{
		color: #988886;
		}
/* */

/* *********************** */
/*      --Dropdowns--      */
/* jQuery by Chris Coyter  */
/* *********************** */

/* --------------LEVEL ONE-------------- */

ul.dropdown {
position: relative; 
}

ul.dropdown li {

margin: 0px auto;
padding: 0px 15px 0px 0px;
height: 35px;
list-style: none;
color:#988886; 
display: inline;
vertical-align: middle;
border-right: 2px solid #000;

font-weight: bold;
float: left;
zoom: 1;
background:;
}

ul.dropdown a:hover { color: #FFF; }
ul.dropdown a:active { 
color: #f6f6f6; 
}

ul.dropdown li a { 
display: block; 
padding: 4px 8px 0px 8px;
/* border-right: 2px solid #988886; */
color:#988886; 
text-decoration:none;
}

ul.dropdown li:last-child a {
border-right: none; } /* Doesn't work in IE */

ul.dropdown li.hover,
ul.dropdown li:hover {
background:;
color: #FFF;
position: relative;
}

ul.dropdown li.hover a {
color: #FFF; 
}

/* --------------LEVEL TWO-------------- */

ul.dropdown ul {
margin:0px auto;
width: 160px;
visibility: hidden;
position: absolute;
top: 100%;
left: 0; 
background: #190603;
font-size: 70%;
border: 2px solid #300f0a;
}

ul.dropdown ul li{
margin-left:-37px;
padding: 0px;
font-weight: bolder;
color: #000; 
border-right: none;
border-bottom: 2px solid #000;
float: none; 
}
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{
border-right: none;
width: 100%;
display: inline-block;
} 

/* --------------LEVEL THREE-------------- */

ul.dropdown ul ul {
left: 100%;
top: 0;
}

ul.dropdown li:hover > ul {
visibility: visible;
}


/* *********************** */
/*        Content          */
/* *********************** */

#ContentWrapper {
width: 730px;
height: auto;
min-height: 300px;
margin: 0px auto;
background-color: #ede1d2;
background-image:url(images/Watermark.jpg);
background-position: right bottom;
background-repeat: no-repeat;
}

#Content{
width: 710px;
margin: 0px auto;
padding-top: 5px;
padding-bottom: 30px;
background-repeat: no-repeat;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
letter-spacing: 0.66px;
line-height: 25px;
}

#Content img{
border: solid 3px #660000;
}

.alignleft{
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 10px;
display: block;
}

.alignright{
float: right;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
display: block;
}

.aligncenter{
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}

#Content a:link{
color: #CC9933;
font-weight: bold;
font-style: italic;
text-decoration: underline;
}

#Content a:visited {
color: #660000;
font-style: bold;
font-weight: bold;
text-decoration: underline;
}

#Content a:hover {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
} 

#Content a:active {
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

.dropcap {
height: 80px;
float:left;
color: #996600;
font-size:75px;
line-height:80px;
padding:5px 5px 0 5px;
font-family: "Times New Roman", Times, serif;
position:relative;
top: -10px;
} 

.contentimage {
margin: 11px;
border-width: 3px;
border-color: #b3a89a;
border-style: solid;
}

#Content ul{
list-style:disc;
color: #591910;
}

#Content ol{
list-style:decimal;
color: #591910;
}

.Attraction{
margin-left:20px;
}

.GPS{
font-size: 80%;
margin:0px auto;
margin-left:10px;
}

.Example{
color:#6f361f;
font-size: 12px;
font-weight: bold;
}

.Change{
margin:0px auto;
color:#e22e2e;
font-size: 12px;
font-weight: bold;
text-shadow:0px 2px 1px #000000;
text-align:center;
}




/* *********************** */
/*    Type Headers         */
/* *********************** */

h1 {
font-size:200%;
font-family: Arial, sans-serif;
background-color: #270b07;
background-image:url(images/BG4.jpg);
color: #f2e6d8;
padding: 20px;
margin-left:-10px;
margin-right:-10px;
background-position: center top;
background-attachment:fixed;
}

h2 {
font-size:175%;
color: #270b07;
font-family: Arial, sans-serif;
}

h3 {
font-size:150%;
color: #270b07;
font-family: Arial, sans-serif;
}

h4 {
margin-bottom:0px;
font-size:125%;
color: #270b07;
font-family: Arial, sans-serif;
}


h5 {
font-size:100%;
color: #270b07;
font-family: Arial, sans-serif;
}

/* *********************** */
/*      Column 1           */
/* *********************** */

.Col1 {
margin-top:13px;
margin-left:0px;
float:left;
width:350px;
display:table-column;
/* background-color:#d4c9bc; */
}


/* *********************** */
/*      Column 2           */
/* *********************** */

.Col2 {
margin-top:13px;
margin-right:0px;
float:right;
width:350px;
display:table-column;
}

.Col2 img {
width: 95%;
max-width: 350px;
margin: 0px auto;
margin-bottom:5px;
}

/* *********************** */
/*  Reservations Page      */
/* *********************** */

.ResTable {
margin-bottom:20px;
padding: 10px;
width:350px;
/* background-color:#e6d7c5; */
background-color: #2e0d06;
/*color:#2e0d06;*/
color: #fed55f;
font-size: 150%;
border: 3px solid #660000;
background-image:url(images/BG22.jpg);
background-position: left center;
}

     .ResTable tr{
     padding-bottom:10px;
     }

     .ResTable td{
     vertical-align:middle;
     padding-bottom:10px;
     }

     .ResTable td .TableHeadSummer{
     color:#faff66;
     font-family: Arial, sans-serif;
     font-size:125%;
     font-weight:bold;
     margin-bottom:10px;
     }

     .ResTable td .TableHeadWinter{
     color:#66ccff;
     font-family: Arial, sans-serif;
     font-size:125%;
     font-weight:bold;
     margin-bottom:10px;
     }

     .ResTable td .ResDate{
     font-family: Arial, sans-serif;
     font-size:80%;
     color:#dab99a;
     font-weight:bold;
     margin-bottom:10px;
     }

     .ResTable td .RVStorage{
     font-family: "Times New Roman", Times, serif;
     font-size:60%;
     color:#dab99a;
     font-weight:bold;
     margin-bottom:10px;
     }

     .ResTable td .FinePrint{
     font-family: "Times New Roman", Times, serif;
     font-size:60%;
     color:#dab99a;
     font-weight:bold;
     margin-bottom:10px;
     }

.Feature{
background-color:#e0ceb8;
width:350px;
overflow:hidden;
background-image:url(images/BGLight.jpg);
}

.ListHeader{
margin-top:10px;
font-size:110%;
color: #270b07;
font-family: Arial, sans-serif;
text-align: center;
font-weight: bolder;
}

     .FeatureLeft{
     width:155px;
     float:left;
     height:inherit;
     margin-left:5px;
     margin-right:2px;
     overflow:hidden;
     font-size:90%;
     color:#591910;
     }

     .FeatureRight{
     width:175px;
     float:right;
     margin-left:0px;
     margin-right:10px;
     overflow:hidden;
     font-size:90%;
     color:#591910;
     }

          .FeatureRight img{
          max-width:160%;
          margin-top:15px;
          }

     .Feature ul, .Feature ol{
     color:#591910;
     text-size:80%;
     text-align:justify;
     }

     .Feature ul{
     margin-left:-22px;
     }

/* *********************** */
/*        Posts            */
/* *********************** */

.PostHeader {
background-color:grey;
margin-left:-10px;
margin-right:-10px;
margin-top:10px;
padding-top:px;
text-align: center;
vertical-align: middle;
}

/* *********************** */
/*        Footer           */
/* *********************** */

#footer {
width: 760px;
height: 25px;
margin: 0px auto;
margin-top: 15px;
background-color: #999900;
background-image:url(images/button.jpg);
background-position: center top;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
text-align:center;
vertical-align:middle;
font-weight: bolder;
color: #444444;
line-height: 8px;
}

#footer a:link{
color: #000000;
font-weight:bold;
}

#footer a:hover{
color: #000000;
font-weight:bold;
}

#footer a:active{
color: #000000;
font-weight:bold;
}

#footer a:visited{
color: #000000;
font-weight:bold;
}