* {
	margin: 0; padding:0;
}
html {
	height: 100%;
	background-color:#6b8154;
	background-image:url('test.jpg');
} 

body {
	height: 100%;
	background-color:#fff7db;
	width:829px;
	margin:auto;
	text-align: center;
}
#wrapper {
	position: relative;
	font-size: 1em;
	text-align: left;
	width: 829px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -125px;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#footer {
	position: relative;
	width: 829px;
	margin-top: -125px;
	height:125px;
	clear:both;
	background: url('foot6.gif') no-repeat;
	background-color:#fff7db;
}
#footer a {
	color: #fff;
	text-decoration: underline;
	border: 0;
}
#footer p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 829px;
	padding: 0;
	color: #fff;
	font: 0.8em arial,sans-serif;
	text-align: center;
}

#main {
padding-left: 2em;
padding-right:2em;
padding-top: 2.5em;
background-color:#fff7db;
overflow:auto;
padding-bottom:125px;
}

#header {
	height: 130px;
	background-color:#81546c;
	background: url(heading.gif) no-repeat;
	margin:0;
	padding:0;
}

#header span {
display: none;
line-height:0;
}

#latest {
float:right;
width:300px;
height:auto;
background-color:#ffffff;
padding:10px;
border:1px solid #000;
}
#latest .ad {
text-align:center;
text-decoration:none;
}
#latest a {color: #763558; text-decoration: none;}
#latest a:hover {color: #00563e; text-decoration: none;}

#late {
position:relative;
margin-right:auto;
margin-left:auto;
}

h1 {color: #ffffff; font-family: Palatino,'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif; font-size: 2em; margin-bottom: 0.5em;} 
h2 {color: #332c32; font-style: italic; font-family: Palatino,'Palatino Linotype','Book Antiqua', 'Times New Roman', serif; font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em; }
h3 {color: #332c32; text-align: center; font-family: Palatino,'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif; font-size:1.25em; }
h4 {color: #332c32; font-family: Palatino,'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif; font-size: 1.1em; margin-bottom: 0.5em;}
h5 {color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:normal; line-height:1.5em; padding-top:100px;}
p {color: #000000; font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif; font-size: 1em; line-height: 1.4em; padding-bottom: 1em; margin-top: 0.5em;}
b {color: #763558; font-size:1.1em;}
.notes {list-style: disc outside; color: #000000; font-size: 1em; line-height: 1.5em; margin-bottom: 0; }
.smallcaps {font-variant: small-caps; }
.add {color: #000000; font-size: 1em; line-height: 1.5em; margin-bottom: 1em; text-align: center; font-style: italic;}
.end {color: #000000; font-size: 1em; line-height: 1.5em; text-align: center; list-style: none;}
.pic span {color: #8e4673; font-weight: bold;}
.headline {color: #763558; font-size:1.4em; line-height:1.2em; margin-top:0; margin-bottom:0; text-align: center; font-family: Arial, sans-serif; font-style:italic;}
.emp {padding-left:10em;}
.pem {padding-left:4em;}
.mep {padding-left:5em;}
#main a.shout {color: #763558; text-decoration: none; font-weight: normal;}
#main a.shout:hover, #main a.shout:active {color:#00563e; text-decoration: none; font-weight:normal; font-style:normal;}
#time strong {font-weight:900;}
#main strong {font-weight:bold;}
.top {text-align: right; line-height:1em; padding-bottom:0;}
#time a.tip:link, #time a.tip:visited {text-decoration:none; color:#763558;}

.highlight {color: #000000; text-decoration: none; font-weight: normal;}


a:link {color: #ffffff; text-decoration: none;} 
a:visited {color: #ffffff; text-decoration: none;} 
a:hover {color: #fef4c2} 
a:active {color: #ffffff; text-decoration: none;} strong {
	font-weight: normal;
}
#print {
	position: absolute;
	right: 0;
	top: 130px;
}

#navi {
position:absolute;
left:0;
top:130px;
background-color:#332c32;
width: 829px;
height:1.8em;
text-align: center;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

.nav, .nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height:1.5em;
}

.nav a, .nav a:visited {
	display: block;
	width: 164.8px;
	text-decoration:none; 
	color:#ffffff; 
	background:#81546c; 
}

a.home, a.home:visited {
	display: block;
	width: 164.8px;
	text-decoration:none; 
	color:#ffffff; 
	background:#332c32; 
}



.nav li, .nav li:visited {
	float: left;
	display:block;
	width: 164.8px;
	font-size:1.1em;
	text-decoration:none;
	color:#ffffff; 
	height:1.5em; 
	border:1px solid #585752; 
	border-width:1px 0 1px 1px; 
	background:#332c32; 
	line-height:1.5em;
}

.nav a:hover, .nav ul ul a:hover {
    display:block; 
    color:#332c32; 
    background:#dac6d0;
    width:164.8px;
}
.nav :hover > a, .nav ul ul :hover > a {
    display:block; 
    color:#332c32; 
    background:#dac6d0;
    width:164.8px;
}

.nav li:hover {
    display:block;
    color:#332c32; 
    background:#dac6d0;
    width:164.8px;
    position:static;
    }

.nav li ul {
	position: absolute;
	width: 164.8px;
	left: -999em;
	text-decoration:none;
	color:#ffffff; 
	background:#81546c; 
}

.nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}


#main img.norm {float: right; width: 400px; margin: 15px;}
#main img.gaze {float: right; width: 350px; margin: 50px;}
#main img.lib {float: right; width: 187px; margin: 15px;}
#main img.bbq {float: right; margin: 15px;}
#main img.vol {float: right; width: 300px; margin: 25px; }
#main img.mark {float: left; width: 30px; }
#main a {color: #763558; text-decoration: underline;}
#main a:hover {color: #00563e; text-decoration: underline; font-weight: bold;}

#main p.botm {margin-bottom:0;padding-bottom:0;}
#main p.ptop {margin-top:0;}



/*-------BEGIN SOCIAL MEDIA------------*/

a.fb {
float:right;
background-image:url('fb-icon.gif'); 
display:block; 
width:43px; 
height:43px;
margin-left:5px;
border:0; 
text-decoration:none;
vertical-align:middle;
}
a.fb:hover {
background-position: 0 -43; 
text-decoration:none; 
border:0;
}
.fb span {display:none;}

#posbox2 {
float:right;
width:125px; 
height:50px; 
margin:0 0 5px 5px;
padding:0;
border:0;
}

#posbox2 p.follow {color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;font-style:italic;line-height:1em;margin-bottom:0.3em; text-align:right; margin-top:0; padding:0;}

#posbox1 {
float:left;
width:125px; 
height:50px; 
margin:0 0 5px 5px;
padding:0;
border:0;
}

#posbox1 p.follow {color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;font-style:italic;line-height:1em;margin-bottom:0.3em; text-align:right; margin-top:0; padding:0;}


a.twt {
float:right;
background-image:url('twitter-icon.gif'); 
display:block; 
width:43px; 
height:43px;
margin-left:5px;
border:0; 
text-decoration:none;
vertical-align:middle;
}
a.twt:hover {
background-position: 0 -43; 
text-decoration:none; 
border:0;
}
.twt span {display:none;}

#socmed {
float:right;
width:90px;
height:44px;
margin:5px;
padding:0;
border:0;
}

#fb {
float:left;
width:44px;
height:44px;
border:0;
margin:0;
padding:0;
}

#twt {
float:right;
width:44px;
height:44px;
border:0;
margin:0;
padding:0;
}

/*-------END SOCIAL MEDIA------------*/


#shop {float: right; width: 200px; height:200px; margin:0; padding: 10px 10px 10px 30px; /*background-color:#898989;*/}
#shop p.desc {clear:both; text-align:right; color:#763558; font-family: Arial, Helvetica, sans-serif; font-size:1em;}
#shop img.display {float:right}
h4.item {color:#763558; margin:0; padding:0;}
p.auth {color:#000000; font-style:italic; margin:0; padding:0;}


#map_canvas {
float: right;
width: 400px;
height: 400px;
border: 0; 
margin: 10px;
}



/*--------BEGIN TIMELINE DIVS-------------------------------- */
#time {
background-color:#fff7db;
padding-left: 2em;
padding-right: 2em;
padding-top: 2.5em;
overflow:auto;
padding-bottom:125px;
}

#time a {color: #763558; text-decoration: underline;}
#time a:hover {color: #00563e; text-decoration: underline; font-weight: bold;}
#time a:visited {color:#000000; text-decoration: underline;}

.hall_left {
float: left; 
width: 290px; 
margin: 10px; 
background-color: #ffffff; 
border: 1px solid #000000; 
padding: 5px; 
font-style: normal; font-size: 0.8em; font-family: sans-serif; 
text-align: center;
} 
.hall_right {
float: right; 
width: 290px; 
margin: 10px; 
background-color: #ffffff; 
border: 1px solid #000000;  
padding: 5px; 
font-style: normal; font-size: 0.8em; font-family: sans-serif; 
text-align: center;
} 
.hall_bdwy {
float: right; 
width: 240px; 
margin: 10px; 
background-color: #ffffff; 
border: 1px solid #000000;  
padding: 5px; 
font-style: normal; font-size: 0.8em; font-family: sans-serif; 
text-align: center;
} 
div.hall_left img {
border: 1px solid #000000; 
width: 288px; 
vertical-align: middle; 
margin-bottom: 3px; 
}
div.hall_right img {
border: 1px solid #000000; 
width: 288px; 
vertical-align: middle; 
margin-bottom: 3px; 
}
div.hall_bdwy img {
border: 1px solid #000000; 
width: 238px; 
vertical-align: middle; 
margin-bottom: 3px; 
}
div.hall_left p {
margin: 0; 
padding: 0;  
}
div.hall_right p {
margin: 0; 
padding: 0; 
}
div.hall_bdwy p {
margin: 0; 
padding: 0; 
}


/*---------END TIMELINE DIVS---------------------------------------*/



/*--------------BEGIN LINK LIST DIVS-------------------------------*/
#links {
padding-left: 2em;
padding-right: 2em;
padding-top: 2.5em;
display:block; 
background-color:#fff7db;
overflow:auto;
padding-bottom:125px;
}
#links p {
line-height:1.15em; font-size:1em; padding-bottom: 0.5em; font-style: italic; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif; font-weight:bold;
}
#links p.p1{
line-height:1.2em; font-size:1em; padding-bottom: 0.5em; font-style: normal; font-family: Palatino, 'Palatino Linotype', 'Times New Roman', serif;
}
#links ul
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: auto;
}
#links li {
font-size: 1em;
}
#links li a {
color: #763558;
text-decoration: none;
}
#links li a:hover, ul.navlist li.active a:hover {
color: #00563e; font-weight: bold;
}


/*-----------------END LINK LIST DIVS--------------------------------*/

/* SOCIAL MEDIA */

div#scmd {
text-align:center;

}


.socialmedia-buttons {
	margin-top: 5px;
}

.smw_left {
	text-align: left;
}

.smw_center {
	text-align: center;
}

.smw_right {
	text-align: right;
}

li.Social_Widget a {
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
}
	
.socialmedia-buttons img {
	border: 0;
	border: 0 !important;
	margin-right: 10px !important;
	display: inline;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease;
}

.socialmedia-buttons a {
	background: none !important;
}

.socialmedia-buttons a:hover {
	text-decoration: none;
	border: 0;
}
.socialmedia-buttons img.fade:hover {
	opacity: 1 !important;
	-moz-opacity: 1 !important;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease;
}

.socialmedia-buttons img.scale:hover {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-zoom: 1.2;
	transition: all 0.2s ease;
}
	
.socialmedia-buttons img.bounce:hover {
	transform: translate(0px, -2px);
	-moz-transform: translate(0px, -2px);
	-webkit-transform: translate(0px, -2px);
	-webkit-transition: -webkit-transform 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease;
}

.socialmedia-buttons img.combo:hover {
	transform: translate(0px, -4px);
	-moz-transform: scale(1.1) translate(0px, -4px);
	-webkit-transform: scale(1.1) translate(0px, -4px);
	-ms-zoom: 1.1;
	opacity: 1 !important;
	-moz-opacity: 1 !important;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease;
}