/* resets */
* {
  margin : 0;
  padding : 0;
}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* episerver menu enabler */
html, body
{
  height : 100%;
}

body {
  background : #fff url(/images/background.png) repeat-x scroll left top;
  color : #575757;
  font-family : "trebuchet ms",verdana,helvetica,arial,sans-serif;
  font-size : 62.5%; /* basefont for 1em is 10px */
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  line-height : 2em;
  margin : 0;
  padding : 0 10px;
}

/***************************/
/* breadcrumbs */

#breadcrumbs a, #breadcrumbs a:visited {
  color : #999;
  font-weight : normal;
  text-decoration : underline;
}

#breadcrumbs a:hover {
  text-decoration : underline;
}

#breadcrumbs {  
  color : #999;
  font-size : 0.75em;
  margin-left : 5px;
  margin-bottom : 5px;
}

#breadcrumbs ul, #breadcrumbs ul ul, #breadcrumbs li {
  margin : 0;
  padding : 0;
  list-style : none;
  display : inline;
  background : none;
}

#breadcrumbs ul ul {
  padding-left : 0.75em;
  margin-left : 0.45em;
  padding-left : 0.35em;
  background : url(/images/bcbullet.png) no-repeat left center;
}

#breadcrumbs ul li {
  margin-left : 8px;
}

#breadcrumbs ul, #breadcrumbs ul a {
  margin-left : 0;
  padding-left : 0;
}

/**************************************************/

/* links */
a {
  color : #6699CC;
  font-weight : bold;
  text-decoration : none;
}

a:link {
  color : #6699CC;
}

a:visited {
  color : #70ADD6;
}

a:hover {
  text-decoration : underline;
}

h1 {
  font-size : 1.7em !important;
  margin-bottom : .5em;
}

h2 {
  font-size : 1.25em;
  margin-bottom : .5em;
}

h3 {
  font-size : 1.1em;
  margin-bottom : .5em;
}

h4 {
  font-size : 1.4em;
}

ul {
  margin-bottom : 0.75em;
  list-style-type : none;
}

li 
{
    background : url(/images/bullet.png) no-repeat 0 7px;
    padding-left : 15px;
}

p.aligncentre {
  text-align : center;
}

p.alignright 
{
    text-align : right;
}

.readmore 
{
    text-align : right;
    display : block;
}

p {
  font-size : 0.9em;
  margin-bottom : 0.25em;
}

q {
  font-style : oblique;
  margin-bottom : 0.25em;
}

blockquote {
  font-style : oblique;
  margin : 1em;
  padding : 0.5em;
  background : #eee;
}

blockquote cite {
  text-align : right;
  font-style : normal;
  display : block;
}

/* header styles */

#leftheader, #rightheader {
  height : 43px;
  position : absolute;
  top : 0;
  width : 5px;  
}

#leftheader {
  background : transparent url(/images/leftendnav.png) no-repeat scroll left top;
  left : 0;
}

#rightheader {
  background : transparent url(/images/rightendnav.png) no-repeat scroll right top;
  right : 0;
}

#header {
  background : #EAEAEA url(/images/navbghighlt.png) repeat-x scroll 0 0;
  height : 43px;
  margin-bottom : 5px;
  position : relative;
  z-index : 10;
}

.npnetworked {
  color : #6699CC;
}

.npplanet {
  color : #99CC00;
}

#nplogo {
  display: block;
  float : left;
  font-size : 1.75em;
  font-weight : normal;
  letter-spacing : -0.045em;
  padding : 11px 15px;
  text-align : center;
  width : 188px;
}

#nplogo a {
  font-weight : bold;
  text-decoration : none;  
}

/************************/
/* main navigation menu */

#navwrapper {
  background : transparent url(/images/navdivider.png) no-repeat scroll left top;
  float : left;
  padding-left : 2px;
  width : auto;
}

#nav {
  float : none;
  height : 43px;
  width : auto;
}

#nav a, #nav active {
  color : #878787;
  text-decoration : none;          
}

ul.dropdown, ul.dropdown li, ul.dropdown ul {
  list-style-image : none;
  list-style-position : outside;
  list-style-type : none;
  margin : 0;
  padding : 0;
  width : auto;
}

ul.dropdown {
  float : left;
  position : relative;
  z-index : 597;
  width : auto;
}

ul.dropdown li {
  background : transparent url(/images/navdivider.png) no-repeat scroll right top;
  float : left;
  height : 29px;
  line-height : 1.3em;
  margin-top : 1px;
  padding : 13px 15px 0;
  vertical-align : middle;
  width : auto;  
}


ul.dropdown li.hover, ul.dropdown li:hover {
  background : transparent url(/images/navbghighlt.png) repeat-x scroll 0 -43px;
  cursor : default;
  position : relative;
  z-index : 599;  
}

ul.dropdown li ul li.hover, ul.dropdown li ul li a:hover {
  background : #EAEAEA none repeat scroll 0 0; 
}

ul.dropdown ul {
  background : #F8F8F8 none repeat scroll 0 0;
  border-bottom : 1px solid #E1E1E1;
  border-left : 1px solid #E1E1E1;
  border-right : 1px solid #E1E1E1;
  left : 0;
  padding : 10px 0;
  position : absolute;
  top : 100%;
  visibility : hidden;
  width : 15em;
  z-index : 598;
}

ul.dropdown ul li {
  background : transparent none repeat scroll 0 0;
  float : none;
  height : auto;
  width : auto;
}

ul.dropdown li:hover > ul {
  visibility : visible;
}

ul.dropdown li ul li {
  padding : 2px 15px;
}

ul.dropdown li.hover, ul.dropdown li:hover {
  background-color : #eee;
}

ul.dropdown a:link, ul.dropdown a:visited {
  color : #000;
}

ul.dropdown a:active {
  color : #FFA500;
}

ul.dropdown li ul li a {
  font-weight : normal;
}

ul.dropdown-horizontal ul .dir {
  padding-right : 15px;
}

#search {
  color : #666;
  float : right;
  margin : 13px 13px 0 0;
  width : auto;
}

/***********************/
/* main content styles */

#wrapper {
  margin-left : auto;
  margin-right : auto;
  margin-top : 30px;
  max-width : 1200px;
  min-width : 976px;
  font-size : 1.4em;
}


#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#fff;		/* Left column background colour */
	border-top : 1px dotted #ddd;
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:#fff;    	/* Centre column background colour */
	border-left : 1px dotted #ddd;
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#fff;    	/* Right column background colour */
	border-left : 1px dotted #ddd;
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 10px 0 410px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
	background : #fff;
	margin-top : 10px;
}
#col2 {
	float:left;
	width:200px;
	position:relative;
	margin-left:-50%;
	left:200px;
	overflow:hidden;
}
#col3 {
	float:left;
	width:180px;
	position:relative;
	left:10px;
	overflow:hidden;
	margin-top : 5px;
}


.linkcontainer {
  margin-bottom : 10px;
}

/****************************/
/* subnavigation menu       */

#subnavul ul a:link, #subnavul ul a:visited {
  color : #99CC00;
}

#subnavul {
  list-style-image : none !important;
  list-style-position : outside !important;
  list-style-type : none !important;
  padding-left : 0;
  margin-bottom : 15px;
  background : none;
  font-size : 0.85em;
  text-align : right;
}

#subnavul li {
  padding : 0.3em 10px 0.3em 0;
  list-style-image : none !important;
  list-style-type : none !important;
  background : none;
}

#subnavul > li 
{
  border : 0px;
  border-bottom : 1px dotted #ddd;
}

#currentsubli > span 
{
  padding : 0.3em 10px 0.3em 0 !important;  
  display : block;
  border-right : 5px solid #ddd;
}

#subnavul > #currentsubli {
  padding : 0 !important;
}

#currentsubli ul {
  margin : 0;
  padding : 0 !important;
  border-right : 5px solid #ddd;
}

#currentsubli ul li {
  border-top : 1px dotted #ddd;
}

.date {
  font-size : .9em;
  color : #999;
  display : block;
}

.leftcolum 
{
 clear  : left;
}

.leftcolumn, .midcolumn, .rightcolumn {
  float : left;
  width : 33%;
}

.colwrapperleft {
  margin : 0 5px 0 0;
}

.colwrappermid {
  margin : 0 5px;
}

.colwrapperright {
  margin : 0 0 0 5px;
}

/*************************/
/* footer styles         */

#footer {
  clear : both;
  font-size : 1.1em !important;  
  line-height : 1.7em;
  min-width : 976px;
  width : 100%;
}

#footer p {
  clear : both;
  font-size : 1em !important;
}

span.title {
  font-size : 1.2em;
}

#footerwrapper {
  border-top : 1px dotted #DDDDDD;
  margin : 0 auto;
  max-width : 1200px;
  min-width : 976px;
  padding : 10px 0;
}

#subfooternav {
  clear : both;
  display : inline;
  float : none;
  width : auto;
}

#subfooternav li {
  border-right : 1px dotted #DDDDDD;
  float : left;
  margin-bottom : 10px;
  padding : 0 0.4em;
  width : auto;
  background : none;
}

#subfooternav li:first-child {
  padding-left : 0;
}

#subfooternav li:last-child {
  border-right : 0 solid gray;
}

#subfooternav, #subfooternav li {
  list-style-type : none;
  list-style-image : none;
}

#footerrightcol address {
  font-style : normal;
}

#footerleftcol {
  float : left;
  width : 60%;
}

#footerrightcol {
  float : right;
  width : 30%;
}

/* clearfix */

.clearfix:after {
  clear : both;
  content : ".";
  display : block;
  height : 0;
  line-height : 0;
  visibility : hidden;
}

.clearfix {
  display : inline-block;
}

html[xmlns] .clearfix {
  display : block;
}

* html .clearfix {
  height : 1%;
}

/********************/
/* frontpage styles */
#contentcopy {
  height : 250px;
  margin : 0 0 5px 0;
}

.outerleftcolumn {
  float:left;
  width:200%;
  margin-left:-200px;
  position:relative;
  right:100%;
  background:#fff;
  border-right : 1px dotted #ddd;
}

.outerleftcolumnwrap {
  float:left;
  width:50%;
  position:relative;
  left:50%;
  padding-bottom:1em;
}

.outerleftcolumncontent {
  margin:0 0 0 200px;
  overflow:hidden;
  padding : 5px 5px 0;
}

.rightnewslinks {
  float:right;
  width:190px;
  position:relative;
  left:200px;
  padding : 5px 0 0 0;
}

.bigger {
  font-size : 1.1em;
}

a img {
  border : 0;
}

.blurb {
  font-style : oblique;
}

/* evaluation button */
.divbutton {
  clear : both;
  font-size : 1.1em;
  padding : 0 10px;
  margin: 25px auto;
  width : 20em;
  text-align : center;
}

a.button {
  background : #689acd url(/images/buttonbg.png) top left;
  border : 1px solid #ccc;
  color : #fff;
  line-height : 1.1em;
  padding : 0.75em 2.5em;
  text-align : center;
  text-decoration : none;
  width : auto;
  display : block;
}

a.button span {
  font-size : 1.3em;
}

a.button:active {

}

a.button:active span {

}

a.headerlink {
  text-decoration : none;
  color : #575757;
}

a.headerlink:hover {
  text-decoration : underline;
}


/***************************/
/* breadcrumbs */

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:hover {
  color : #999999;
  font-weight : normal;
  text-decoration : underline;
}

#breadcrumbs {
  color : #999999;
  font-size : 0.75em;
  margin-left : 5px;
  margin-bottom : 5px;
}

#breadcrumbs ul, #breadcrumbs ul ul, #breadcrumbs li {
  margin : 0;
  padding : 0;
  list-style : none;
  display : inline;
}

#breadcrumbs ul ul {
  padding-left : 0.75em;
  margin-left : 0.45em;
  padding-left : 0.35em;
  background : url(/images/bcbullet.png) no-repeat left center;
}

#breadcrumbs ul li {
  margin-left : 8px;
}

#breadcrumbs ul, #breadcrumbs ul a {
  margin-left : 0;
  padding-left : 0;
}

/*******/

ul.relatedul {
  list-style-image: url(/images/bullet.png);
  padding-bottom : 0;
  font-size : .9em;
  font-weight : bold;
}

.floatright {
  float : right;
  margin-left : 10px;
}

.floatleft {
  float : left;
  margin-right : 10px;
}

img.floatright {
  margin : 0 0 10px 10px;
}

img.floatleft {
  margin : 10px 10px 0 0;
}


.centreimg {
  clear : both;
  margin : 10px auto;
  display : block;
}


.contentitem {
  margin-bottom : 2em;
  clear : both;
  border-bottom : 4px solid #C0D4E8;
}

.flatul, .flatul ul, .flatul li {
  padding : 0;
  list-style : none;
  margin : 0;
  background : none;
}

.flatul > li { 
    margin-bottom : 0.5em;
}

.flatul p {
    margin-bottom : 0.25em;
}

.italic {
    font-style : italic;
}

.smaller {
    font-size : .8em;
}


#pagingul 
{
    display : block; 
}
#pagingul li 
{
    list-style : none !important;   
    background : none;
    padding : 0;
    margin : 0;    
}

#pagingul #newerli
{
  float : left;
}

#pagingul #olderli 
{
  float : right;
}

#pagingul li a 
{
    border : 1px solid #ddd;
    display : block;
    padding : 5px 15px;
    text-align : center;
    text-transform : capitalize;    
    text-decoration : none;
}

#pagingul li a:hover 
{
    color : #fff;
}

#pagingul li:hover 
{
    background : #6699cc;
}

.gray 
{
    color : #999;
}

.small 
{
    font-size : .9em;
}

.tagul, .tagul li
{
    display : inline;   
    background : none;
    padding :0;
    margin : 0;
}

.tagul li 
{
    list-style : none;
    list-style-position : inside;    
    margin-right : .5em;
}

dl.video-list dt {
clear : both;
width : 320px;
height : 249px;
float : left;
margin-left : 20px;
margin-right : 20px;
}

dl.video-list dd {
  height : 249px;
  margin-bottom : 20px;
position:relative;
}

.red {
  color : #ff0000;
}

a.watch-vid {
	display:block;
	padding:5px 10px;
	border: 1px solid #70ADD6;
	float:right;
	margin-top:10px;
}
a.watch-vid:hover {
	color:#fff;
	background-color: #70ADD6;
}

#evalform
{
    border : 1px solid #ddd;
    margin : 2em auto;
    padding : 0.5em 1em;
    width : 500px;  
    position : relative;  
}

#evalform fieldset 
{
    border : 1px solid #ddd;
    margin : 0 10px 20px 0;
    padding : 0.5em 1em;
    float : none;
    width : auto;
    position : relative;
}

#evalform legend 
{
    position : relative;
    font-weight : bold;
    padding: 0 0.5em;
    font-size : 0.9em;
    color : #575757;
}

#evalform label 
{
    font-weight: bold;
    /*float : left;*/
    width : 10em;
    margin-right : 1em;
    text-align : right;
}

#evalform fieldset p 
{
    float : left;
    clear : left;
    width : 100%;    
}

#evalform .checkbox label 
{

}

#evalform .checkbox input
{
    margin-right : 1em;
}

#evalform .submit 
{
    float : none;
    width : auto;    
    display : block;
    position : relative;
    margin : 0 auto;
}

ol li 
{
    margin-left : 2em;
    background : none !important;
    padding-left : 0 !important;
}

/* PDF document links */
a[href$='.pdf'] {
background:transparent url(/images/pdf.png) center right no-repeat !important;
padding-right:20px;
}

/* PPT document links */
a[href$='.ppt'], a[href$='.pptx'] {
background:transparent url(/images/ppt.png) center right no-repeat !important;
padding-right:20px;
}