@import url(http://fonts.googleapis.com/css?family=Marcellus+SC);
@import url(http://fonts.googleapis.com/css?family=Alef);

html,body{margin:0;padding:0}
body{font: 100% arial,sans-serif;text-align:center;}
p{margin:10px; clear:both}
a{display:block;padding:5px}

div#header{margin: 5px 0px; border: 1px solid; border-radius:20px; box-shadow: 5px 5px 6px #444;}
div#header img{display:block; margin-left: auto; margin-right: auto}

div#container{text-align:left}

div#content{padding: 10px;}
div#content p{line-height:1.4}
div#content h2{text-align:center; margin:0; padding-left:10px;font-family: 'Marcellus SC', serif;}

div#navigation ul, div#extra ul {margin:0px; padding:0px;}
div#navigation li, div#extra li {font: 75% Alef,sans-serif; list-style: none;border-bottom: solid; border-top: solid; border-width: 1px;}
div#navigation li:hover, div#extra li:hover {position: relative;}
div#navigation a, div#extra a  {padding-left:2px; cursor: pointer; display:block; height:20px; line-height: 20px; text-indent: 2px; text-decoration:none; width:100%}
div.navlinks a {padding:0px; cursor: pointer; text-decoration:none; display:inline;}
div.navlinks  {padding: 5px}

div#footer p{margin:0;padding:5px 10px}

div#content iframe {display:block; padding:20px; margin: 10px auto}
div.captioned {padding: 3px; border: 1px solid;}
.floatLeft {margin: 0.5em 0.8em 0.5em 0; float:left;}
.floatRight {margin: 0.5em 0 0.5em 0.8em; float:right;}
.clear {clear: both}

table, td, th{border:1px solid;}

table, td, th .photos {border-style:none;}

.note {
	border-bottom: dotted 2px #000;
}

dt {
	font-style: italic;
}

.underline {text-decoration: underline;}