/* --------------------------------------------------------------------------------
Theme Name: NHMF Summer Theme
Author: Diane Clayton for Steinhardt Design
-------------------------------------------------------------------------------- */




/* Initialize
-------------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	border: 0;
	}
body, html {
	height: 100%;
	}



/* Layout
-------------------------------------------------------------------------------- */

body {
	background: #eef0e3; 									/* palest */
	text-align: center;
	}
div#backgroundstripe {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 180px;
	top: 100px;
	left: 0;
	background: #dadec1;  									/* medium */
	}

div#contentwrap {
	position: relative;
	margin: 0 auto;
	width: 750px;
	min-height: 100%;
	background: #fff;
	}

div#header {
	position: relative;
	height: 100px;
	width: 750px;
	}
div#logo {
	float: left;
	width: 165px;
	height: 100px;
	}
div#logo h1 {
	height: 100px;
	background: url("http://www.nhmf.org/wordpress/wp-content/themes/summer/images/NHMFLogo.gif") no-repeat top left;
	}
div#logo h1 span {
	display: none;
	}

div#menu {
	float: right;
	margin-top: 70px;
	height: 30px;
	text-align: right;
	}
div#menu li {
	list-style-type: none;
	display: inline;
	padding-right: 15px;
	letter-spacing: -1px;
	font: 16px/20px Arial, Sans-Serif;
	}
div#menu li a:link, div#menu li a:visited {
	display: inline;
	vertical-align: top;
	color: #586463; 										/* dark */
	text-decoration: none;
	}
div#menu li a:hover, div#menu li a:active {
	color: #c8a033;											/* yellow */
	}

div#photograph {
	width: 750px;
	height: 180px;
	}
div#content {
	position: relative;
	width: 710px;
	margin: 40px 20px 0 20px;
	text-align: left;
	}
div#footer {
	width: 710px;
	margin: 50px 20px 0 20px;
	padding-bottom: 30px;
	border-top: 1px solid #eef0e3;
	}
div#footer p {
	font: 11px/16px Arial, Sans-Serif;
	color: #586463;											
	margin: 10px 0;
	}
div#footer a:link, div#footer a:visited {
	color: #c8a033;
	}
div#footer a:hover, div#footer a:active {
	text-decoration: none;
	background-color: #fcf2d5;
	}




/* Content
-------------------------------------------------------------------------------- */

#content h1 {
	font: 26px/28px Arial, Sans-Serif;
	color: #d67f38;
	margin-bottom: 20px;
	}

#content h5 {
	font: 21px/27px Arial, Sans-Serif;
	color: #8e4017;
	margin: 50px 0 25px 0;
	}

#content h2 {
	font: 19px/23px Arial, Sans-serif;
	color: #586463;
	margin: 25px 0 15px 0;
	letter-spacing: -1px;
	}
#content h2 a:link, #content h2 a:visited {
	color: #c8a033;
	text-decoration: none;
	}
#content h2 a:hover, #content h2 a:active {
	color: #c8a033;
	background-color: #fcf2d5;
	}
#content h3 {
	font: bold 16px/20px Arial, Sans-serif;
	margin: 25px 0 10px 0;
	color: #101311;
	}
#content h4 {
	font: 13px/18px Arial, Sans-serif;
	margin-top: -11px 0 10px 0;
	color: #8e4017;
	}



#content p {
	font: 12px/18px Arial, Sans-serif;
	color: #101311;
	margin: 10px 0;
	}
#content p.caption {
	font: 11px/16px Arial, Sans-serif;
	margin: -10px 0 20px 0;
	color: #586463;
	}
#content p.smalltext {
	font: 11px/14px Arial, Sans-serif;
	}
div#bylaws p {
	text-indent: 30px;
	}
#content p.doubleindent {
	text-indent: 60px;
	}

#content a:link, #content a:visited {
	color: #c8a033; 
	}
#content a:hover, #content a:active {
	text-decoration: none;
	background-color: #fcf2d5;
	}
	
#content ul, ol {
	margin: 10px 0 10px 20px;
	}
#content ol ol {
	margin: 0 0 0 40px;
	list-style-type: lower-alpha;
	}	

#content li {
	font: 12px/18px Arial, Sans-serif;
	color: #101311;
	margin: 5px 0;
	}
#content ul.checklist {
	list-style-type: circle;
	}
	
#content ol ol li {
	margin: 5px 0;
	}

#content ul.nobullets {
	list-style-type: none;
	margin-left: 0;
	}


#content td {
	font: 13px/19px Arial, Sans-serif;
	overflow: hidden;
	vertical-align: top;
	color: #101311;
	padding-right: 25px;
	}

#content table#directors {
	margin: -10px 0 20px 0;
	}
#content table#directors td {
	color: #586463;
	}

#content table.column3, #content table.column2, #content table.column2goldenratio {
	width: 710px;
	}
#content table.column3 td.left3, #content table.column3 td.right3, #content table.column2goldenratio td.left2goldenratio {
	width: 220px;
	padding-right: 0;
	}
#content table.column3 td.mid3 {
	padding: 0 25px;
	}

#content table.column2 td.left2 {
	width: 345px;
	padding-right: 20px;
	}
#content table.column2 td.right2 {
	padding: 0;
	}
#content table.column2goldenratio td.left2goldenratio {
	padding-right: 25px;
	}
#content table.column2goldenratio td.right2goldenratio {
	padding-right: 0;
	}
#content table.column2goldenratio h1 {
	margin-top: 30px;
	}

#content div.leftfloat {
	float: left;
	padding: 0 30px 10px 0;
	}
	
#content .notopmargin {
	margin-top: 0;
	}
#content .topmargin5 {
	margin-top: 7px;
	}
#content .topmargin10 {
	margin-top: 10px;
	}
#content .topmargin30 {
	margin-top: 30px;
	}
#content .bottommargin30 {
	margin-bottom: 30px;
	}
#content .topmargin50 {
	margin-top: 50px;
	}
#content .nobottommargin {
	margin-bottom: 0;
	}
#content .centered {
	text-align: center;
	}
#content #bylaws .centered {
	text-align: center;
	text-indent: 0;
	}
#content .underlined {
	text-decoration: underline;
	}

#content .rightalign {
	text-align: right;
	}

#content .bottomborder {
	border-bottom: 1px solid #000;
	}
	
#content a.imagelink:hover, #content a.imagelink:active {
	background-color: transparent;
	}
#content .withborder {
	border: 1px solid #dadec1;
	}