/* Start of CMSMS style sheet 'priority' */
/* REDEFINE HTML */
body { margin: 0; padding: 0; font: 0.9em/1.3em 'Lucida Grande', Arial, Helvetica, sans-serif; background-color: #DDD;}

a { color: #000;}
a:hover { color: #0082D3; text-decoration: none;}

h1 {font-size: 1.3em; color: #f05134; margin-top: 0; font-weight: normal;}
h2 {font-size: 1.1em; color: #0082D3; font-weight: bold;}
h3 {font-size: 1em; color: #00386C; font-weight: bold;}

/* MAIN LAYOUT */
     #wrapper {width: 920px; padding: 20px; margin: 0 auto; background-color: #FFF;}	
     #header {position: relative; height: 80px; width: 920px;}
     #left_column { width: 200px; float: left; }
     #right_column {width: 700px; float: right;}
     #latest_news, #jobs, #nlsignup, #brochure { margin: 0 0 1em 0; padding: 1em;}
     #nlsignup {background-color: #E9F0D5;}
     #brochure {border: 1px solid #DDDDDD;}

     #latest_news {background-color: #D5E6F0;}
     #jobs {background-color: #ECE9C4;}
     #footer { margin-top: 10px}

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 700px; /*Width of Carousel Viewer itself*/
	height: 208px; /*Height should enough to fit largest content's height*/
	background-color: #FFFFFF;  border: 1px solid #dbe2e6;
	}

	.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}

	.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0 20px; /*margin around each panel*/
	width: 700px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	
	}
	
	.panel .floated {float: right; margin-left: 20px;}
	
	.panel h3 {color: #8ba5b5;}
		
/* UTILITY BITS */
    .clearboth {clear: both; font-size: 1px; height: 1px;}
    .clearright {clear: right; font-size: 1px; height: 1px;}
    .clearleft {clear: left; font-size: 1px; height: 1px;}
    .highlight {margin: 5px 0 5px 0; background-color: #E6EFFD; border: 1px solid #D6DEEC; padding: 10px;}
    .pad {margin-bottom: 0.5em; clear: both;}

  /* HEADER MARKUP */	  
   #header img {float:left; border: 0;}
   
/* MAIN NAV */

    #navwrapper_sf { float: right; clear: right; }

/* LeftColumn MARKUP */

#latest_news ul { list-style: none; padding: 0; margin: 0;}
#latest_news li { margin-bottom: 0.5em; margin-left: 0; font-size: 0.9em; border-bottom: 0.1em dotted #B3BCCB; padding-bottom: 0.5em;}
#latest_news ul li ul li { margin-bottom: 5px; margin-left: 0px; font-size: 0.9em; padding: 5px; border-bottom: 0;}
#latest_news .sectionheader {font-size: 1.1em; font-weight: bold; margin-left: 0px; color: #0082D3; border-bottom: none;}

div#right_column div.leftcol img, div#right_column div.rightcol img {float: none; border: none; clear: both;}

/* RIGHT COLUMN MARKUP */
.floated {float: right; background-color: #FFF; margin: 0 0 1em 1em;}

.pullquote {float: right; margin: 0 0 1em 1em; padding: 0 1em; background-color: #CFC; border: 0.1em solid #396; width: 12em}
.pullquote p.quotee {font-weight: bold;}
.pullquote p.quotee_role {font-style: italic; font-size: 0.7em;}

#right_column li {list-style-image: url(/uploads/images/star.gif);}

/*Footer MARKUP */
#footer p {margin: 0 0 0 10px; font-size: 0.7em; text-align: center;}

/*NEWS MARKUP*/
#nsum {margin-left: 0; padding-left: 0;list-style-type:none;}
li.summary {margin-bottom: 0.5em; padding-bottom: 0.5em; margin-left: 0; padding-left: 0; border-bottom: 1px dotted #666;}
li.summary a{font-size: 0.9em; }
.datecat, #NewsPostDetailPrintLink, #NewsPostDetailReturnLink {font-size: 0.75em; color: #333;}

/* GENERAL MARKUP */
.person { border: 1px solid #DDD;
              padding: 20px;
              background-color: #E6EFFD;
              margin: 0 20px 20px 0;
              width: 288px;
              float: left;}
.person h1 {font-size: 1.1em;}
.person h2 {font-size: 1em;}
.person .quote {font-size: 0.75em; font-style: italic; margin: 0; padding: 0;}

/* Forms */
input {margin-bottom: 10px;}

.website {border: 1px solid #CCC; background-color: #FFF; padding: 20px; width: 285px; float: left; margin:0 10px 10px 0;text-align: center;}
#right_column div.website img { border: 0;}
.website p {font-size: x-small; }
.website h2 {font-size: 1em;}

.ga {margin: 0 0 0 10px; font-size: 0.7em;}

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

 .clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
 .clearfix {display:block;}
 /* End hide from IE Mac */

.leftcol {float:left; width: 320px; border-right: 1px solid #DDD; padding: 0 30px 0 0}
.rightcol {float:right; width: 320px; padding: 0;}

.quote {margin: 0 20px 20px 20px; font-weight: bold;}
.quotee {margin: 0 20px 0 20px; font-style: italic; font-size: small;}

div.float_panel { float:right; margin-left: 20px  }

.name {font-size: small; border-top: 1px solid #DDD; padding-top: 0.5em; margin-bottom: 2em}

/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border:1px solid #DDD;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	background:#CCC;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin-top:0.5em}

.contactform input {border: 1px solid #CCC;}
.contactform input.checkbox {border: none;}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #EEE;
	border: 1px solid #CCC;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
/* End of 'priority' */