<h1>500 - Temporary Error</h1>
<p>The server has encountered a temporary error: unable to read resource: "css/codaSlider.css"</p><h1>500 - Temporary Error</h1>
<p>The server has encountered a temporary error: unable to read resource: "css/codaSlider.css"</p><h1>500 - Temporary Error</h1>
<p>The server has encountered a temporary error: unable to read resource: "db:css/codaSlider.css"</p>

* {
font-family:Helvetica, Arial, sans-serif;
}

body {
padding:0;
margin:0;
background-image:url(/images/rotate/rotate.php);
background-repeat:no-repeat;
background-position:top center;
background-color:#fff;
z-index:-2;
}

div#containerContainer {
width:1057px;
}

div#container {
width:1004px;
float:left;
background-image:url('/images/contentBg.png');
padding:0 0 0 53px;
}

* html div#container {
background-image:none!important;
border-left:1px solid #ccc!important;
border-right:1px solid #ccc!important;
}

div#header {
width:950px;
height:150px;
float:left;
padding:10px 0 0 0;
}

div#logo {
width:230px;
height:53px;
float:left;
padding:50px 50px 0 55px;
}

div#topLinks {
width:auto;
height:28px;
float:right;
color:#c9c9cb;
font-size:14px;
padding:62px 0 0 0;
}

#topLinks a.topBtn {
background: transparent url(/images/topBtn-right.gif) no-repeat right 0; 
display: block;
float: left;
width: auto;
height: 28px;
padding-right: 7px;
margin: 0 12px 0 -5px;
text-decoration: none;
color: #fff;
overflow: hidden;
}

* html #topLinks a.topBtn {
margin-left:0!important;
}

#topLinks a.topBtn span {
background: transparent url(/images/topBtn-left.gif) no-repeat left 0; 
display: block;
line-height: 22px;
padding: 4px 0 2px 10px;
overflow: hidden;
}

* html #topLinks a.topBtn span {
overflow:auto!important;
}

#topLinks a.topBtn:hover {
background: transparent url(/images/topBtn-right.gif) no-repeat right -28px;
color:#fff;
}

#topLinks a.topBtn:hover > span {
background: transparent url(/images/topBtn-left.gif) no-repeat left -28px; 
}

#topLinks a.topBtn:active {
background: transparent url(/images/topBtn-right.gif) no-repeat right -56px; 
}

#topLinks a.topBtn span:active {
background: transparent url(/images/topBtn-left.gif) no-repeat left -56px; 
}
#topLinks a.topBtn:visited:hover {
color: #fff;
}

div#logo a {
width:230px;
height:53px;
display:block;
float:left;
background-image:url(/images/ccnslogo-up.png);
text-decoration:none;
background-position:0 -53px;
}

* html div#logo a {
background-image:url(/images/ccnslogo-up.gif)!important;
}

div#logo a:hover {
background-position:0 0;
}

div#quickLinks {
width:900px;
height:50px;
float:left;
text-align:left;
padding:0 0 8px 6px;
}

div#quickLinks a {
text-decoration:none;
padding:0 6px 0 0;
background-position:0 -50px;
}

div#quickLinks a:hover {
background-position:0 0;
}

div#quickLinks a#quickYou {
width:50px;
height:50px;
display:block;
float:left;
background-image:url(/images/youblue-up.png);
background-repeat:no-repeat;
}

div#quickLinks a#quickNs {
width:50px;
height:50px;
display:block;
float:left;
background-image:url(/images/nsblue-up.png);
background-repeat:no-repeat;
}

div#quickLinks a#quickFacts {
width:50px;
height:50px;
display:block;
float:left;
background-image:url(/images/factsblue-up.png);
background-repeat:no-repeat;
}

div#banner {
width:950px;
height:300px;
float:left;
}

div#banner.ap {
width:950px;
height:550px;
float:left;
}

div#banner.content {
width:950px;
height:auto;
float:left;
}

div#nav {
width:175px;
height:300px;
float:left;
}

div#navTop {
width:175px;
height:6px;
float:left;
background-image:url(/images/left-menutop.png);
background-repeat:no-repeat;
line-height:6px;
}


div#navMiddle {
height:294px;
/*height:245px;*/
width:175px;
float:left;
background-color:none;
background-image:url(/images/navBg.gif);
background-repeat:no-repeat;
padding-top:6px;
}

div#navBtm {
width:175px;
height:7px;
float:left;
background-image:url(/images/left-menubottom.png);
background-repeat:no-repeat;
}

div#blocks {
height:226px;
float:left;
width:760px;
padding:38px 0 0 0;
}

div#homeblocks {
height:280px;
float:left;
width:760px;
padding:0px;
}

div#blocks a {
text-decoration:none;
display:block;
width:226px;
height:226px;
float:left;
background-repeat:no-repeat;
background-position:0 -226px;
}


div#homeblocks a {
text-decoration:none;
display:block;
width:226px;
height:226px;
float:left;
background-repeat:no-repeat;
background-position:0 -226px;
}

div#blocks.subpage {
padding:0;
}

div#homeblocks.subpage {
padding:0;
}

div#blocks a:hover {
background-position:0 0;
}

div#homeblocks a:hover {
background-position:0 0;
}


div#youBlock,div#nsBlock,div#factsBlock {
width:226px;
height:226px;
float:left;
padding:0 0 0 23px;
}

div#IndividualsBlock,div#BusinessBlock,div#CommunityBlock {
width:226px;
height:226px;
float:left;
padding:0 0 0 23px;
}

div#IndividualsBlock a,div#BusinessBlock a,div#CommunityBlock a {
background-position:0 0;
}

div#youBlock a {
background-image:url(/images/you-up.png);
}

div#nsBlock a {
background-image:url(/images/ns-up.png);
}

div#factsBlock a {
background-image:url(/images/facts-up.png);
}

div#IndividualsBlock a {
background-image:url(/images/individual-button.png);
}

div#BusinessBlock a {
background-image:url(/images/business-button.png);
}

div#CommunityBlock a {
background-image:url(/images/community-button.png);
}

div#mainContent {
width:950px;
float:left;
padding:0 0 30px 0;
}

div#leftCol {
width:176px;
float:left;
padding:30px 0 0 24px;
}

div#leftCol a {
text-decoration:none;
float:left;
background-image:url(/images/nselogo-up.png);
background-repeat:no-repeat;
width:135px;
height:60px;
background-position:0 -64px;
}

div#leftCol a:hover {
background-position:0 0;
}

div#readPlanLogo {
width: 142px;
float: left;
padding: 30px 0 0 20px;
}

div#readPlanLogo a {
text-decoration:none;
float:left;
background-image:url(/images/actionplan-link.gif)!important;
background-image:no-repeat;
width:142px;
height:120px;
background-position:0 -118px;
}

div#readPlanLogo a:hover {
background-position:0 0;
}

div#watchVid {
width:142px;
height:100px;
float:left;
padding:30px 0 0 20px;
}

div#watchVid a {
text-decoration:none;
float:left;
background-image:url(/images/minister-link.gif)!important;
background-image:no-repeat;
width:142px;
height:100px;
background-position:0 -118px;
}

div#watchVid a:hover {
background-position:0 -9px;
}

div#sponsorLogos {
width:151px;
float:left;
padding:30px 0 0 24px;
}

div#sponsorLogos a {
text-decoration:none;
float:left;
background-image:url(/images/nselogo-up.png)!important;
background-repeat:no-repeat;
width:135px;
height:60px;
background-position:0 -64px;
}

div#sponsorLogos a:hover {
background-position:0 0;
}

div#centerCol {
width:490px;
float:left;
text-align:left;
}

div#centerCol.subpage {
width:720px;
float:left;
text-align:left;
}

/*div#centerLeft,div#centerCenter,div#centerRight {
width:223px;
float:left;
padding:20px 15px 0 0;
}*/

div#centerLeft {
width:223px;
float:left;
padding:20px 25px 0 0;
}

div#centerCenter {
width:223px;
float:left;
padding:20px 20px 0 0;
}

div#centerRight {
width:223px;
float:left;
padding:20px 0 0 0;
}

div#centerCol.subpage p {
padding:0 0 20px 0;
}

#colLeft {
width:350px;
margin:0 20px 0 0;
float:left;
}
#colRight {
width:350px;
margin:0;
float:left;
}

/*CONTENT STYLES*/


hr {
height:1px;
border:0;
background: url(/images/hr.jpg) repeat-x;
}

p {
font-weight:normal;
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
color:#000;
padding:0;
margin:0;
line-height:21px;
}

a {
font-weight:700;
text-decoration:underline;
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
color:#006785;
}

a:hover {
color:#979f00;
}
a.returnTop {
background: url(/images/returnToTop.jpg) no-repeat;
padding: 0 0 0 16px;
margin:0!important;
}

a.returntotop {
display:block;
width:auto;
float:left;
margin:0;
padding:0;
}

a img {
border:0;
}

h1,h2,h4,h5,h6 {
text-transform:lowercase;
}

h1 {
font-weight:700;
font-style:italic;
font-family:helvetica, Arial, sans-serif;
font-size:26px;
color:#006784;
padding:0;
margin:0;
}

h2 {
font-weight:700;
font-style:italic;
font-family:helvetica, Arial, sans-serif;
font-size:20px;
color:#6c491d;
padding:0;
margin:0;
clear:both;
}

h3 {
font-weight:700;
font-style:normal;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
/*color:#b5bf00;*/
color:#979f00;
padding:0;
margin:0;
text-transform:uppercase;
}

h4 {
margin:18px 0 0 0;
padding:0;
font-size: 16px;
}

h5 {
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
color:#735732;
padding:15px 0 0 0;
margin:0;
text-transform:uppercase;
}

h6 {
font-weight:bold;
font-style:italic;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
color:#555555;
padding:0px;
margin:0;
text-transform:capitalize;
}

/*END CONTENT STYLES*/

div#centerColSpacer {
height:400px;
width:1px;
float:left;
}

div#footer {
width:950px;
float:left;
clear:both;
border-top:1px solid #000;
/*REMOVE BOTTOM PADDING AND ABSOLUTE POSITIONING IF ISSUES OCCUR*/
padding:15px 0 15px 0;
}

/*REMOVE containerSpacer ALTOGETHER IF ISSUES OCCUR*/

div#containerSpacer {
width:1px;
float:right;
height:960px;
padding:0;
margin:0;
}

div#copyright {
font-size:11px;
color:#bebebe;
width:400px;
padding:0;
margin:12px 0 0 20px;
text-align:left;
float:left;
clear:both;
}

div#last-update {
font-size:11px;
color:#bebebe;
width:400px;
padding:0;
margin:12px 0 0 20px;
text-align:right;
float:right;
clear:both;
}


div#norex {
width:200px;
float:right;
display:none;
}

/*QNA*/
.QNAentry {
display:block;
margin:24px 0;
}
p.question {
color:#979F00;
font-size:14px;
font-weight:700;
}

/*Resources*/
p.videoTitle {
font-weight:700;
}
.resourceLinks ul {
list-style:none;
margin:0;
padding:0;
}
.resourceLinks h4 {
margin-bottom:0;
color:#735732;
}
.video_wrapper {
padding:9px 0;
border-bottom:1px dotted #979F00;
}

div#centerCol img {
padding:0 10px 0 0;
}

div#cookieCrumbs {
width:650px;
padding:15px 0 0 13px;
float:left;
color:#000;
}

div#contentPage {
width:746px;
float:left;
text-align:left;
padding:0 0 0 13px;
}

ul {
padding:0 0 0 15px;
margin:0;
}

ul li {
font-weight:normal;
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
color:#000;
padding:0;
margin:0;
}

div#homeblocks h1 {
padding:0 0 5px 21px;
text-align:left;
font-size: 32px;
}
div#blocks h1 {
padding:0 0 5px 21px;
text-align:left;
font-size:32px;
}


.VideoWrapper{
width:350px;
height:400px;
margin-left:15px;
float:left;
}
.VideoWrapper p{
padding-top:10px
}
.VideoWrapper h3{
height:38px;
}


/*ADMIN*/

form fieldset.hidden {
border:none;
padding:0;
margin:0;
}

form fieldset.hidden ol {
list-style-type:none;
padding:0;
margin:0;
}

form fieldset.hidden ol li {
padding:0 0 10px 0;
}

form fieldset.hidden ol li label {
font-weight:700;
font-style:normal;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
color:#b5bf00;
padding:0;
margin:0;
text-transform:capitalize;
}

form fieldset.hidden ol li input#username, form fieldset.hidden ol li input#password {
border:1px solid #ccc;
width:150px;
padding:5px;
color:#666;
font-weight:700;
}

/*END ADMIN*/

div#rightCol img {
border:none;
}

object {
padding:0;
margin:0 0 20px 0;
//float:left;
}

/*ACTION PLAN*/
.actionPlanTOC ul {
list-style:none;
margin:0;
padding:0;
}
.actionPlanTOC ul li {
margin:2px 0;
line-height:18px!important;
}
.actionPlanTOC ul li ul {
margin:0 0 0 18px;
}
.actionPlanIcons a {
float:left;
width:111px;
height:111px;
overflow:hidden;
margin:0 8px 8px 0;
text-indent:-9999px;
}
.actionPlanIcons a.clearMargin {
margin-right:0;
}
.actionIcon {
background: url(/images/actionPlan/actionPlanIcons-sprite.gif) no-repeat 0 0;
}
a#actionCleaner {
background-position:0 0;
}
a#actionCleaner:hover {
background-position:-111px 0;
}
a#actionEfficiency {
background-position:0 -111px;
}
a#actionEfficiency:hover {
background-position:-111px -111px;
}
a#actionRenewable {
background-position:0 -222px;
}
a#actionRenewable:hover {
background-position:-111px -222px;
}
a#actionTrans {
background-position:0 -333px;
}
a#actionTrans:hover {
background-position:-111px -333px;
}
a#actionAir {
background-position:0 -444px;
}
a#actionAir:hover {
background-position:-111px -444px;
}
a#actionLeadership {
background-position:0 -555px;
}
a#actionLeadership:hover {
background-position:-111px -555px;
}
a#actionEdu {
background-position:0 -666px;
}
a#actionEdu:hover {
background-position:-111px -666px;
}
a#actionAdapting {
background-position:0 -777px;
}
a#actionAdapting:hover {
background-position:-111px -777px;
}
a#actionMeasurement {
background-position:0 -888px;
}
a#actionMeasurement:hover {
background-position:-111px -888px;
}
/*END ACTION PLAN*/



div#contentPage p {
//width:640px;
}

div#contentPage div.VideoWrapper p {
width:350px;
float:left;
clear:left;
}

div.contentList p {
font-size:13px;
line-height:16px;
}

div.contentList h3 {
font-size:14px;
}

div#actionWrapper {
float:left;
width:700px;
}

p#ministerP {
float:left;
clear:left;
}

div#leftCol div#readPlanLogo,div#leftCol div#watchVid {
padding:0 0 20px 0;
}


#HomeCol1 {
float:left;
padding-right:10px;
margin:0!important;
width:460px!important; 
}

#HomeCol1 p {
max-width:440px;
}

* html #HomeCol1 p {
width:440px;
}

#HomeCol2 {
float:left;
padding-left:10px;
margin:0;
width:235px!important; 
}

/* Did You Know */

div#facts {
width:235px!important;
margin:10px 0 0 0;
text-align:left;
padding:0!important;
float:left;
}

#factsHeader {
background:url(/images/factsHeaderBg.jpg) no-repeat;
padding:0 12px;
height:34px;
}
#factsContent {
background:url(/images/factsContentBg.jpg) repeat-y;
padding:0 12px;

}
#factsContent p {
max-width:200px;
}

* html #factsContent p {
width:200px;
}

#factsFooter {
background:url(/images/factsFooterBg.jpg) no-repeat;
height:19px;
}
/*Profiles*/
.CategoryBlock {
width:226px;
float:left;
margin-right:10px;
white-space:normal;
margin-bottom:25px!important;
display:block!important;
}

.imageBlock {
float:left;
width:226px;
margin-bottom:15px;
display:inline;
}

.CategoryBlock p {
max-width:226px;
white-space:pre-line;
}

* html .CategoryBlock p {
margin:0!important;
padding:0!important;
}

* html .CategoryBlock p {
width:226px!important;
}

.CategorySpacer {
width:20px;
}
.imageBlock img {
margin-bottom:18px;
float:left;
}
.imageBlock h3 {
clear:both;
margin:0;
}
#imgHolder {
width:250px;
float:left;
margin:0 10px 18px 0;
}

div#footer li {
margin:0;
padding:0;
list-style:none;
}

div#last-update {
margin-top:-12px;
margin-right:20px;
}

div#search {
margin-top:20px;
float:left;
text-align:left;
padding-left:20px;
}

div#search label {
font-weight:700;
color:#006784;
}

div#search input#searchQ {
margin-bottom:5px;
padding:2px;
margin-top:0!important;
float:none!important;
}

div#nav-was input.searchbutton {
display:none!important;
}

div#nav-was div#search input {
float:right;
margin-top:-5px;
}

/*POST HTML CHANGE*/

div#nav-was, div#readPlanLogo, div#sponsorLogos, div#google-search {
float:left!important;
clear:left!important;
}

div#google-search {
width:150px!important;
}

* html div#google-search {
margin-left:-7px!important;
}

* html div#google-search input.searchbox {
width:130px!important;
}

* html div#youBlock a {
background-image:url(/images/you-up.gif);
}

* html div#nsBlock a {
background-image:url(/images/ns-up.gif);
}

* html div#factsBlock a {
background-image:url(/images/facts-up.gif);
}


* html #contentPage p {
padding:0!important;
margin:0!important;
}


* html div.clear {
display:none;
}z

div#colLeft.actionPlanTOC {
width:746px!important;
float:left!important;
text-align:left;
}


* html div#contentPage table {
width:718px!important;
overflow:hidden;
padding:0;
margin:0;
float:left;
clear:left;
}

* html div#contentPage table td {
width:auto!important;
}

* html div#contentPage {
overflow:hidden!important;
}

div#contentPage ul li {
line-height:18px!important;
}

* html .video_wrapper {
width:330px!important;
float:left;
}

* html .video_wrapper p {
width:330px!important;
}

* html div#colRight {
overflow:hidden!important;
}

* html div#colLeft.resourceLinks {
width:350px!important;
}

* html div#colLeft.resourceLinks p {
width:350px!important;
}

* html div#footer {
margin-top:30px!important;
}




#navUl, #navUl ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
}
ul#navUl {
width:175px;
height:28px;
}
#navUl li.menuDivider {
  width:175px;
  height:2px;
  background-image:url(/mockup/images/menuDivider.png);
  background-repeat:no-repeat;
float:left;
margin:0;
line-height:2px;
behavior:url(/iepngfix.htc);
clear:left;
}
#navUl a {
  display: block;
  font-family:Helvetica, Arial, sans-serif;;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  color:#fff;
  line-height:28px;
text-align:center;
text-transform:uppercase;
margin-top:-3px;
}
#navUl a:hover {
color:#fff;
background-image:url(/mockup/images/navHover.jpg);
background-repeat:no-repeat;
background-position:center center;
}

#navUl li { /* all list items */
  float:left;
  height:33px; /*Change to 37 if issues occur*/
line-height:33px;
clear:left;
text-align:center;
width:175px;
padding:1px 0 0 0;
}

#navUl li a {
  line-height:36px;
}
#navUl li ul{ /* second-level lists */
  position:absolute;
text-align:left;
  background:#d010b0;
  width: 16.5em;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navUl li ul li {
  display: block;
  clear: left;
  width: 100%;
  line-height:28px;
  border-bottom:1px dotted #fff;
}
#navUl li ul li a {
  font-size: 11px;
  line-height: 28px;
color:#fff;

}
#navUl li ul ul { /* third-and-above-level lists */
  margin: -1em 0 0 10em;
}

#navUl li:hover ul ul, #navUl li:hover ul ul ul, #navUl li.sfhover ul ul, #navUl li.sfhover ul ul ul {
  left: -999em;
}

#navUl li:hover ul, #navUl li li:hover ul, #navUl li li li:hover ul, #navUl li.sfhover ul, #navUl li li.sfhover ul, #navUl li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}

#navUl li ul li:hover, #navUl li ul li.sfhover {
  background-image:none;
}

#navUl li ul li a:hover {
  color:#353229;
  background-image:none;
}

#navUl li ul li ul li {
  top:0;
}
#footer ul {
list-style:none;
margin:0 0 0 20px;
padding:0;
text-align:left;
color:#000;

}
#footer ul li {
float:left;
padding:0 4px;
border-right:1px solid #999;
}
#footer ul li:first-child {
padding-left:0;
}
#footer ul li a {
color:#999;
font-size:10px;
font-weight:normal;
}

#footer ul li a:hover {
color:#999;
font-weight:normal;
text-decoration:none;
}








