html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/********** LAYOUT/FORMAT ***********/
body {
  color:#999;
  font: 13px/18px Arial, sans-serif
}
strong { 
  font-weight: bold
}
.wrap {
  margin: 0 auto;
  width:899px;
}
a {
  color:#2497ff;
  text-decoration:none;
}

a .oldred {
  color:#B61706;
  text-decoration:none;
}

a:hover {
  color:#78bcf9
}
h3 {
  margin-bottom:20px;
}
#content {
  padding-bottom:33px;
}

/********** SELF CLEAR ***********/
#header:after,.topic:after,.wrap:after,#carousel:after,#home-carousel:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/********** HEADER ***********/
#hdr {
  background-color: #2659A6;
  color: #fff;
  position: relative;
  height: 70px;
}

#hdr h1 a {
  height: 0;
  background: url("/img/logo.gif") 0 0 no-repeat;
  background-size: 633px 36px;
  position: absolute;
  top: 22px;
  left: 15px;
  width: 633px;
  overflow: hidden;
  padding-top: 41px;
}

#hdr form {
  position: absolute;
  top: 20px;
  width: 200px;
  left: 0;
}
#hdr form input {
  position: absolute;
  top: 0;
  left: 0;
  width: 190px;
  font-size: 12px;
  height: 14px;
}
#hdr form input.btn {
  position: absolute;
  left: 200px;
  width: auto;
  top: -1px;
  height: auto;
}

#topnav {
  position: absolute;
  left: 660px;
  top: 10px
}

/* Navigation */

/* DOCS: The layout of this area is described in the Image Replacement section of documentation. */
#nav {
  text-transform: uppercase;
  /*color: #888;*/
  height: 27px;
  _height: 30px;
}
#nav ul {
  position: relative;
  margin: 4px 10px;
  background: url("/home12/img/nav-on.gif") no-repeat;
  padding: 0;
}

#nav li {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  list-style-type: none;
  padding: 0;
  margin: 0;

}

#nav a, #topnav a {
  font-weight: bold;
  letter-spacing: .1em;
  text-decoration: none;
  color: #000;
  padding: 3px 10px;
  text-transform: uppercase;
  font-size: 11px;
}

#nav a
{
  display: block;
  height: 0px;
  padding: 24px 0 0 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 500px;
  background: url("/img/nav-off.gif") no-repeat;  
  background-size: 1000px 22px;
}

#nav #n-about {
  left: 0;
  width: 72px;
}
#nav #n-calendar
{
  left: 72px;
  width: 106px;
  background-position: -72px 0;
}
#nav #n-sites
{
  left: 178px;
  width: 105px;
  background-position: -178px 0;
}

#nav #n-programs
{
  left: 283px;
  width: 189px;
  background-position: -283px 0;
}

#nav #n-results
{
  left: 472px;
  width: 90px;
  background-position: -472px 0;
}

#nav #n-resources
{
  left: 562px;
  width: 114px;
  background-position: -562px 0;
}
#nav #n-contribute
{
  left: 676px;
  width: 122px;
  background-position: -676px 0;
}

#nav #n-shop
{
  left: 798px;
  width: 76px;
  background-position: -798px 0;
}

#nav a:hover, #programs #n-programs, #about #n-about, #results #n-results, #resources #n-resources, #sites #n-sites, #calendar #n-calendar, #calendartxt #n-calendar  {
  background-image: url("/img/nav-on.gif");  
  background-size: 1000px 22px;
}
#topnav a {
  color: #E4E4DF;
  padding: 0;
  letter-spacing: 0;
  font-weight: normal;
}
#topnav a:hover {
  color: #fff;
  text-decoration: underline;
}


/*
#header {
background:#2257a8;
padding: 10px 15px 15px;
}
#header h1 {
float:left;
margin-top:10px;
}
#header h1 a {
background:url("/home12/img/logo.gif") no-repeat;
display:block;
height:38px;
overflow:hidden;
text-indent:-9999px;
width:633px;
}
#header #aux {
float: left;
margin-left:13px;
}
#header #aux li {
float:left;
}
#header #aux a {
background:url("/home12/img/div-head.gif") no-repeat right;
color:#fff;
font:bold 11px/11px Arial,sans-serif;
padding:0 10px 0 4px;
text-decoration:none;
text-transform:uppercase;
}
#header #aux li:first-child a {
padding-left:0;
}
#header #aux #rss {
margin-left:5px;
}
#header #aux #rss a {
background:url("/home12/img/ico-rss.gif") no-repeat left;
padding: 0 0 0 18px;
}

#header #aux input {
background:#fff;
border: 1px solid #9b9b9b;
padding: 3px 5px;
width:184px;
}
#header #aux button {
background:url("/home12/img/btn-go.gif") no-repeat;
border:none;
height:23px;
overflow:hidden;
position:relative;
top:-2px;
text-indent:-9999px;
width:23px;
}*/

/********** HERO ***********/
/* moved to the content page for user to customize these images and background
#hero,#hero2 {
  margin-bottom:8px;
}
#hero a,#hero2 a{
  background:url("/home12/img/hero.jpg") no-repeat;
  display: block;
  height:386px;
  overflow:hidden;
  text-indent:-9999px;
  width:899px;
}
  
#hero2 a {
    background:url("/home12/img/hero2.jpg") no-repeat;
  }
*/


/********** CAROUSEL ***********/
#home-carousel {
  margin-bottom: 29px;
  position:relative;
}
#home-carousel img{
  display:block;
  transition: all .8s;
  -moz-transition: all .8s;
  -webkit-transition: all .8s;
}
#carousel { height: 296px; overflow:hidden; }
#carousel .viewport { float: left; width: 899px; height: 296px; overflow: hidden; position: relative; }
#carousel .disable { visibility: hidden; }
#carousel .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#carousel .overview li{ float: left; margin: 0 8px 0 0; height: 296px;width: 296px;}
#carousel a:hover img {
  opacity:.75;
}
.buttons {
  background:url("/home12/img/car-right.png") no-repeat;
  height:52px;
  margin-top:-26px;
  overflow:hidden;
  position:absolute;
  right:-18px;
  text-indent:-9999px;
  top:50%;
  width:36px;
  z-index:999;
}
.prev {
  background:url("/home12/img/car-left.png") no-repeat;
  left:-18px;
  right:auto;
}
.next:hover,.prev:hover{
  opacity:.8;
}

/********** CONTENT ***********/
#about {
  clear:left;
  float:left;
  width:595px;
}
#about h2 {
  background:url("/home12/img/h-teacherleaders.gif") no-repeat;   
  height: 43px;
  width: 492px;
  text-indent: -9999px;
  overflow: hidden;
  margin-bottom:13px;
}

#about h2 span { 
	font-family: "arial";
	font-size: 15pt;
	color: #000; 
}

#about > p {
  font-size: 14px;
  line-height:26px;
  margin-bottom:19px;
}
#about > img {
  display:block;
  margin-bottom: 25px;
}

#about h3, #sidebar h3 {
	font-family: "baskerville arial";
	font-size: 20pt;
	color: #7d6a55;
}
#h-topic {
  background:url("/home12/img/h-topic.gif") no-repeat;
  height:27px;
  margin-bottom: 31px;
  overflow:hidden;
  text-indent:-9999px;
  width:159px;
}
#h-innews{
  background:url("/home12/img/h-in-news.gif") no-repeat;
  height:21px;
  overflow:hidden;
  text-indent:-9999px;
  width:126px;
}
#h-events {
  background:url("/home12/img/h-events.png") no-repeat;
  height:21px;
  overflow:hidden;
  text-indent:-9999px;
  width:157px;
}

#about .col {
  float:left;
  width:253px;
}
#about .col.first {
  margin-right:52px;
}
#about .col ul {
  margin-left:15px;
}
#about .col li {
  margin-bottom:13px;
  list-style:url("/home12/img/li-star.png") outside;
}
#about .col h4 {
  color:#585856;
}

/********** CONTENT SIDEBAR ***********/
#sidebar {
  background:#f7f7f7;
  float:left;
  margin:-15px 0 0 8px;
  padding:15px 15px;
  width:266px;
}
.topic {
  border-top:1px solid #bab0a6;
  margin-bottom: 22px;
  padding-top: 24px;
}
.topic.first{
  border:none;
  padding:0;
}
.topic img,.topic .copy {
  float:left;
}
.topic .copy {
  margin-left: 17px;
  width: 163px;
}

/********** FOOTER ***********/
#footer {
  background:#f6f6f6;
  border-top:5px solid #e8e8e8;
  clear:left;
  padding:34px 0 30px;
}
#footer .col {
  float:left;
}
#copyright {
  font-size:11px;
  margin:7px 48px 0 0;
  text-align: center;
}
#copyright img {
  display:block;
  margin-left:8px;
}
#copyright a {
  color:#999;
}

#connect {
  margin-right: 65px;
  padding-left: 7px;
  width: 180px;
}
#connect h2 {
  /* background:url("/home12/img/h-connect.gif") no-repeat; */
  background:url("/home12/img/homepage_NWPi.png") no-repeat; 
  background-size: 100px 20px;
  height:34px;
  margin: 11px 0 -4px 2px;
  text-indent:-9999px;
  width:180px;
}
#connect a {
  color:#999;
}
#connect p {
  margin-bottom:13px;
}
#connect input {
  margin-bottom: 1px;
  padding: 4px;
  width: 141px;
}
#connect form {
  margin-bottom: 10px;
}
#connect button {
  background:url("/home12/img/btn-connect.gif") no-repeat;
  border:none;
  display: inline-block;
  height: 31px;
  position: relative;
  text-indent: -9999px;
  top: 1px;
  width: 41px;
}

#resources {
  width: 219px;
}
#socialworld {
  width:200px;
}
#resources h2, #socialworld h2{
  /* background:url("/home12/img/h-resources.gif") no-repeat; */
  background:url("/home12/img/homepage_Resources.png") no-repeat; 
  background-size:  100px 20px;
  height:20px;
  margin:11px 0 15px;
  overflow:hidden;
  text-indent:-9999px;
  width:100px;
}
#socialworld h2 {
  /* background:url("/home12/img/h-social-world.gif") no-repeat; */
  background:url("/home12/img/homepage_Social_World.png") no-repeat; 
  background-size: 100px 20px;
  width:100px;
}
#resources ul,#socialworld ul{
  margin-left:11px;
}
#resources li,#socialworld li{
  list-style:url("/home12/img/li-star.png") outside;
}