body {
	margin: 0; padding: 0;
	background: #fff url(/images/tangradient.jpg) repeat-x;
	color: #421711;
	min-width: 730px;
	}

h3 {
	margin: 0; padding: 0; /*border: 1px solid pink;*/
}

h5 {
	margin: 0; padding: 0; width: 100px; 
}

div.nav {
	background: #3F5364 url("../images/bluegradient.png") top left repeat;
	height: 41px;
	margin-top: 2px;
 }
#top img, img.nb {
	border: none;
}

.nav ul{
	margin: 0; padding: 0em 3em;
	color: #FFF;
	margin: 0;
	display: block;
}

.nav li {
	display: inline;
	margin-right: 0.25em; padding-right: 0.65em;
	border-right: 2px solid #92766D;
	font-weight: bold;
}

.nav li.last {
	border-right: 0;
}

.nav a {
	color:#FBCB80;
}

.nav a:hover {
	color:#FBCB80;
}
div#top {
	margin: 0; padding: 0;
	background: purple url(../images/fade.png)  100% 50% no-repeat;
	height: 104px;
}

div#top img#logo {
	margin: 1em 3em;
}

div#top img.flower {
	position: absolute;
	top: 6px;
	right: 0;
	
}
div#top img#icons { /* Not Used Currently */
	border: none;
	position: absolute;
	width: 135px;
	height: 40px;
	top: 85px;
	left: 585px;
}
div#date {
	text-align: right;
	font: 1em Arial,helvetica,Sans-serif;
	position: relative;
	top: -16px;
	color: white;
	float: right;
	background: url("../images/date.png");
	height: 19px;
	padding-left: 35px;
	padding-right: 5px;
	overflow: hidden;
}



/* ------------- "generic" styles */

body {
	margin: 0; padding: 0;
	font: small "Lucida Grande", Arial, sans-serif;
}

a {
	text-decoration: none;
	font-weight: 900;
	color: rgb(0,15,71);
}

a:hover {
	text-decoration: underline;
	color: rgb(79,88,155);
}

a img {
	padding-top: 0px;
}

p {
	margin: 0 0 1em 0;
 /*border: 1px solid orange;*/
}

/* ------------- masthead styles */

#masthead {
	background: purple;
	width: 100%;
	height: 118px !important;
	height: 100px;
	position: relative;
}

#mastheadL {
	float: left;
	margin: .5em 3em !important;
	margin: .5em 1.5em;
}

#mastheadphoto {
	display: block;
	position: absolute;
	top: 0px;
	right: 1em;
	width: 18em;
	margin-left: -20em;
}	


#breadcrumbs {
	margin: 0; padding: 0;
	color: #FFF;
}

#breadcrumbs ul, #breadcrumbs ul li {
	display: inline;
}

#breadcrumbs a {
	border: 0;
}
/* ------------- navlinks */

div#navlinks {
	background: #607792;
	width: 100%;
	height: 2.2em;
	float: left;
	margin-bottom: 2em;
	border-top: 2px solid #FBCB80;
}
ul#navlinks {
	margin: 0; padding: 0.5em 3em;
	background: #607792; color: #FFF;
	margin: 0;
	display: block;
}

#navlinks li {
	display: inline;
	margin-right: 0.25em; padding-right: 0.65em;
	border-right: 2px solid #99C;
	font-weight: bold;
}

#navlinks li.last {
	border-right: 0;
}

#navlinks a {
	color:#FBCB80;
}


/* ------------- main column styles */
#content {
	float: left;
	padding: 0 0em 4em 3em;
	margin-right: 20em;
	display: block;
	position: relative;
}

#content h1 {
	margin: 1.25em 0 0 -2em; padding: 0.25em 2em;
	color: rgb(71,71,66);
	font-size: 1.5em;
}

#content h1 b {
	color:purple;
}

#content h2 {
	margin: 0.5em 0; padding-bottom: 0.25em;
	border-bottom: 1px solid #fc6;
	font-size: 1.25em;
}
#content h4 {
	margin-bottom: 0;
	font-weight: 900;
}
#content img.illus, img.eventimg {
	float: left;
	margin: 1em 1em 1em 0;
	border: 4px solid #607791;
	width: 150px;
}

#content img.illus-right, img.eventimg-right {
	float: right;
	margin: 1em 0 1em 1em;
	border: 4px solid #607791;
	clear: none;
	margin-left:-173px;}

img.icon {
	width: 75px
}
#content img.eventimg {
	margin-top: 0;
}
#content #eventinfobox {
	float: left;
	margin-left: 165px;	}
td.label {
	text-align: right;
	width: 170px;
}



/* ------------- sidebar styles */
div b.roundtop {
	display: block;
	background: transparent;	
	margin: 0 -0.9em; padding: 0em 0.9em;
	height: 12px;
	position: relative;
	top: -12px;
}
div b.roundtop b.tl {
	float: left;
	background: url(/images/roundtopleft.png);
	height: 12px; width: 13px;
	margin-left: -13px;
}

div b.roundtop b.tr {
	float: right;
	background: url(/images/roundtopright.png);
	height: 12px; width: 13px;
	margin-right: -13px;
}

div b.roundtop b.mid {
	float: left;
	background: url(/images/roundtopmiddle.png);
	width: 100%;
	height: 12px;
}

/* --------------- End Roundtop stuff */
#sidebar {
	float: right;
	width: 17em;
	margin: -6px 5px 4em -18em;
	clear: right;
}

#sidebar div {
	background: #5b6b87;
	color: #FFF;
	padding: 0 1em 1em;
	margin-top: 1.75em;
}

#sidebar div img {
//	border: 1px solid white;
}
#sidebar div h3, h3.roundtop {
	color: #FFCF9A;
	font-size: 1.15em;
	font-weight: 900;
	margin: -12px -0.9em 0 -0.9em;
	padding: 0.4em 0.9em;
		background: #000 url(/images/roundbottom.png) top repeat-x;
}

div#coming-to-the-dogwood h4, div#sidebar h4 {
	margin: 0 0 0.5em; padding: 0.5em 0;
	border-bottom: 1px solid #FFF;
	font-weight: normal;
}

#coming-to-the-dogwood p:first-line {
	font-style: italic;
}

#coming-to-the-dogwood img {
	display: block;
	margin: 2em auto 0;
	width: 178px;
	/*height: 157px;*/
}

#post-archive table {
	margin: 0 auto;
	font-size: smaller;
	width: 100%;
}

#post-archive caption {
	text-align: left;
	margin: 1em auto 0;
	font-size: larger;
	font-weight: bold;
}

#post-archive td {
	padding: 0;
	border: 1px solid #232D38;
	background: #415369; color: #FFCF9A;
	text-align: center;
}

#post-archive table a {
	display: block;
	font-weight: bold;
	color: #FFF;
}

#post-archive table a:hover {
	color: #772777;
	background: #FBCB80;
}

#post-archive a {
	color: #BB9B88;
}

#post-archive td.now {
	color: #000;
	background-color: rgb(119,134,149);
}

#post-archive td.event {
	color: #fff;
	background-color: rgb(115,72,71);
}
/* ------------- footer styles */

#footer {
	position: relative;
	font-size: 10px;

	margin: 0 auto 0 3em;
	clear: both;
	}
	
.icon {
	border: none;
}
div#dialog, div.dialog {
	background: rgb(228,215,208);
		color: rgb(70,70,65);
	position: fixed;	top: 40%;
	left: 35%;
	width: 25em;
	height: 12em;
	padding: 0 1em 2em;
	border: 3px solid;
	border-top: 1em solid;
	margin: 0 auto;
	z-index: 100;
	display: none;
}
.dialog img,#dialog img {
	float: left;
}
div.cover {
	background: rgb(38,187,255);
		position: fixed;	width: 100%;
	height: 100%;
	border: none;
	top: 0;
	left: 0;
	margin: 0; padding: 0;
	display: none;
}

div.contactrow 	{
	float:left;
	clear: left;
	margin-right: 165px;	}

/*Discussion box */
img#specimg {margin-right: -165px;}div#discuss {
	margin-top: 3em;
	margin-left:165px;
	border: 1px solid;
	position: relative;
	padding: 0 12px;	background: #fff;
	color: #5b6b87;
	}
div.comment {
	margin-top: 1em;
	margin-left:165px;
	border: 1px solid black;
	position: relative;
	padding: 0 12px;	color: #421711;
	background: #fff;
	}
span.label {
	display: block;
	width: 6em;
	font-weight: bolder;
	margin-top: .5em;
	}
div.comment .commentbar {
	padding: 0 12px;	margin: 0 -12px;	display:block;
	background: #5b6b87;
	color: #fff;
	position: relative;
	height: 20px;
	}
div.comment .commentbar .icons {
	float: right;
	}

div.comment .commentbar .icons a {
	float: left;
}
a#plus {
	display: block;
	color: #fff;
	text-decoration: none;
	background: url(/images/plus.png);
	width: 20px;
	height: 20px;
}
a#minus {
	display: block;
	color: #fff;
	text-decoration: none;
	background: url(/images/minus.png);
	width: 20px;
	height: 20px;
}
a#plus:hover {
	color:#0F0;
	background: url(/images/plusover.png);
}
a#minus:hover {
	color:#F00;
	background: url(/images/minusover.png);
}

img#roller {
	margin: auto;
}