/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 } 
 
#pagewidth{ 
 width:740px;
  font: normal 0.7em verdana; 
} 
 
#header{
 position:relative; 
 height:138px; 
 background-color:#fff; 
 background: url(../images/header.jpg) left top no-repeat;
 width:100%;
} 
 
#twocols{
 width:740px; 
 float:left; 
 position:relative; 
 margin: 0;
 padding: 0
  }
 
#rightcol{
 width:112px; 
 float:right; 
 position:relative; 
 background-color:#fff;
 }
 
#maincol{background-color: #fff;  
 float: left; 
 display:inline; 
 position: relative; 
 width:628px; 
 }
 
 #borderbox {
 width: 550px;
 border-left: 2px solid #000;
 border-right: 2px solid #000;
 margin: 0 0 0 74px;
 padding: 0;
  float: left
 }
 
 #ncclogo {
 position: absolute;
 top: 40px;
 left: 558px
 }
 
 /* FORMATTING */
 
 a:link, a:active, a:visited, a:hover {text-decoration: none; border: 0}
 
 h1 {
 color: #727272;
 margin: 0 0 5px 0;
 padding: 0;
 font-size: 1.6em
 }
 
 h2 {
 color: #A9808D;
 margin: 0 0 5px 0;
 padding: 0;
 font-size: 1.3em
 }
 
 #maincontent {
 padding: 20px 10px 20px 35px;
 color: #666666;
 float: left
 }
#maincontent a img { 
border: 0;
}



 #maincontent a {
 color: #000A9D;
 padding: 1px;
 font-weight: bold;
 }
 
 #maincontent a:hover {
 color: #C6BF55;
 border-bottom: none
 }
 


/* PRIMARY NAV */

#navlist {
margin: 0 0 0 77px;
padding: 0;
}

#navlist ul {
margin: 0;
padding: 4px 0 0 0;
}

#navlist ul li {
display: inline;
list-style: none
}

#navlist a {
font-weight: bold;
text-transform: uppercase;
color: #000;
font-size: 12px;
background: #C6BF55 url(../images/dotoff.gif) 0 5px no-repeat;
padding: 4px 5px 4px 15px;
margin: 0 2px 0 0
}

#navlist li.selecteditemstyle a,
#navlist a:hover {
color: #fff;
background: #C6BF55 url(../images/doton.gif) 0 5px no-repeat;
}

#maincontent span.required {font-weight: bold; color: red}
#maincontent span.error {display: block; border: 1px dashed; margin: 5px 0 5px 0;font-weight: bold; color: red; text-transform: uppercase; padding: 3px}

/* RIGHT COL */

#otwo {
color: #000B9B;
font-size: 10px;
font-weight: bold;
padding: 0 0 10px 5px
}

#rightlogos {
color: #C6BF55;
font-size: 10px;
font-weight: bold;
padding: 0 0 10px 5px;
margin: 5px 0 0 0
}

#rightlogos div.rightimg {
margin: 5px 0 5px 0
}

/* MAIN COL */

#maincol div.greenbar {
background: url(../images/greenbar.jpg) left top no-repeat;
height: 22px;
width: 628px;
margin: 0;
padding: 0;
}

div.imagelist {
margin: 0 20px 0 0;
padding: 0;
float: left
}

div.younghd {
 color: #A9808D;
 margin: 0 0 5px 0;
 padding: 0;
 font-size: 1.3em;
 font-weight: bold
}

div.councilhd {
 color: #C6BF55;
 margin: 0 0 5px 0;
 padding: 0;
 font-size: 1.3em;
  font-weight: bold
}

ul#young, ul#council {
margin: 10px 0 0 20px;
padding: 0
}

ul#young {
list-style: none;
list-style-image: url(../images/dotyoung.gif);
}

ul#council {
list-style: none;
list-style-image: url(../images/dotcouncil.gif);
}

#imagetable {
width: 500px;
padding: 0;
margin: 0;
}


#imagetable td,
#imagetable table,
#imagetable img {
padding: 0;
margin: 0;
}

.homephotos {margin: 0 0 10px 0}

td.kidsimages {width: 270px}

td.kidsimages .imagecaption {
margin: 1px 0 0 0;
color: #A9808D;
width: 200px
}

td.councilimages .imagecaption {
margin: 2px 0 0 0;
color: #C6BF55
}

table.documentimage,
table.documentimage td {
width: 250px;
}

#authorities {width: 255px;}

#authorities h2 {
 color: #A9808D;
 margin: 0 0 5px 0;
 padding: 0;
 font-size: 1.3em
 }

#authorities .image {margin: 15px 0 15px 0}

/* FOOTER */

#footer {
float: left;
width: 628px;
height: 22px;
color: #000;
background: url(../images/greenbar.jpg) left top no-repeat;
}

#footerlinks {padding: 4px 10px 4px 0; float: right}
#footerlinks a {
color: #000B99
}

#footerlinks a:hover {
color: #fff
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}