/* General Element Styling */
body { margin: 0; padding: 0; font-family: Trebuchet, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	background: url(../images/z.gif) 10px 0 no-repeat; font-size: 12px; }
h1 { width: 200px; height: 125px; position: relative; padding: 0; margin: 10px 0 15px 5px; }
h1 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: url(../images/zing-foundation-z.gif) no-repeat top left; }
.sha h1 span { background: url(../images/zing-foundation-sha.gif) no-repeat top left; }
.philanthropy h1 span { background: url(../images/zing-foundation-philanthrop.gif) no-repeat top left; }
.about-us h1 span { background: url(../images/zing-foundation-about-us.gif) no-repeat top left; }
h2 { font-size: 16px; margin-top: 20px; }
h3 { font-size: 14px; clear: both; }
p, td, blockquote, #main ul, form, #main ol { font-family: Verdana, Helvetica, sans-serif; }
ul, ol { margin: 0 0 0 20px; padding: 0; }
li { margin: 0 0 1em; }
img { position: relative; float: left; margin: 5px 10px 0 0; }
img.center { float: none; text-align: center; margin: 0; }
address { margin: 0; position: relative; float: left; }
a:link:hover, a:visited:hover { text-decoration: none; }

/* Form Styling */
form div { margin: 0.5em 0 0; }
form ul { list-style: none; margin: 0; }
form ul li { margin: 1em 0 0; }
form fieldset { margin: 0; padding: 0; border: none; }
form legend { font-size: 14px; font-family: Trebuchet, "Trebuchet MS", Verdana, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; }
input, textarea { font-size: 12px; font-family: Trebuchet, "Trebuchet MS", Verdana, Helvetica, sans-serif; padding: 0; }
label { margin: 0 0.5em 0 0; }
label.after { margin: 0 0 0 0.5em; }
label.between { margin: 0 0.5em; }

/* Table Styling */
table { background: #FFF; }
.sha table { border: 1px solid #4B416F; }
.sha table thead td { background: #D1CCE2; border-bottom: 1px solid #4B416F; }

/* Site Layout Block Styling */
#sha a:link, #sha a:visited, .sha a:link, .sha a:visited { color: #4B416F; }
#sha a:link:hover, #sha a:visited:hover, .sha a:link:hover, .sha a:visited:hover { background: #D1CCE2; }
#philanthropy a:link, #philanthropy a:visited, .philanthropy a:link, .philanthropy a:visited { color: #4B5B33; }
#philanthropy a:link:hover, #philanthropy a:visited:hover, .philanthropy a:link:hover, .philanthropy a:visited:hover {
	background: #D7E0CA; }
#about-us a:link, #about-us a:visited, .about-us a:link, .about-us a:visited { color: #68382B; }
#about-us a:link:hover, #about-us a:visited:hover, .about-us a:link:hover, .about-us a:visited:hover { background: #E5D2CD; }
#home a:link, #home a:visited { color: #000; }
#home a:link:hover, #home a:visited:hover { background: #DDD; }

#page { width: 655px; margin: 0; }
#sidebar { width: 150px; position: relative; float: left; margin: 0; padding: 0 0 0 25px; }
#main { width: 455px; position: relative; float: right; margin: 0; }

ul#nav, #sidebar ul { list-style: none; margin: 0; padding: 0; text-align: center; }
ul#nav a:link, ul#nav a:visited, #sidebar ul a:link, #sidebar ul a:visited { text-decoration: none; }
ul#nav { border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid;
	height: 24px; padding-left: 15px; font-size: 14px; }
ul#nav li { margin: 0 0 0 10px; }
ul#nav li#home { margin: 0; float: right; }
#sidebar ul ul { text-align: left; list-style: circle; margin: 0 0 0 40px; font-size: 10.5px; }
#sidebar span { display: block; padding: 5px 0; }
#sidebar ul li { margin: 0; }
ul#nav a:link, ul#nav a:visited, #sidebar ul a:link, #sidebar ul a:visited { display: block; width: 150px; padding: 4px 0; }
#sidebar ul ul a:link, #sidebar ul ul a:visited { width: 120px; }
.sha ul#nav { border-bottom-color: #4B416F; border-top-color: #4B416F; }
.philanthropy ul#nav { border-bottom-color: #4B5B33; border-top-color: #4B5B33; }
.about-us ul#nav { border-bottom-color: #68382B; border-top-color: #68382B; }
ul#nav li { display: block; position: relative; float: left; width: 150px; }

.sha #sidebar h2 { padding: 105px 0 5px; color: #4B416F; text-align: center;
	background: #FFF url(../images/sha.jpg) no-repeat top left; margin: 0 0 1em; }
.sha #sidebar h3 { text-align: center; color: #4b416F; margin: -1em 0 1em; border-bottom: 1px solid #4B416F; padding: 0 0 1em; }
.philanthropy #sidebar h2 { padding: 105px 0 5px; color: #4B5B33; text-align: center;
	background: #FFF url(../images/philanthropy.jpg) no-repeat top left; margin: 0 0 1em; }
.about-us #sidebar h2 { padding: 105px 0 5px; color: #68382B; text-align: center;
	background: #FFF url(../images/about-us.jpg) no-repeat top left; margin: 0 0 1em; }
	
/* Class Styling */
.footnote { font-size: 10px; font-style: italic; }
.feature { padding: 0.5em 0.75em; margin: 1em 0; }
address.feature { margin: 0 0 1em; }
.incomplete { background: #FDD; }
.incomplete:focus { background: #FFF; }
.clear { clear: both; }
.sha .feature { border: 1px dotted #4B416F; background: #D1CCE2; }
.philanthropy .feature { border: 1px dotted #4B5B33; background: #D7E0CA; }
.about-us .feature { border: 1px dotted #68382B; background: #E5D2CD; }
.right { float: right; margin: 0 0 0 10px; }
p.space { margin-top: 2em; }