* {font:1em "trebuchet ms", sans-serif;color:#333;margin:0;padding:0;list-style:none}
body {font-size:80%;background:#e3f0ff url(../img/curve.gif) no-repeat 0 0;min-width:780px}

/* palette 
blue: #5191cd  dark blue: #1f5b94  light blue: #deecfc  med blue: #c0dbff  link blue: #2d6fad
orange: #e78a31  dark orange: #b25605  light orange: #fad898
green: #b2bc15  dark green: #8aa106  light green: #edf5b5
*/

a, a strong {color:#2d6fad;} #content a:hover {text-decoration:underline}
img, a img {border:none}
fieldset div {margin:1em}
strong {font-weight:bold} 
.nobr, .ph {white-space:nowrap}
table {border-collapse:collapse;width:100%}
th, td {vertical-align:top;padding:4px 6px} td.date {white-space:nowrap}

#content p, #content li {line-height:1.6em}
#content p, #content ul, #content ol, #content table {margin-bottom:1.4em}
#content1 ul, #content1 ul li {list-style: outside disc none}
#content1 ul ul, #content1 ul ul li {list-style: outside circle none}
#content1 ol {margin-left:2em} #content1 ol li {list-style: outside decimal none}
#content1 ul {margin-left:2.4em}
#content1 table li, #content1 table ul {list-style:none;margin-left:0;padding-left:0}

#content1 ul.col2, #content1 ul.col3 {width:99.9%}
#content1 ul.col2, #content1 ul.col3,#content1 ul.col2 li, #content1 ul.col3 li {list-style:none;margin-left:0;padding-left:0}
#content1 ul.col2 li, #content1 ul.col3 li {white-space:nowrap}
#content1 ul.col2:after, #content1 ul.col3:after {content:".";display:block;height:0;clear:both;visibility:hidden}
#content1 ul.col2 li {float:left;width:15em}
#content1 ul.col3 li {float:left;width:10em;padding-right:1em}

#content ol.outline, #content ol.outline li {list-style-type:upper-roman}
#content ol ol, #content ol ul {margin-top:1em}
#content ol.outline ol, #content ol.outline ol li {list-style-type:upper-alpha}
#content ol.outline ol ol, #content ol.outline ol ol li {list-style-type:decimal}
#content ol ul, #content ol ul li {list-style-type:disc}
#content form {margin-bottom:1.4em}

h1, h2, h3 {clear:left} 
h1 {font-size:1.5em;margin-bottom:.7em}
h2 {font-size:1.2em;font-weight:bold;padding-top:.4em;margin-bottom:.4em} h2 a {font-weight:bold}
li h2 {margin-bottom:0}
h3 {font-size:.9em;font-weight:bold;color:#5191cd} 
h3 a, h3 span {font-weight:bold} 

div.speaker {clear:right;border-bottom:solid 1px #5191cd;padding-bottom:1em;margin-bottom:1.5em;zoom:1}
div.speaker:after {content:".";display:block;height:0;clear:both;visibility:hidden}
div.speaker h3 span {font-size:1.2em;color:#5191cd;display:block} 
div.keynote h3 span {font-size:1.6em; font-weight:normal}
div.speaker em {font-style:oblique;display:block;}
div.bio {padding: .5em 0}

.sect1 h1, .sect1 h2, .sect1 h2 a.nolink {color:#2468a8}
.sect2 h1, .sect2 h2, .sect2 h2 a.nolink, .sect5 h1, .sect5 h2, .sect5 h2 a.nolink  {color:#e78a31}
.sect3 h1, .sect3 h2, .sect3 h2 a.nolink  {color:#99a206}
.sect4 h1, .sect4 h2, .sect4 h2 a.nolink  {color:#8aa106}

.sect1 th {background-color: #dde6ef}
.sect1 table, .sect1 th, .sect1 td {border:solid 1px #2468a8}

.sect2 th {background-color: #e5f0d5}
.sect2 table, .sect2 th, .sect2 td {border:solid 1px #99a206}

.sect3 th {background-color: #fec792}
.sect3 table, .sect3 th, .sect3 td {border:solid 1px #e78a31}

.sect4 th {background-color: #fec792}
.sect4 table, .sect4 th, .sect4 td {border:solid 1px #e78a31}

table caption {font-weight:bold;font-size:1.2em;padding:.6em 0 .4em}
th, td, caption {text-align:left}
.location th {width:25%} th.location {width:50%;vertical-align:top;padding:4px 6px}
.day {width: 10em} .time {width: 6em}
.img {padding-bottom:12px}
.right {float:right;margin-left:12px} .left {float:left;margin-right:12px}
#content1 p.caption {font: .7em verdana; color:#666;margin: 1em 0}
.imgSet div {width:30%;float:left;margin:8px 8px 15px 0}
.imgSet {zoom:100%;margin-bottom:15px}

address {display:block;margin-bottom:1.4em}
address span {display:block}
address.mail {margin: -1em 2em 1.4em}

.more {font-size:.9em;text-decoration:none;font-weight:bold;white-space:nowrap}

optgroup {font-weight:bold;font-style:normal}
option.label {padding-left:0}

/* layout */
@media screen {
	#wrapper {height:100%;min-height:100%;margin-left:14em}
	#head {width:100%;background:#fff url(../img/curve.gif) no-repeat 0 0;height:167px;overflow:hidden}
	#logo {margin:20px}
	#foot {width:100%;padding-top:.4em;clear:both;text-align:left;position:relative}
	#foot .container {margin-left:14em;margin-top:3em;text-align:center;font-size:.9em}
	#wrapMain {width:100%}
	#nav {position:relative;width:14.1em;margin-left:-14.1em;padding:0;}
	
	#main {width:100%;float:right;text-align:left;min-width:500px} 
	#content1, #content2, #nav {float:left}
	#content {background:#fff;padding:0 18.5em 5em 1em} 
	#content1 {width:100%}
	#content2 {width:18.5em;overflow:hidden;position:relative;margin-top:2.9em;margin-right:-19.2em}
	#nav li,#wrapMain,#main,#content,#content1,#content2,#nav {zoom:100%}
	div:after, #main:after, #content:after, #content1:after, #content2:after {content:".";display:block;height:0;clear:both;visibility:hidden}

	#content1 .container {padding:0 0 0 1em}
	#content2 .container {padding:0 0 1em;margin:0 .5em 0 1.9em}
	#foot .container {padding:1em}
	#foot ul, #foot li {list-style:none;display:inline}
	#foot li {padding:0 0 0 8px}

	#placed2 {position:absolute;top:1.5em;right:.4em;}
	#placed2 div {float:left;margin-left:1.5em;vertical-align:middle}
	#placed2 a {padding-right:14px;background: url(../img/arrow.gif) no-repeat right;text-decoration:none;font-weight:bold}
	#placed2 a:hover {color:#74a331}
	#placed2 select, #placed2 option {background-color:#e3f0ff}
	/*#abs4, #abs5, #abs6 {}
	#abs4 {top:2em} #abs5 {top:3.4em} #abs6 {top:6.2em;width:auto}
	#abs4 {width:16em}
	#abs5 {width:16em}
	#abs6 select, #abs6 option #abs6 optgroup {font-size:.9em;background:#dde6ef}
	#abs6 select {width:18.2em;border:solid 1px #afc4dc}
	*/
		
	#nav {position:relative;z-index:100}
	/*#nav * {font-family:arial}*/
	#navIn {zoom:100%}
	#nav .container {margin-left:29px}
	#nav ul ul {margin-top:.3em}
	#nav a {font-size:.9em;color:#fff} 
	#nav .pnav a {font-weight:bold;text-decoration:none} #nav .pnav a:hover {color:#fef1c5}
	#nav .pnav li a {font-weight:normal} #nav .pnav li a:hover {text-decoration:underline}
	#nav ul {margin:0} #nav li {margin:0 0 .5em 0} #nav li li, #nav li li li{padding-left:1.2em} #nav ul ul {margin-top:.5em}
	#nav li.pnav {margin:0;background-color:#5191cd;border-bottom:solid 1px #fff;padding:.4em .8em .4em 1.6em}
	
	#nav li.highlight {background:url(../img/leaves.gif) no-repeat 0 0}
	#nav li.p3.highlight, #nav li.p4.highlight, #nav li.p3 li.highlight, #nav li.p4 li.highlight {background-image: url(../img/leaves_g.gif);}
	#nav li.p2.highlight, #nav li.p5.highlight, #nav li.p2 li.highlight, #nav li.p5 li.highlight {background-image: url(../img/leaves_o.gif);}
	
	#nav li.pnav {background-color:#5191cd}
		
	#nav li.p2 {background-color:#e78a31}
	#nav li.p5 {background-color:#e78a31}
	
	#nav li.p4 {background-color:#b2bc15}
	#nav li.p3 {background-color:#b2bc15} 
	
	#nav li.sel a {font-weight:bold;text-decoration:none;cursor:default} 
	#nav li.sel li a {font-weight:normal;text-decoration:none;cursor:pointer}
	#nav li.sel li.sel2 a {text-decoration:none}
}
.related * {font: .95em tahoma;}
.related h3 {padding:0 0 .6em;color:#5191cd;font-weight:bold}
.related {background:#e3f0ff;border-bottom:solid 20px #c0dbff;margin-bottom:20px;zoom:100%;padding:1em .8em .1em;zoom:100%} 
#content2 .image {margin-top:15px;margin-bottom:1.8em}
.info {margin-bottom:1.2em} .location {padding:1em 0 .1em .6em} #content2 .location span {color:#390;}
.related ul, .related li, .fact ul, .fact li, .info ul, .info li {list-style:none;margin-left:0;padding-left:0}
.related li, .fact li, .info li {margin-bottom:.8em}
.quote {color:#999; padding:0 .4em 1em;margin-bottom:.5em;text-align:left;font: normal 1.2em "comic sans ms";}
.info span, .related span {white-space:nowrap}
/*.stat, .story {line-height: 1.8em}.stat span {color:#85a757; font-size:1.6em}*/
.tnav {font-size:.9em;margin:-.3em 0 1.3em}
.external {padding-right:17px;background:url(../img/ext.gif) no-repeat top right}
#content2 .image p.caption {font: .85em verdana; color:#666;margin: 4px 2px 0}
#content2 .image p.caption a {font: 1em verdana}

#dBtn {margin:0 0 1em -2px}

.event {clear:both}
.event h2 {clear:none;padding-top:0;margin-bottom:0;padding-bottom:4px}
.event h3 {clear:none;font-weight:normal;color:#390}
#content .eventNav, #content .eventNav li {list-style:none;margin:0;padding:0;}
#content .eventNav {margin-top:-.7em;margin-bottom:2em}
#content .eventNav li {display:inline;padding:0 1.2em 0 0;}
#content .eventNav li a, #content .eventNav li span {white-space:nowrap}
#content .eventNav span {font-weight:bold;color:#e78a31}
.gallery div {margin-bottom:8px}

form.contact {clear:right}
form.contact div {margin:0 0 6px} form.contact fieldset {padding:0;margin-bottom:1em;border:none}
form.contact legend {display:none}
form.contact div.text input, textarea {width:95%;padding:1px}
form.contact div.text label,form.contact div.checkbox span.label {display:block;width:auto;font-size:.9em}
form.contact div.name, form.contact div.phone, form.contact div.city {width:48.75%;float:left}
form.contact div.title, form.contact div.address, form.contact div.email, 
form.contact div.comments, form.contact div.respondVia {clear:left}
form.contact div.state, form.contact div.rsvpNumber {width:22.75%;float:left} 
form.contact div.state input {width: 3em}
form.contact div.rsvpNumber input {width:80%}
form.contact div.rsvpSeatWith {width:75%;float:left}
form.contact div.zip {width:25%;float:left} 
form.contact div.required label span {color:#c00;font:bold .9em verdana}
form.contact div.checkbox,form.contact div.comments {padding:10px 0}
form.contact div.checkbox label {padding-right:10px}
form.contact div.checklist label {display:block;width:20em;float:left;zoom:100%}
form.contact div.checklist2 label {display:block}
div.checkbox label, div.checkbox span {vertical-align:middle}
div.checkbox label span {padding:0 6px}
div.submit {clear:both}

#content ul.bookmarks {margin:0 0 2em;padding:2em;background:#fec792 url(../img/bg_bookmarks.gif) no-repeat top right}
#content ul.bookmarks li {list-style:none}
.top {clear:right;margin-bottom:1.5em;text-align:right;border-bottom:solid 1px #5191cd;padding-bottom:1em}
.top a {font-weight:bold;font-size:.9em;text-decoration:none;padding-right:14px;background:url(../img/top.gif) no-repeat right}
.top a:hover {text-decoration:underline}

/* home page */
#contentA {width:97%;zoom:100%;margin-bottom:.6em;}
.sect9 #content2 {margin-top:-1em}

#mission {clear:left;text-align:left;margin:0 0 .6em;font:1.4em "trebuchet ms";color:#999}
#mission span {color:#e78a31;white-space:nowrap;vertical-align:baseline}

#content ul.home, #content ul.home li {margin:0;padding:0;list-style:none}
#content ul.home li {width:32%;margin:0 1% 1em 0;float:left;zoom:100%}

#content ul.home ul {margin:0;padding:4px 0 7px;background:#fec792;border-top:solid 2px #fff}
#content ul.home li li {width:auto;margin:0;padding:0 11px;float:none;line-height:1em;text-align:left}
#content ul.home li li a {font-size:.9em;text-decoration:none;padding:0; color:#555}

ul.home li h2 a,#content ul.home li h2 a:hover {display:block;text-align:center;width:100%;margin:0; padding:120px 0 0;font-size:1.4em;text-decoration:none;zoom:100%}
ul.home li h2 span {padding: 0 10px;color:#fff;white-space:nowrap}
ul.home li.help h2 a, ul.home li.help h2 a:hover {background: url(../img/ph/home_a.jpg) no-repeat 50% 50%}
ul.home li.give h2 a, ul.home li.give h2 a:hover {background:url(../img/ph/home_b.jpg) no-repeat 50% 50%}
ul.home li.learn h2 a, ul.home li.learn h2 a:hover  {background:url(../img/ph/home_c.jpg) no-repeat 50% 50%}

ul.home li.help h2 span {padding-right:40%}
ul.home li.give h2 span{padding: 0 20%}
ul.home li.learn h2 span{padding-right:30%}

#gallery {background:#deecfc;margin-bottom:18px;padding:8px}


#galleryNav a:hover img {opacity:1.0;filter:alpha(opacity=100)}
#galleryBody p {padding:2px 16px 6px 6px}
#galleryBody .photo {float:right;margin-left:16px;width:350px;height:233px;}
#galleryBody .cta {background:#000;opacity:0.75;filter:alpha(opacity=75);margin-top:188px;height:45px}
#gallery .cta * {color:#fff;line-height:1.3em}#gallery .cta p {padding:2px 8px} #gallery .cta a {font-size:1.4em;color:#fab11b;white-space:nowrap}
#gallery p.tag {margin:18px 0 0}

@media print {
	#nav, #placed, #placed2, img.right {display:none}
	h1 {margin-top:1em}
	#foot {margin-top:3em}
}