/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/**************************end universal css reset********************************************/ 

body { margin:0; padding:0; background:#FFFFFF; font: 13px/18px Arial, Helvetica, sans-serif; color:#3d2707; height:100%; width:100%;}

/*text styling*/
.dblue { color: #002B5C !important;}
.orange { color: #E19630 !important;}
.grey {color: #6D6862 !important;}
.purple { color:#8C0080 !important;}
.green { color:#008C31 !important;}
.red { color:#C84B00 !important;}
.blue { color:#009BB7 !important;}
.brown { color:#5D3400 !important;}

a { color: #4B658f; text-decoration:none;}
a:hover { color: #9d825b; text-decoration:none;}

p { font: 13px/18px Arial, Helvetica, sans-serif; color:#3d2707; margin: 5px 0 10px 0;}
p.second { text-indent: 35px; margin: -10px 0 10px 0;}

h2{ font: normal 16px/20px Georgia, "Times New Roman", Times, serif; color: #002b5c; margin: 10px 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #d9c7aa;}
h2 a {text-decoration: none;}
h2:first-letter { font: normal 45px/40px Georgia, "Times New Roman", Times, serif; float : left; padding: 0 5px 0 0; color : #002b5c;}

h3{ font: bold 14px/17px Arial, Helvetica, sans-serif; margin:0; padding: 8px 0 0 0;}

#content ul  { margin: 0 0 10px 0; padding: 0 0 0 11px;}
#content ul li { font: 13px/16px Arial, Helvetica, sans-serif; color:#3d2707; padding:0; list-style: square outside url(../images/bullet.png);}

#content ol {margin: 0 0 10px 0; padding: 0; font: 13px/18px Arial, Helvetica, sans-serif;}

ul.list  { margin: 0 0 10px 0; padding: 0 0 0 11px;}
ul.list li { font: 13px/16px Arial, Helvetica, sans-serif; color:#3d2707; padding:0; list-style: square outside url(../images/bullet.png);}

ol.list {margin: 0 0 10px 0; padding: 0; font: 13px/18px Arial, Helvetica, sans-serif;}


hr { border: 0; width: 100%; color: #d9c7aa; background-color: #d9c7aa; height: 1px; padding: 0; margin: 20px 0;}



/*UNIVERSAL STYLES*/
#center { display: block; width: 945px; height:auto; margin: 0 auto; padding:10px 90px;}
#footer { display:block; width: 100%; height:25px; border-top: 1px solid #d9c7aa; font: 11px Arial, Helvetica, sans-serif; color:#002b5c; text-align:center; margin: 25px 0; clear:both;}
#footer img {margin: 0 5px;}

/*navigation*/
#topnav {background: #6D6862; display:block; min-width: 1125px; width:100%; height: 25px; z-index: 100; position:relative;}
#nav, #nav ul { padding: 0; margin: 0 auto; display:block; width:1125px; height: 25px; list-style: none; }
#nav a { display: block; color: #FFFFFF; text-decoration: none;}
#nav a:hover { text-decoration: none; color:#FFFFFF !important;}
#nav li { float: left; width: 124px; /* width needed or else Opera goes nuts */ height: 25px; text-transform: uppercase; text-align:center; font: 13px Arial, Helvetica, sans-serif; color: #FFFFFF; line-height:25px;}
#nav li ul { position: absolute; width: 125px; padding: 0; left: -9999em; z-index: 999; text-align:center;}
#nav li ul li { display: block; clear:left; height: 25px; line-height: 25px; width: 125px; padding: 0; z-index: 999; font-size: 12px; text-transform:none; background: #FFFFFF;}
#nav li:hover ul, #nav li.sfhover ul { 	left: auto;	margin: 0 10px 0 0;}	

.home a:hover { background:#9a938a;}
.who { border-left: 1px solid #002B5C;}
.who a:hover { background:#002B5C;}
.whosel { background:#002B5C; color:#FFFFFF;}
.adv { border-left: 1px solid #008C31;}
.adv a:hover { background:#008C31;}
.advsel { background:#008C31; color:#FFFFFF;}
.memb { border-left: 1px solid #E19630;}
.memb a:hover { background:#E19630;}
.membsel { background:#E19630; color:#FFFFFF;}
.grant { border-left: 1px solid #8C0080;}
.grant a:hover { background:#8C0080;}
.grantsel { background:#8C0080; color:#FFFFFF;}
.evnt { border-left: 1px solid #C84B00;}
.evnt a:hover { background:#C84B00;}
.evntsel { background:#C84B00; color:#FFFFFF;}
.news { border-left: 1px solid #5D3400;}
.news a:hover { background:#5D3400;}
.newssel { background:#5D3400; color:#FFFFFF;}
.contct { border-left: 1px solid #009BB7;}
.contct a:hover { background:#009BB7;}
.contctsel { background:#009BB7; color:#FFFFFF;}
.connect { border-left: 1px solid #9a938a;}
.connect a:hover { background:#9a938a;}
.connect2 a:hover { background: #6D6862;}
#nav li.connect ul { left:auto;}
#nav li.connect ul li { text-transform: uppercase; left:auto;}

*:first-child+html #nav li.connect ul { left:auto; margin: 0 0 0 -62px;}
*:first-child+html #nav li:hover ul, *:first-child+html #nav li.sfhover ul { left: auto; margin: 0 0 0 -62px;}	
* html #nav li.connect ul { left:auto; margin: 0 0 0 -62px;}
* html #nav li:hover ul, * html #nav li.sfhover ul { left: auto; margin: 0 0 0 -62px;}

/*pictures*/
#picshome { display:block; min-width: 1125px; width: 100%; height: 160px; background:url(../images/pics_home.jpg) repeat-x; z-index: 1;}
#picswho { display:block; min-width: 1125px; width: 100%; height: 160px; background:url(../images/pics_whoweare.jpg) repeat-x; z-index: 1;}
#picsadv { display:block; min-width: 1125px; width: 100%; height: 160px; background:url(../images/pics_advocacy.jpg) repeat-x; z-index: 1;}
#picsmemb { display:block; min-width: 1125px; width: 100%; height: 160px; background:url(../images/pics_membership.jpg) repeat-x; z-index: 1;}
#picsgrant { display:block; min-width: 1125px; width: 100%; height: 160px; background:url(../images/pics_grantmaking.jpg) repeat-x; z-index: 1;}
#picsevent { display:block; min-width: 1125px; width: 100%; height: 160px; background:url(../images/pics_events.jpg) repeat-x; z-index: 1;}
#picsnews { display:block; min-width: 1125px; width: 100%; height: 160px; background:url(../images/pics_newsroom.jpg) repeat-x; z-index: 1;}
#picscontact { display:block; min-width: 1125px; width: 100%; height: 160px; background:url(../images/pics_contact.jpg) repeat-x; z-index: 1;}


/**HOMEPAGE STYLES**/
#leftcol { display:block; float:left; width: 190px; height:auto; text-align:center; padding: 0 5px;}
.twitter { height: auto; display:block; padding: 0 0 25px 0; margin: 5px 0 0 0; }
.twitter ul { list-style:none; font: 13px/17px Arial, Helvetica, sans-serif;}
.highlight {display: block; height: 250px; overflow:hidden; font: 13px/17px Arial, Helvetica, sans-serif; margin: 5px 0 0 0; }

#centercol {display:block; float:left; width: 545px; height:auto; text-align:center; padding: 0;}
#centercol img { margin: -80px 10px 0 0; padding:0; }
.homequote { display:block; width: 470px; height:auto; margin: 15px auto; font: normal 16px/30px Georgia, "Times New Roman", Times, serif;}

#rightcol {display:block; float:left; width: 190px; height:auto; text-align:center; padding: 0 5px;}
.scroll {display: block; height:350px; overflow:auto; font: 12px/17px Arial, Helvetica, sans-serif; margin: 5px 0 0 0;}
.scroll p{ margin: 0 0 10px 0;}
.scroll .title { font-size: 14px; color: #E19630; display:block;}

/**INTERIOR PAGE STYLING**/
#sidebar {display:block; float:left; width: 190px; height:auto; text-align:center; padding: 0 5px;}
#sidebar img { margin-top: -50px;}
.quote {display: block; width: 170px; margin: 10px auto 0 auto; font: italic 18px/30px Georgia, "Times New Roman", Times, serif; color:#a9a299;}
.quotename {display: block; font: normal 11px/30px Arial, Helvetica, sans-serif; color:#a9a299; text-transform:uppercase;}

#page {display: block; float: left; width: 627px; margin: 0 0 10px 84px; height:auto;}
#breadcrumbs { display:block; height: 30px; font: 10px Arial, Helvetica, sans-serif; color:#a9a299; text-transform:uppercase; }
#breadcrumbs a{ font: 10px Arial, Helvetica, sans-serif; color:#a9a299; text-transform:uppercase; }
#title { display: block; height: 50px; font: 50px/50px Arial, Helvetica, sans-serif; text-transform:uppercase; }

#secondnav {display: block; height: 30px; width:auto; padding: 10px 0 0 0;  }
#secondnav ul{ list-style: none; margin: 0; padding: 0;}
#secondnav ul li { display: inline; /* Prevents "stepdown" */}
#secondnav ul li a{ display: block; float:left; height: 20px; font: 13px/20px Arial, Helvetica, sans-serif; border-right: 1px solid; width: 124px; text-align: center;position:relative;}
#secondnav ul li a:hover { color: #FFFFFF !important; text-decoration:none;}

#content { width: 626px; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #d9c7aa;}

.board { width: 120px; height: 160px; display:block; float: left; text-align:center; margin: 0 29px 25px 0; }
.board img { border: 1px solid #d9c7aa; margin: 0 0 5px 0;}
.name { font: 13px/18px Georgia, "Times New Roman", Times, serif; color: #3d2707;}
.position {font: italic 13px/15px Georgia, "Times New Roman", Times, serif; color: #9d825b;}

.column { width: 200px; display:block; float: left; height:auto; margin: 0 10px 0 0; }

.top { font: 10px/12px Arial, Helvetica, sans-serif; text-transform:uppercase; }