/*position*/
.innerframe {
	margin-top: 5%;  
	max-width: 49em; 
	padding: 1em 1.5em;
}
header, footer {width: 100%; padding:0; margin: 0; clear: both;}
header {
}
header p {margin-left: 2em;}
header ul {	position: relative; top: 1em;}
footer {padding: 0.5em; font-size: small; text-align: right;}
header {margin-bottom: 2.25em;}
header ul.menu {clear: both;}
header .menu li {
		display: inline-block; 
		float: left; 
		padding: 0.5em; 
		color: #742729; 
		color: #330332;
		color: #222;
		font-size: small;
		text-transform:uppercase;
		}
header {margin-bottom: 2.75em;}

header .menu li ul {display: none;}
header .menu li:hover ul {display: block; margin: 0; padding: 0.5em 0;}
header ul.menu li:hover ul li {float: none; display: block; padding: 0.2em 0; position: relative; top: 1em; }
header a {color: #555;} 
header a:visited {color: #555;}
.pod {
		margin: 0.75em; margin: auto; margin-top:1em;
		padding: 1.5em;
		text-align: center; 
		max-width: 390px; 
		display:inline-block; 
		vertical-align: text-top;
}
div.pod ~ div.pod {margin-left: 1em;}
div.pod div.pod {padding: 0; margin: 0;}
div.pod div.pod h3 {margin-top: 2em;}
.pod p img {text-align: center;}
footer {float: left; clear: both;}
footer p {text-align: left; margin-left:3%;}
dl {text-align: left; margin-left: 1em;}
dt { margin-top: 1em;}
dd {margin-left: 1.5em; margin-top: 0.5em;}

/*pretty*/
body {
background-color: #44433f;
color: #330332; 
color: #8f8a77;
color: #50462b;
color: #222;
background-color:#E1C0DF;
background-color:#F3E7FF;
background-color:#330332; /* aubergine */
background-color: #fbfbf7; /* cream */
background-color:#e1c0de;
 font-family: Sans-Serif;
}

.innerframe {
background-color: #e9ebd4; /* yellow-beige */
		background-color: #fbfbf7; /* cream */
background-color: #E1C0DF;  /* light purple */
background-color: #F3E7FF; /* lavender */
/*border-radius: 30px;*/
/*border: 2px solid #330332;*/
margin-left: auto;
margin-right: auto;
color: #330332;
color: #222;
}

header img { height: 80%; width: 80%;}
header img {height: 150px; width: 275px;}

header {
border: 1px solid #ddd;
border-radius: 30px;
background-image: url('horizontalbridge.jpg');
background-size: 100%;
background-size: cover;
background-repeat: no-repeat;
}
header p{
	height: 50%;
	width: 50%;
}
header ul {
	list-style-type:none;
	font-size: 0.8em;
}

header ul.menu li:hover ul li {border: none;}
header .menu li:hover {background-color: #555; color: #FFF;}
header .menu li li:hover {background-color: #FFF; color: #742729;}
header .menu li li:hover {background-color: #555; color: #FFF;}

.pod {
		background-color: #FFF; /* white */
		background-color: #F3E7FF; /* lavender */
		background-color: #fbfbf7; /* cream */
		/*
		border: 1px solid #EFEFEF; 
		border: 1px solid white;
border-radius: 30px;
		border: 1px solid #E1C0DF;
		*/
	color:#222;
}
div.pod div.pod {border: none;}

h2, h3, h4 {
			letter-spacing: 0; 
			font-weight: normal; 
			text-transform: uppercase;
			color: #bba;	
			color: #675e47;		
			color: #8f8a77;
			color: #44433F;
			color: #50462B;
			color: #330332;
			color: #222;
			font-size: medium;
			}
a {color: #742729; color: #330332; color:#6600FF; text-decoration: none; font-weight: bold;}
a:visited {color: #330332; color: #222; color:#6600FF;}
li:hover a {color: #FFFFFF; color: #e1c0de;}

.pod li {padding: 5px;}
.pod li:hover a:visited {color: #FFFFFF; color: #e1c0de; background-color: #555555; padding: 5px;}
.pod li:hover a {color: #FFFFFF; color: #e1c0de; background-color: #555555; padding: 5px;}
.pod h2, .pod h3 {background-color: #e1c0de; padding: 3px;}

footer {color: #FDFDFD;}
footer a {color: #FDFDFD;}

dt {}
dd {font-size: small;}
#guests dt {font-size: small; font-weight: normal;}
#guests dd {font-weight: bold; font-size: medium;}
#news {max-width: 25em;}
.tiny {font-size: 0.6em; font-weight: normal;}

ul {margin: 0; padding: 0;}
.pod p {text-align: left;}

	#smedia {clear: left;}

.innerframe header .menu {}

ul {list-style-type:none;}

body, .innerframe, .pod {background-color: white; border: none;}
a {color: #672178; text-decoration: none; font-weight: bold;}
a:visited {color: #672178;}
dd {font-size: unset;}
dt {font-weight: bold; color: #555; color: #333333;}
body: {color: #333333;}
ul.menu li a {color: #333333;}
header li:hover a, a:hover {color: #e1c0de;}
ul.menu li a:hover {color: #e1c0de;}
h1 a:hover, h2 a:hover, h3 a:hover, h3 a:hover{color: #333333;}

div.pod:first-of-type {margin-right: 0.5em; padding-right: 0.5em;}
div.pod:nth-of-type(2) {margin-left: 0.5em; padding-left: 0.5em;}