/** Elements **/

body {
	background-image: url("images/pattern.jpg");
	font-family: optima, sans-serif;
	font-size: 14px;
	text-align: left;
	padding: 0px;
}

div { 
	border: 2px solid black;
	margin: 0 auto;
	padding: 8px;
}

img { border: 2px solid black; }

h1 { text-align: center; }

h2 { text-transform: uppercase; }

dt { font-size: 120%; 
	padding: 15px; }

table { border: 2px solid maroon;
		 }

td { text-align: center; 
	padding: 10px; }

th { 
	font-size: 18px;
	font-family: "optima", verdana, sans-serif; }

/** ID's **/

#nav {
	border: none;
	text-align: center;
	padding: 20px;
	}

#nav a {
	border: 2px solid black;
	display: inline;
	padding: 5px;
 }
	
#nav a:link, #nav a:visited {
	background: #6b1509;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#nav a:hover, #nav a.active {
	background-color: #fff;
	color: #000;
}

#master {
	background-image: url("images/gradient.jpg");
	width: 620px;
	text-align: left;
}
	
#header {
	background-image: url("images/bubble1.jpg");
	height: 180px;
	padding: 0px;
}

#content {
	text-align: left;
	background-color: #ad7c75;
}

#add { text-align: center; }
       
#footer {
	background-image: url("images/bubble2.jpg");
	margin-top: 8px;
	height: 180px;
	padding: 0px;
} 



#quote { 
	border-bottom: 3px solid black;
	margin-bottom: 40px ; 
}

/** Classes **/

.boxtop {
	background-color: #f1debd;
	margin-top: 0px;
}

.box {
	background-color: #f1debd;
	margin-top: 8px;
}

.gallery {
	padding: 0px;
	border: none;
	display: block;
}

.gallery img { margin-bottom: 3px; }

.familypic {
	text-align: center;
	border: none;
	padding: 0px;
	margin-top: 8px;
}

.title {
	text-align: center;
	border: none; 
}