html {
  	background-color: rgb(128, 128, 128);
	background-image: url(finalbackground.jpg); 
	background-attachment: fixed;
}
	
body {
	margin: 0 auto;
  	width: 750px;
	}


#header {     
	margin:0;
	width: 100%; 
	text-align: center; 
	display: block;  
	position: relative; 
	padding: 20px 10px 10px 10px; 
	} 

#nav {
	padding: 0px 20px 40px 135px; 
	margin: auto;  
	width: 100%; 
	list-style:none;
	font-family: Georgia, serif; 
	}
	
#nav li {
	float:left; 
	display:block; 
	width:100px; 
	background:rgb(128, 128, 128); 
	position:relative;
	z-index:500; 
	margin:0 1px;
	}
		
/* parent menu */
#nav li a {
	display:block; 
	padding:5px 10px 5px 5px; 
	font-weight:550; 
	font-size: 12pt;  
	height:23px; 
	text-decoration:none; 
	color:#000000; 
	text-align:center; 
	}

#nav li a:hover {
	color:rgb(199, 75, 47);
	}
	
/* submenu*/
#nav ul {
	position:absolute; 
	left:0; 
	display:none; 
	margin:0 0 0 -1px; 
	padding:0px; 
	list-style:none;
	font-family: Georgia, serif;  
		}
		
#nav ul li {
	width:100px; 
	float:left; 
	border-top:1px solid #fff;
		}
		

#nav ul a {
	display:block;  
	height:25px;
	padding: 10px; 
	color:#ece4d7;
	font-family: Georgia, serif;  
	font-size: 8pt; 
		}
		
#nav ul a:hover {	
	color: rgb(199, 75, 47); 
		}

*html #nav ul {
	margin:0 0 0 -2px;
}

#content {  
	font-family:Georgia, serif; 
	margin: auto; 
	} 

h1 { 
	font-family: Lucida Calligraphy, serif;
	text-align: center; 
	font-size: 14pt; 
	margin: 0.5em; 
	} 

h2 { 
	font-family: Lucida Calligraphy, serif; 
	font-size: 12pt; 
	text-align: center; 
	}

h3 { 
	font-family: Georgia, serif; 
	font-size: 13pt; 
	text-align: center; 
	margin: 0.3em; 
	padding: 0px; 
	} 

#imgBox {     
	background-image: url('Paper.gif'); 
	background-repeat: no-repeat;   
	width: 100%;  
	margin:15px; 
	} 

#imgBox h1 { 
	text-align: center;
	padding: 20px 0px 10px 50px; 
	width: 80%; 
	font-size: 15pt; 
	}

#imgBox h3 { 
	padding: 5px;
	text-align: center;  
	}

img { 
	padding: 5px;  
	}

#imgBox p { 
	width: 90%; 
	font-size: 12pt; 
	text-align: left;     
	line-height: 1.3; 
	margin: 0px;  
	padding: 0px 0px 20px 15px; 
	font-family: Georgia, serif; 
	}

.image { 
	position: relative; 
	float: left; 
	} 
.image .text{ 
	position: absolute; 
	top: 90px; 
	left: 30px; 
	right: 30px; 
	width 300px; 
	}

#sidebar { 
	background-color: rgb(199, 75, 47);
	width: 350px; 
	float: right; 
	margin: 0px 40px 0px 0px; 
	}

#sidebar p { 
	padding: 10px; 
	line-height: 1.3em; 
	text-align: center; 
	}

#sidebar li {
	display: inline;  
	list-style-image: none; 
	list-style-type: none; 
	cursor: pointer; 
	margin: 0px 30px 0px 30px; 
	padding: 5px; 
	align: left; 
	}

#sidebar ul { 
	align: left; 
	font-style: Georgia, serif; 
	}


#content a { 
	text-decoration: none; 
	font-weight: bold; 
	color: rgb(199, 75, 47); 
	}

#content a: visited {
	color: rgb(128,128,128);
	}

#footer { 
	text-align: center; 
	font-family: Georgia, serif;
	clear: both; 
	padding: 10px; 
	margin: auto; 
	} 

 #carousel {
        width:710px;
	height:400px;
        border:2px solid #222;
        position:relative;
        clear:both;
        overflow:hidden;
	margin: 20px; 
      }
 
#carousel img {
        visibility:hidden; /* hide images until carousel can handle them */
        cursor:pointer; /* otherwise it's not as obvious items can be clicked */
      }

.container {
    width: 620px; 
    margin: 30px auto;
    overflow: hidden;
}

.galleryItem {
    color: #000000;
    font: 12pt/1.5 Georgia, serif;
    float: left;
    padding: 1px; 
    text-align: center; 
}

.galleryItem p { 
	font: Georgia, serif; 
	text-align: center; 
	}

.popup{ 
	position: absolute; 
	z-index: 100000000000000000; 
	display: none; 
	background-color: rgb(128, 128, 128); 
	font-family: Georgia, serif; 
	top: 300px; 
	right: 10%; 
	margin: auto; 
	width: 210px; 
	height: 350px; 
	padding: 10px; 
	border: 1px solid black; 
} 

.popup p{ 
	font-family: Georgia, serif; 
	} 

.cancel { 
	display: relative; 
	cursor: pointer; 
	float: right; 
	margin: 0; 
	height: 10px; 
	width: 14px; 
	padding: 0px 0px 5px 0px; 
	background-color: none; 
	text-align: center; 
	font-weight: bold; 
	color: white; 
	border-radius: 3px; 
	z-index: 100000000000000000; 
} 

.cancel:hover {
	color: rgb(199, 75, 47); 
}


.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:rgb(128,128,128);
	border-radius:5px;
	padding:10px;
	color:black;
	font-size:12px Arial;
}

	



/*
 * Default styles
 */

/*
 * 300px and wider
 */
@media screen and (max-width: 700px) {
 
body { 
	width: 100%; 
	}

#nav { 
	max-width: 80%;  
	margin: auto; 
	padding: 0; 
	}

#nav li { 
	float: none; 
	clear: both; 
	border: 1px solid;
	width: 90%; 
	}

#nav li ul { 
	display: none; 
	} 

#nav li ul li{ 
	display: none; 
	}

#imgBox { 
	width: 90%; 
	clear: both; 
	}

#imgBox img { 
	display: none; 
	}

#imgBox h1{
	padding: 30px 30px 0px 30px; 
	} 
	
#imgBox h2{ 
	display: none; 
	}

#imgBox p{ 
	font-size: 9pt; 
	margin: auto: 
	}

#header img{ 
	max-width: 90%; 
	padding: 5px;
	margin: 0; 
	}
	
#sidebar {  
	float: left; 
	width: 90%;  
	margin: 0px 0px 5px 20px; 
	}

#sidebar li { 
	margin: 10px; 
	padding: 5px;  
	width: 90%; 
	}

#footer { 
	width: 90%; 
	float: left; 
	}

.image { 
	display: none; 
	}



}