body     { color: #333333; font-family: Arial, Helvetica, sans-serif; background: #db9b32; text-align: center; margin: 0; padding: 30px 0 100px; position: relative; border-width: 0; border-color: #fff }

#background {position: absolute; left: 0; top: 0; width: 100%; height: 400px; display: block; z-index: 0;  }
#date { color: #999999; font-size: 0.6em; text-align: right; text-transform: uppercase; margin: 0; padding: 0 10px 0 0; position: absolute; z-index: 1000; top: 0; right: 30px; width: 275px; border-top: 5px solid #f60 }
html a      { color: #f60; font-weight: normal; text-decoration: underline }
html a:hover    { color: #666; font-weight: normal; text-decoration: underline }
.clearboth  { font-size: 0; line-height: 0; margin: 0; padding: 0; width: 100%; height: 0; clear: both; overflow: visible }


hr {clear: both; height: 0px; border: 0px; border-top: 1px solid #d2d2d2; padding: 0; margin: 15px 0; line-height: 0px; display: block; width: 100%; }
#outerwrapper    { background: #ffffff; text-align: left !important; margin: 0 auto; padding: 0 0 40px; position: relative; z-index: 1; width: 960px }
#outerwrapper:after {content: "."; display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0; font-size: 0px; line-height: 0px;}
*html #outerwrapper {height: 1%;}
#main   { display: inline; margin: 0 0 0 40px; padding: 5px 0 0; width: 530px; float: left; clear: left }
#main p, #main ul   { font-size: 12px; font-family: Verdana, Arial, sans-serif; line-height: 1.6em; margin-left: 0; padding-left: 0 }
#mainbody { font-size: 12px; font-family: Verdana, Arial, sans-serif; line-height: 1.6em; margin-left: 0; padding-left: 0 }
#sidebar p  { font-size: 11px; font-family: Verdana, Arial, sans-serif; line-height: 1.4em; margin-left: 0; padding-left: 0 }
#main ul  { padding: 0 15px }
#main ul ul, #main ul ul ul  { font-size: 11px }
#main li   { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em }
#main img  { margin: 10px; padding: 0; border-width: 3px; border-color: #fe6000 }
#nav    { margin: 10px 40px 0; padding: 0; border-bottom: 1px solid #787878 }
#nav ul {width: 880px; list-style-type: none; font-size: 1.1em;  font-weight: bold; text-transform: uppercase; letter-spacing: -1px; margin: 0; padding: 0; clear: both !important;}
#nav ul:after {content: ".";  display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0; font-size: 0px; line-height: 0px;} 
#nav ul li {float: left; padding: 0; margin: 0;}
#nav ul li a  { color: #787878; font-weight: 100 !important; text-decoration: none; display: block; padding: 10px 20px 6px 10px }
#nav ul li a:hover    { color: #ffffff; background: #f60 }
#nav ul li a.home {padding-left: 0px !important; }
#nav ul li a.home:hover  { color: #fe6000 !important; background: #ffffff }
#nav2      { background-color: #f60; margin-bottom: 0 }
#nav2 ul  { font-size: 0.8em; font-weight: bold; letter-spacing: -1px; list-style-type: none; margin: 0; padding: 0; width: 880px; clear: both !important }
#news ul  { color: #787878; font-size: 12px; font-weight: normal; line-height: 1.4em; letter-spacing: -1px; list-style-type: disc; margin: 0 0 0 5px; padding: 0; clear: both !important }
#nav2 ul:after {content: ".";  display: block; height: 0; clear: left; visibility: hidden; margin: 0; padding: 0; font-size: 0px; line-height: 0px;} 
#nav2 ul li  { margin: 0 0 0 15px; padding: 0; float: left }
#nav2 ul li a    { color: white; font-weight: normal !important; text-decoration: none; display: block; padding: 5px 10px }
#news ul li a   { color: #787878; font-size: 12px; font-weight: normal !important; line-height: 1.3em; text-decoration: none; list-style-type: disc; display: inline; margin-left: 0; padding: 10px 0 5px }
#news ul li a:hover { color: #fe6000; font-weight: normal !important; text-decoration: underline; list-style-type: none; display: inline; padding-top: 10px; padding-bottom: 5px }

#about #nav ul li a.about { color: #fe6000 !important }
#programs #nav ul li a.programs { color: #fe6000 }
#workshops #nav ul li a.workshops  { color: #fe6000 }
#resources #nav ul li a.resources { color: #fe6000 }
#gallery #nav ul li a.gallery  { color: #fe6000 }
#blog #nav ul li a.blog  { color: #fe6000 }
.logo   { margin: 0; padding: 0 0 0 0; position: relative }
.logo img    { margin: 0; border-width: 1px; border-color: #fff }
.logo a { margin: 0; border-width: 1px; border-color: #fff }
.bold  { color: #fe6000; font-weight: bold !important }

h1   { color: #fe6000; font-size: 1.1em; font-family: Verdana, Arial, sans-serif; font-weight: 600; letter-spacing: -1px; margin: 10px 0 }
h2 {font-size: 1.1em; margin: 0 0 11px 0; padding: 0; font-weight: 100;}
h3   { color: #c3c3c3; margin-bottom: 3px !important }
h4     { color: #666; font-size: 0.9em !important; font-weight: 200; margin-bottom: 3px !important }
h6   { color: #787878; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; position: relative; top: -11px; left: 125px }

#sidebar   { list-style-type: none; display: inline; margin: 20px 40px 40px 0; padding: 0; width: 275px; float: right; clear: right }
.ourpartners a img, a img.lrg  { margin-top: 12px; padding: 3px; border: solid 1px #cecece }
.ourpartners a:hover img, a:hover img.lrg { border: solid 1px #cd8200 }
.ourpartners      { color: #666666 !important; font-size: 12px !important; line-height: 1.4em; list-style-type: none; margin: 0; padding: 0 }
.ourprograms a img, a img.lrg { margin-top: 12px; padding: 3px; border: solid 1px #cecece }
.ourprograms img { background-color: transparent; text-align: left; margin: 0; padding: 5px 10px 2px 5px; float: left; border: solid 3px #fe7628 }
.ourprograms a:hover img, a:hover img.lrg { border: solid 1px transparent }
.add   { color: #787878; font-size: 12px !important; line-height: 1.4em; text-align: right; margin-top: 140px }
.add a   { color: #787878 !important; font-size: 12px; font-weight: bold !important; text-decoration: none }
.add a:hover {text-decoration: underline; }
partneranim { }