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

#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: 12px 0 0; 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: 0 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-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 }

#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; 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: #f60; font-size: 1.5em }
h4 { color: #666; font-size: 0.7em; 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; margin-top: 5px; margin-right: 40px; margin-bottom: 40px; padding: 0; width: 275px; float: right; clear: right }
.ourpartners a img, a img.lrg    { margin-top: 0; padding: 0 3px 3px; border: solid 0 #cecece }
.ourpartners a:hover img, a:hover img.lrg  { border: solid 0 #cd8200 }
.ourpartners   { color: #666666 !important; font-size: 0.7em !important; list-style-type: none; margin-right: 0 !important; margin-left: 0 !important }
.ourpartners li      { font-size: 1.2em; background: transparent !important; list-style-type: none; margin: -12px 0 0 -38px }
.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 }
partneranim { }
#website #outerwrapper #main strong {
	color: #F00;
}
#website #outerwrapper #main strong {
	color: #000;
}

