html { overflow-y:scroll; }
body { color:#898989; margin:0px;}
img { border-style:none;}
* { outline:none; background-repeat:no-repeat; font-family:Arial, Sans-Serif;}
ul { margin:0; padding:0; }
ul li { margin:0; padding:0; list-style:none; }
h1, h2, h3, h4, h4, h6 { margin:0px; padding:0px;}
p { font-size:12px; color:#898989; font-family:Arial, Sans-Serif; margin:0px; padding-bottom:15px; }
a {color:#662d91;}
a:hover {color:#898989;}
h2 { color:#c2c2c2; font-size:30px; }

/* classes */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }
.hr { border-bottom:solid 1px #5d5d5d; }

#container { width:930px; margin:0px auto 0px auto;  }
#masthead .line { width:735px; height:7px; background-color:#737373; float:right; visibility:hidden;}
#masthead { height:315px; }
#masthead h1 { clear:both; padding-top:10px; visibility:hidden;  }
#masthead h1 a { width:469px; height:100px; margin-left:0px; background-image:url(../../images/global/logo.png); text-indent:-10000px; display:block;  visibility:hidden;}

#masthead ul { border-bottom:solid 3px #cbcbcb; margin-top:150px; height:40px; padding-bottom:3px; }
#masthead ul li { float:left; font-size:12px; font-weight:bold; width:127px;  height:40px; cursor:pointer; }
#masthead ul li div {position:absolute; display:none;}
#masthead ul li a { text-decoration:none; color:#898989; display:block; margin-top:5px; padding-left:5px;position:absolute; z-index:1;width:127px;}
#masthead ul li.home div { background-color:#fffae4; }
#masthead ul li.news div { background-color:#ffefc2; }
#masthead ul li.whatWeDo div { background-color:#fde4da; }
#masthead ul li.projects div { background-color:#f9ddea; }
#masthead ul li.whoWeAre div { background-color:#edcee3; }
#masthead ul li.reports div { background-color:#e1cbe2; }
#masthead ul li.contactUs div { background-color:#ddc3dd; }
#masthead ul li.contactUs { width:130px; }
#masthead ul li.sep { width:2px; padding:0px; background-color:#c7c7c7; height:30px; margin-left:2px; margin-right:2px; margin-top:5px; }
#masthead #flashHeader { position:absolute; }

#footer { background-color:#737373; height:100px; clear:both;}
#footer ul { padding-top:70px; margin-left:10px;}
#footer ul li { float:left; color:White; font-size:11px; margin-right:8px;}
#footer ul li a { color:White; text-decoration:none; }
#footer ul li a:hover {  text-decoration:underline; }

/* Home */
#home .leftPanel { float:left; width:570px;}
#home .rightPanel { float:right; width:350px; }
#home .leftPanel ul { margin-top:15px; margin-bottom:20px; }
#home .leftPanel ul li { font-size:16px; color:#737373; font-weight:bold;  background-image:url(../../images/global/bulletPurple.gif); background-position:0px 10px; padding-left:10px; margin-bottom:5px;}
#newsletter { float:left; border-top:solid 5px #898989; padding-top:5px; }
#newsletter .inner { width:205px; height:140px; background-image:url(../../images/global/backgroundStriped.gif); background-repeat:repeat; }
#newsletter h3 { background-color:White; float:right; margin-top:8px; margin-bottom:10px; padding:2px 2px 5px 2px; font-size:18px; }
#newsletter label { background-color:White; clear:both;  padding:2px;  font-size:14px; font-weight:bold; display:block; padding:2px; margin-bottom:8px; width:42px;}
#newsletter input { display:block; border:none; width:186px; margin-left:5px; padding:5px; }
#newsletter a { display:block; clear:both; float:right; display:block; background-color:#747474; color:White; font-weight:bold; padding:2px 10px 2px 10px; text-decoration:none; font-size:16px; margin-top:10px; }

#contactBanner { float:left; margin-left:5px; border-top:solid 5px #898989; padding-top:5px; cursor:pointer;width:348px;}
#contactBanner .inner {background-image:url(../../images/global/backgroundStriped.gif); background-repeat:repeat; width:348px; height:140px; position:absolute;}
#contactBanner .inner .inner {background-image:url(../../images/home/contactBanner.png);  width:348px; height:140px; display:block;}
#contactBanner .inner .overlay { background-color:Black; width:263px; margin-left:85px; height:140px; position:absolute;}
#contactBanner .inner span { display:block; background-color:Black; color:White; position:absolute; font-weight:bold; padding:1px; }
#contactBanner .inner span.txt1 { margin-top:40px; font-size:18px; padding-left:65px; padding-right:5px;}
#contactBanner .inner span.txt2 { margin-top:70px; padding-right:20px; }
#contactBanner .inner span.txt3 { margin-top:95px; padding-right:20px;}

#newsCont { color:#3c3b3b; font-size:14px; height:400px; overflow:hidden; position: relative; width:310px; float:left; margin-top:20px;  }
#newsCont .inner { position:absolute; }
#newsSlider { height:390px; background-color:#898989; border:solid 1px #c7c7c7; width:1px; position:relative; float:right; margin-left:10px; margin-top:20px; } 
#newsSlider .handle { position: absolute;cursor: move;z-index: 10; height: 34px; width: 13px; display: block; margin-left:-6px; text-indent:-10000px; font-size:0px; } 
#newsSlider .handle div { height:7px; background-color:#7d7d7d; margin-bottom:3px;} 
#newsSlider .handle div.p2 {background-color:#bebebe;} 
#newsSlider .handle div.p3 {background-color:#a0a0a0;} 
#newsSlider .handle div.p4 {background-color:#979797; margin-bottom:0px;} 

#newsCont li { background-image:url(../../images/global/backgroundStripedLight.gif); background-repeat:repeat; margin-bottom:30px; cursor:pointer; }
#newsCont li * { background-color:White; display:block; margin-left:20px; padding:0px; padding-left:5px; }
#newsCont li h4 { font-size:16px; color:#898989; }
#newsCont a { font-size:12px; }
#newsCont li.hov {background-image:url(../../images/global/backgroundStriped.gif); }
#newsCont li.hov h4 { color:#313131; }

/* What We Do */
#whatWeDo h2 { width:910px; font-size:35px; margin-bottom:20px; }
#whatWeDo #leftLinks { width:210px; float:left; margin-bottom:50px;}
#whatWeDo #leftLinks ul li { clear:both;  margin-bottom:12px; cursor:pointer;}
#whatWeDo #leftLinks ul li a { font-size:12px; text-decoration:none; font-weight:bold; color:#959595; display:block; cursor:pointer; }
#whatWeDo #leftLinks ul li a span.bullet { display:block; float:left; width:34px; height:9px; background-color:#707070; clear:left; margin-right:8px; margin-top:2px;  }
#whatWeDo #leftLinks ul li a span.text { display:block; float:left; width:160px;   }
#whatWeDo #leftLinks ul li a:hover span.bullet { background-color:#a864a9; }
#whatWeDo #leftLinks ul li.selected a span.bullet { background-color:#a864a9; }

#whatWeDo .body { width:450px; float:right; margin-right:110px;  margin-bottom:50px;}
#whatWeDo .body p { font-size:14px; }
#whatWeDo .body h3 { font-size:16px; margin-bottom:5px; }

/* News */
#news #newsMonths { float:right; font-size:14px; color:#898989; font-weight:bold; width:120px; }
#news #newsMonths a { color:#898989; text-decoration:none; }
#news h2 { font-size:18px; color:#898989; margin-left:25px; margin-top:20px; margin-bottom:10px; }
#news #newsCont { height:auto; overflow:hidden; position: relative; width:610px; margin-top:0px; }
#news #newsCont .backToTop { padding-top:5px; }

/* Projects */
#projects h2 { font-size:34px; margin-top:20px; margin-bottom:10px;}
#projectListing { height:380px; margin-bottom:20px;}
#projectListing .stripes { height:380px; width:100px; float:left; margin-right:20px; background-image:url(../../images/global/backgroundStripedLight.gif); background-repeat:repeat; }
#projectListing .paging { text-align:right; font-size:14px; color:#4b4949; width:800px; margin-bottom:10px; }
#projectListing ul li { float:left; margin-right:20px; margin-bottom:20px; }
#projectListing ul li a { display:block; width:212px; text-decoration:none; background-image:url(../../images/global/closeStripes.png); padding-top:8px; }
#projectListing ul li span.img { display:block; height:117px; width:212px; position:absolute;   }
#projectListing ul li span.title { display:block; background-color:#3a3a3a; color:White; font-weight:bold; font-size:13px; padding:5px 5px 5px 5px; }


#projects ul.images { width:265px; height:320px; margin-bottom:20px; background-image:url(../../images/global/backgroundStripedLight.gif); background-repeat:repeat; float:left;}
#projects ul.images li { float:left; margin-left:17px; margin-top:17px;}
#projects ul.images li a { display:block;}
#projects ul.images li a span { display:block;  position:absolute; height:84px; width:107px;}
#projects div.copy { float:left; width:600px; padding-left:10px; }
#projects div.copy a { font-size:24px; color:#707070; display:block; margin-bottom:30px; }
#projects div.copy p { color:#898989; font-size:14px; }

/* Who We Are */
#whoWeAre h2 { font-size:36px; margin-bottom:10px; padding-left:290px; margin-top:10px;}
#whoWeAre .people li { margin-bottom:10px; }
#whoWeAre .people li div.image { float:left; width:290px; height:350px; }
#whoWeAre .people li div.image img { display:block; position:absolute; }
#whoWeAre .people li div.image p { display:block; position:absolute; margin-top:205px; margin-left:50px; font-size:14px; width:190px; }
#whoWeAre .people li div.image p strong {  font-size:16px; }
#whoWeAre .people li div.copy { float:left; width:520px; }

#whoWeAre .furtherCollaborators li { display:block; float:none; margin-left:290px; margin-bottom:15px;}
#whoWeAre .furtherCollaborators li p { font-size:16px; font-weight:bold;}

/* Contact */
#contact h2 { margin-top:20px; font-size:36px; }
#contact h3 { font-size:16px; margin-bottom:10px; }
#contact .map { margin-top:40px; margin-bottom:20px; float:left; }
#contact .stripeBox { float:left; margin-left:30px; width:120px; height:392px;  background-image:url(../../images/global/backgroundStripedLight.gif); background-repeat:repeat;}
#contact .copy { float:left; width:300px; margin-left:20px; padding-top:40px; font-size:14px; color:#898989; }
#contact .copy p { font-size:14px; color:#898989; }
#contact .copy a { color:#898989; }

/* Resource */
#resources h3 { margin-top:20px; font-size:16px; margin-bottom:15px; }
#resources p { font-size:14px; }
#resources .resList { margin-top:40px; }
#resources .resList li { background-image:url(../../images/resources/line.png); background-position:left bottom; margin-bottom:30px; padding-bottom:0px; }
#resources .resList .head .block { width:35px; height:25px; background-color:#999999; float:left; margin-right:10px; margin-top:5px;  }
#resources .resList .head h4 {font-size:16px;  }
#resources .resList p {font-size:12px; width:730px;  }
#resources .resList a { color:#45439b; text-decoration:none;  }
#resources .resList ul.pdfs li a { background-image:url(../../images/resources/pdf.png);background-position:right top; display:block; width:230px; height:70px; 
                                   padding-right:52px; padding-top:40px; margin-right:20px;  font-size:12px; color:#898989; float:left;  text-align:right; }
#resources .resList ul.pdfs li { background:none; margin:0; padding:0; display:block; float:left;}