body     { font-family: Arial, Helvetica, sans-serif; background: #db9b32; text-align: center; margin: 0; padding: 40px 0 100px; position: relative }

#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: bold; text-decoration: underline }
html a:hover   { color: #666; font-weight: bold; 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%; }
.bloglink ul li a { color: fuchsia }
#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: 12px 0 0; width: 530px; float: left; clear: left }
#mainbody         { color: #575757; font-size: 0.8em; line-height: 1.6em; margin: 0; padding: 5px; width: 530px; float: left; clear: left }
#main p, #main ul  { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; line-height: 1.6em; margin-left: 0; padding-left: 0 }
#main ul {padding: 0px 15px; }
#main ul ul, #main ul ul ul  { font-size: 11px }
#main li  { font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em }
#main img  { margin: 10px; padding: 0; border-width: 3px; border-color: #fe6000 }
#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 }

#nav2 ul li a:hover    { color: #666; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
#nav2 ul li a.home {padding-left: 0px !important; }
#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 {position: relative; padding: 50px 0px 0px 40px; margin: 0; }
.logo img  { margin: 0; padding: 5px }
.bold  { color: #fe6000; font-weight: bold !important }

h1  { color: #fe6000; font-size: 1.25em; font-weight: 100; 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: -55px; left: 120px }
h5 { color: #666 }
#sidebar    { list-style-type: none; display: inline; margin: 10px 40px 20px 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: 11px !important; line-height: 1.4em; text-align: right; margin-top: 140px }
.add a {text-decoration: none; font-weight: bold !important; font-size: 1em; color: #787878 !important; }
.add a:hover {text-decoration: underline; }
h1.localfactors { font-size: 10px; line-height: 0; background: url("images/local_search_logo.gif"); text-indent: -4000px; margin: 0 0 20px; padding: 0; width: 584px; height: 100px; border: 0 }
.sidebar-title { color: white; font-weight: bold; font-stretch: semi-expanded; background-color: #fe6000; margin: 0; padding: 5px }