/* reset defaults */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea { margin: 0; padding: 0; }
html, body { height: 100%; margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* base */
body { font-family: Helvetica, Arial, sans-serif; background: #5e645e url('http://mercerislandschoolsfoundation.com/assets/site-images/bg-body.jpg') no-repeat top center; }
h1 { font-weight: bold; color: #3c423c; }
h2 { font-weight: bold; font-size: 28px; margin-bottom: 15px; color: #3c423c; }
h3 { font-weight: bold; margin-bottom: 15px; }
h4 { font-weight: bold; margin-bottom: 5px; }
em { font-style: italic; }
strong { font-weight: bold; }
.clear { clear: both; }
hr { border: none; height: 1px; clear: both; color: #ccc; background: #ccc; overflow: hidden; display: block; margin: 20px 0 20px 0; }

/* layout */
div#header {
	display: block;
	height: 60px;
	padding: 15px;
	clear: both;
	background: transparent;
	overflow: hidden;
}

div#header h1 a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	background: transparent url('http://mercerislandschoolsfoundation.com/assets/site-images/logo-misf.png') no-repeat 0 0;
	width: 500px;
	height: 0;
	padding-top: 69px;
}

div#wrapper {
	display: block;
	overflow: hidden;
}

div#ds-left {
	position: absolute;
	right: -15px;
	background: transparent url('http://mercerislandschoolsfoundation.com/assets/site-images/bg-right.png') no-repeat 0 0;
	display: block;
	width: 15px;
	min-height: 100%;
	overflow: visible;
}

div#ds-right {
	position: absolute;
	left: -15px;
	background: transparent url('http://mercerislandschoolsfoundation.com/assets/site-images/bg-left.png') no-repeat 0 0;
	display: block;
	width: 15px;
	height: 100%;
	overflow: visible;
}

div#container {
	background: transparent;
	width: 900px;
	margin: 0 auto;
	position: relative;
}

div#container div#inner-wrapper {
	background: #edeae5 url('http://mercerislandschoolsfoundation.com/assets/site-images/bg-container.png') repeat-y top left;
	overflow: hidden;
}

div#container div#inner-wrapper-plain {
	background: #edeae5;
	overflow: hidden;
}

div#container div#left {
	background: #d7cfcc;
	display: block;
	float: left;
	width: 190px;
	overflow: hidden;
}

div#container div#right {
	background: #edeae5;
	display: block;
	float: left;
	width: 650px;
	overflow: hidden;
	padding: 30px 30px 30px 30px;
	min-height: 400px;
}


div#footer {
	display: block;
	clear: both;
	overflow: hidden;
	color: #3c423c;
	background: #5e645e url('http://mercerislandschoolsfoundation.com/assets/site-images/bg-footer.png') no-repeat top center;
	font-size: 11px;
	text-align: center;
	padding: 10px 0 0 0;
	z-index: 999;
	width: 100%;
	height: 100px;
	position: absolute; /* important for IE7 */
}

div#footer a {
	color: #999;
	border-bottom: 1px dotted #999;
	text-decoration: none;
}

div.two-column {
	display: block;
	clear: both;
}

div.two-column div.column-one {
	display: block;
	float: left;
	width: 310px;
	padding: 0 15px 0 0;
}

div.two-column div.column-one div.content,
div.two-column div.column-two div.content {
	padding-right: 15px;
}

div.two-column div.column-two {
	display: block;
	float: left;
	width: 310px;
	padding: 0;
}

div.three-column {
	display: block;
	clear: both;
	width: 650px;
}

div.three-column div.column-one {
	display: block;
	float: left;
	width: 205px;
	margin: 0 17px 0 0;
	overflow: visible;
}

div.three-column div.column-two {
	display: block;
	float: left;
	width: 205px;
	margin: 0 17px 0 0;
	overflow: visible;
}

div.three-column div.column-three {
	display: block;
	float: left;
	width: 205px;
	margin: 0;
	overflow: visible;
}


/* nav */
ul#nav {
	margin-top: 10px;
}

ul#nav li {
	display: block;
	font-size: 12px;
	clear: both;
	padding: 2px 0 2px 0;
}

ul#nav li a {
	display: block;
	padding: 2px 0 2px 15px;
	color: #477D9E;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #eee 0 1px;
}

ul#nav li.selected a {
	background: #b8b3b1;
	color: #fff;
	text-shadow: #888 0 1px;
}

ul#nav li.selected ul li a {
	color: #477D9E;
}

ul#nav li.selected ul li a {
	background: transparent;
	text-shadow: #eee 0 1px;
}

ul#nav li ul {
	display: none;
	margin-left: 15px;
}

ul#nav li ul li {
}

ul#nav li.selected ul, ul#nav li.open ul {
	display: block;
}

div#container div#left div#donate-now {
	display: block;
}

div#container div#left div#donate-now a {
	display: block;
	background: #477d9e url('http://mercerislandschoolsfoundation.com/assets/site-images/btn-donate-combined.png') no-repeat 0 0;
	height: 0;
	padding-top: 75px;
	width: 190px;
	overflow: hidden;
	border-top: 1px solid #355c74;
	border-bottom: 1px solid #355c74;
}

div#container div#left div#donate-now a:hover {
	display: block;
	background: #477d9e url('http://mercerislandschoolsfoundation.com/assets/site-images/btn-donate-combined.png') no-repeat 0 -75px;
	height: 0;
	padding-top: 75px;
	width: 190px;
	overflow: hidden;
	border-top: 1px solid #355c74;
	border-bottom: 1px solid #355c74;
}

div#container div#left div#stay-informed {
	display: block;
	overflow: hidden;
	padding: 40px 15px 0 15px;
	background: #477d9e url('http://mercerislandschoolsfoundation.com/assets/site-images/bg-email.png') no-repeat 0 0;
	width: 190px;
	height: 36px;
}

div#container div#left div#stay-informed #email-subscribe,
div#container div#left div#stay-informed #email-subscribe-active {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 11px;
	float: left;
	border: 1px solid #477d9e;
	height: 14px;
	width: 110px;
	padding: 4px 0 0 2px;
	margin: 0;
	overflow: hidden;
}

div#container div#left div#stay-informed #email-submit {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 11px;
	display: block;
	float: left;
	color: #fff;
	background: #5d9fc7;
	border: 1px solid #477d9e;
	position: relative;
	left: -1px;
	height: 20px;
	padding: 0 2px 0 2px;
	width: 50px;
	cursor: pointer;
}

div#container div#left div#stay-informed label {
	display: none;
}

/* special */
div#top-decoration, div#bottom-decoration {
	background: #477D9E;
	overflow: hidden;
	display: block;
	height: 10px;
	margin: 0;
	padding: 0;
	clear: both;
}

input#email-subscribe {
	width: 115px;
	color: #999;
}

input#email-subscribe-active {
	width: 115px;
	color: #000;
}

/* content */

div.content a {
	color: #477D9E;
	border-bottom: 1px dotted #477D9E;
	text-decoration: none;
}

div.content {
	font-family: Georgia, Times, serif;
	color: #2b2b28;
	padding: 0;
	font-size: 14px;
}

div.content p {
	padding-right: 50px;
	margin-bottom: 15px;
	line-height: 22px;
}

div.content p.small {
	font-size: 11px;
	padding-right: 50px;
	margin-bottom: 15px;
	line-height: 22px;
}


div.two-column div.content p,
div.three-column div.content p {
	padding-right: 0px;
}

div.content p.intro {
	color: #60605a;
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 28px;
	padding-right: 25px;
}

div.content ul {
	margin-bottom: 15px;
}

div.content ul li {
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 5px;
}

div.content .alt {
	font-family: Helvetica, Arial, sans-serif;
	color: #60605a;
	font-size: 11px;
	text-transform: uppercase;
}

div.content img.image-right {
	float: right;
	border: 10px solid #deddda;
	margin: 0 0 0 15px;
}


/* video player */
div#video {
	clear: both;
	margin: 0;
	padding: 0;
	height: 345px;
}

div#video div#video-player-container {
	display: block;
	width: 420px;
	height: 345px;
	margin: 0;
	padding: 0;
	float: left;
}

div#video div#video-player-container #video-player {
	display: block;
	overflow: hidden;
	width: 420px;
	height: 345px;
}

div#video div#video-menu { 
	width: 230px;
	float: left;
	background: #deddda;
	height: 316px;
	overflow-y: scroll;
}
div#video div#video-menu ul { 
	list-style-type: none; 
}
div#video div#video-menu ul li { 
	display: block;
	list-style-type: none; 
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: #000;
}
div#video div#video-menu ul li a { 
	display: block;
	background: #deddda;
	border-bottom: 1px solid #aaa;
	margin: 0;
	padding: 5px;
	overflow: hidden;
}
div#video div#video-menu ul li a:hover {
	display: block;
	background: #ccc;
	margin: 0;
	padding: 5px;
} 
div#video div#video-menu ul li.selected a { 
	display: block;
	background: #aaa;
	color: #fff;
	margin: 0;
	padding: 5px;
}

/* breadcrumb */
div#breadcrumb {
	display: block;
	overflow: hidden;
	clear: both;
	background: #deddda;
	padding: 5px;
	margin: 0 0 30px 0;
	height: 15px;
	font-family: Helvetica, Arial, sans-serif;
}

div#breadcrumb ul {
	list-style-type: none;
}

div#breadcrumb ul li {
	list-style-type: none;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	margin: 0 5px 0 0;
	padding: 0;
}

div#breadcrumb ul li.separator {
	font-weight: normal;
	color: #aaa;
}

div#breadcrumb ul li a {
	font-size: 11px;
	font-weight: normal;
	color: #477D9E;
	border-bottom: 1px dotted #477D9E;
	text-decoration: none;
}

div.callout {
	border: 1px solid #b5bcbf;
	background: #d0d9de;
	padding: 15px;
	margin: 0 0 15px 0;
}

div#slideshow {
	display: block;
	width: 650px;
	height: 200px;
	overflow: hidden;
}

div#slideshow ul li {
	display: block;
	width: 650px;
	height: 200px;
	background: #deddda;
	overflow: hidden;
	position: relative;
}

div#slideshow ul li div.banner-image {
	display: block;
	width: 650px;
	height: 200px;
	overflow: hidden;
}

div#slideshow ul li div.banner-text {
	position: absolute;
	font-family: Georgia, Times, serif;
	font-style: italic;
	color: #fff;
	top: 170px;
	left: 15px;
}

#donate-input-text {
	float: left;
	font-size: 22px;
	padding: 3px;
	width: 130px;
	background: #fff;
	border: 1px solid #b5bcbf;
	margin-right: 10px;
	font-family: Helvetica, Arial, sans-serif;
}

div#donate-callout {
	padding-bottom: 0;
	color: #444;
}

div#donate-callout label {
	padding: 0 0 5px 0;
	display: block;
	overflow: hidden;
}

div#donate-callout h3 {
	margin: 0 0 5px 0;
}

#donate-callout p.intro {
	color: #999;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
}

#donate-callout ul li {
	list-style-type: none;
	display: block;
	margin: 0 0 5px 0;
	padding: 10px;
	background: #eaebeb;
	border: 1px solid #b5bcbf;
}

.input-text { 
	border: 1px solid #b5bcbf;
	background: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #2b2b28;
	padding: 4px;
}

table th {
	text-align: left;
}

div#annual-report {
	display: block;
	height: 240px;
	width: 618px;
	padding: 15px 15px 10px 15px;
	background: #8e928c url('http://mercerislandschoolsfoundation.com/assets/site-images/bg-annual-report.jpg') no-repeat 0 0;
	border: 1px solid #aaa;
}

div#annual-report h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	margin-bottom: 5px;
}

div#annual-report p {
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
}


/* replacements */
a#button-donate-now {
	display: block;
	background: transparent url('http://mercerislandschoolsfoundation.com/assets/site-images/btn-donate-now.png') no-repeat 0 0;
	width: 135px;
	height: 0;
	padding-top: 33px;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	clear: none;
}

a#how-we-help {
	display: block;
	background: transparent url('http://mercerislandschoolsfoundation.com/assets/site-images/btn-how-we-help.png') no-repeat 0 0;
	width: 205px;
	height: 0;
	padding-top: 95px;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
}

a#learn-more {
	display: block;
	background: transparent url('http://mercerislandschoolsfoundation.com/assets/site-images/btn-learn-more.png') no-repeat 0 0;
	width: 205px;
	height: 0;
	padding-top: 95px;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
}

a#volunteer {
	display: block;
	background: transparent url('http://mercerislandschoolsfoundation.com/assets/site-images/btn-volunteer.png') no-repeat 0 0;
	width: 205px;
	height: 0;
	padding-top: 95px;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
}

#button-continue-donation {
	width: 215px; 
	height: 33px; 
	background: transparent url('http://mercerislandschoolsfoundation.com//assets/site-images/btn-continue-donate.png') no-repeat top; 
	border: 0;
	margin: 0;
	padding: 0;
	position: relative; 
	left: -2px;
	text-indent: -9999px;
	cursor: pointer;
}

#button-submit {
	width: 90px; 
	height: 33px; 
	background: transparent url('http://mercerislandschoolsfoundation.com//assets/site-images/btn-submit.png') no-repeat top; 
	border: 0;
	margin: 0;
	padding: 0;
	position: relative; 
	left: -2px;
	text-indent: -9999px;
	cursor: pointer;
}

#button-reset {
	width: 114px; 
	height: 33px; 
	background: transparent url('http://mercerislandschoolsfoundation.com//assets/site-images/btn-clear-form.png') no-repeat top; 
	border: 0;
	margin: 0;
	padding: 0;
	position: relative; 
	left: -2px;
	text-indent: -9999px;
	cursor: pointer;
}