@charset "UTF-8";
/* CSS Document */


html, body, #wrapper {
   min-height: 100%; /*Sets the min height to the
                       height of the viewport.*/
   width: 100%;
   height: 100%; /*Effectively, this is min height
                   for IE5+/Win, since IE wrongly expands
                   an element to enclose its content.
                   This mis-behavior screws up modern
                   browsers*/
   }

html>body, html>body #wrapper {
   height: auto; /*this undoes the IE hack, hiding it
                   from IE using the child selector*/
   }

body {
text-align:center;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
   position: absolute;
   top: 0;
   left: 0;
   }

.page1bg {
background:url(../backgrounds/CN-BG1.jpg) repeat;
}

.page2bg {
background:url(../backgrounds/CN-BG2.jpg) repeat;
}

.page2 {
background:url(../headers/page2header.png);
}

.page3bg {
background:url(../backgrounds/CN-BG3.jpg) repeat;
}

.page3 {
background:url(../headers/page3header.png);
}

.page4bg {
background:url(../backgrounds/CN-BG4.jpg) repeat;
}

.page4 {
background:url(../headers/page4header.png);
}

.page5bg {
background:url(../backgrounds/CN-BG5.jpg) repeat;
}

.page5 {
background:url(../headers/page5header.png);
}

.page6bg {
background:url(../backgrounds/CN-BG6.jpg) repeat;
}

.page6 {
background:url(../headers/page6header.png);
}

.page7bg {
background:url(../backgrounds/CN-BG7.jpg) repeat;
}

.page7 {
background:url(../headers/page7header.png);
}

#container {
text-align:left;
width:900px;
margin-left:auto;
margin-right:auto;
margin-bottom:75px;
}

#topbanner {
width:900px;
height:75px;
background:url(../images/green-topheader.png);
}

#pageheader {
width:900px;
height:214px;
}

#navigation {
width:900px;
height:69px;
background:url(../images/navbar.png);
}

#leftcolumn {
float:left;
width:648px;
height:449px;
background:url(../images/contentboxbg.png);
}

#rightcolumn {
margin-top:8px;
float:right;
width:230px;
}

#rightcolumnnav {

}

#rightcolumnnav li {
text-shadow: black 0.1em 0.1em 0.2em;
font-size:10pt;
color:#FFFFFF;
margin:0;
margin-left:10px;
margin-top:3px;
padding-left:10px;
padding-top:2px;
list-style-type:none;
width:198px;
height:25px;
background:url(../images/navbutton.png) no-repeat;
}

.rightcolumnnavitem {
text-shadow: black 0.1em 0.1em 0.2em;
font-size:10pt;
color:#FFFFFF;
margin:0;
margin-left:10px;
margin-top:3px;
padding-left:10px;
padding-top:2px;
width:198px;
height:25px;
background:url(../images/navbutton.png) no-repeat;
}

.rightcolumnnavitem a {
color:#FFFFFF;
text-decoration:none;
}

.rightcolumnnavitem a:hover {
color:#FFFFFF;
text-decoration:none;
}


#rightcolumnnav li a {
color:#FFFFFF;
text-decoration:none;
}

#rightcolumnnav li a:hover {
color:#FFFFFF;
text-decoration:none;
}

.rightnavitem {
margin-left:10px;
}

#footercontainer {
position:absolute;
bottom:0;
left:0;
text-align:center;
width:100%;
}

#footer {
margin-left:auto;
margin-right:auto;
text-align:left;
width:900px;
background:url(../images/green-footer.png) no-repeat;
height:100px;
font-size:10pt;
}

#footer a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#footer a:hover {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#footertextL {
text-align:left;
margin-left:20px;
margin-top:10px;
float:left;
width:550px;
color:#FFFFFF;
}

#footertextR {
margin-right:30px;
margin-top:10px;
float:right;
width:280px;
color:#FFFFFF;
text-align:right;
}

#strapline p {
margin:0;
padding-top:20px;
text-align:center;
color:#FFFFFF;
font-size:14pt;
}

#navcontainer {
float:left;
width:875px;
height:38px;
margin-left:10px;
margin-top:10px;
}

.frontpage {
margin-bottom:25px;
}

#navcontainer li{
color:#FFFFFF;
list-style-type:none;
padding-top:7px;
text-align:center;
width:143px;
margin-right:2px;
height:39px;
float:left;
}

#navcontainer li a {
color:#FFFFFF;
text-decoration:none;
}

#navcontainer li a:visited {
color:#FFFFFF;
text-decoration:none;
}

#contentbox {
margin-top:20px;
margin-left:15px;
width:580px;
height:380px;
padding:10px;
overflow:auto;
font-size:10pt;
}

#splash {
margin-bottom:10px;
}

#pagecontent {
margin-bottom:125px;
}

#rightnavtop {
width:224px;
height:28px;
background:url(../images/secondarynavtop.png);
}

#rightnavcontent {
margin-top:-3px;
width:224px;
background:url(../images/secondarynavtile.png) repeat;
}

#rightnavbottom {
width:224px;
height:65px;
background:url(../images/secondarynavbottom.png);
}