@charset "utf-8";
/*@media all and (min-width:600px) {
	@font-face {
		font-family: 'display_font';
		src: url('/cnss/fonts/Vera-webfont.eot');
		src: url('/cnss/fonts/Vera-webfont.eot?#iefix') format('embedded-opentype'),
			 url('/cnss/fonts/Vera-webfont.woff') format('woff'),
			 url('/cnss/fonts/Vera-webfont.ttf') format('truetype'),
			 url('/cnss/fonts/Vera-webfont.svg#display_font') format('svg');
		font-weight: normal;
		font-style: normal;
	}
}*/
@font-face {
    font-family: 'display_font';
    src: url('/cnss/fonts/droidsans_regular_macroman/DroidSans-webfont.eot');
    src: url('/cnss/fonts/droidsans_regular_macroman/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/cnss/fonts/droidsans_regular_macroman/DroidSans-webfont.woff') format('woff'),
         url('/cnss/fonts/droidsans_regular_macroman/DroidSans-webfont.ttf') format('truetype'),
         url('/cnss/fonts/droidsans_regular_macroman/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
} 
/* ==========================================================================
   Font-Face Declarations 
   Copyright (c) 2003 by Bitstream, Inc. All Rights Reserved.  
   Bitstream Vera License can be found at this permalink: 	   
   http://www.fontsquirrel.com/license/Bitstream-Vera-Sans
   ========================================================================== */
/*@font-face {
    font-family: 'BitstreamVeraSansOblique';
    src: url('/cnss/fonts/Vera-Italic-webfont.eot');
    src: url('/cnss/fonts/Vera-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/cnss/fonts/Vera-Italic-webfont.woff') format('woff'),
         url('/cnss/fonts/Vera-Italic-webfont.ttf') format('truetype'),
         url('/cnss/fonts/Vera-Italic-webfont.svg#BitstreamVeraSansOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BitstreamVeraSansBold';
    src: url('/cnss/fonts/Vera-Bold-webfont.eot');
    src: url('/cnss/fonts/Vera-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/cnss/fonts/Vera-Bold-webfont.woff') format('woff'),
         url('/cnns/fonts/Vera-Bold-webfont.ttf') format('truetype'),
         url('/cnss/fonts/Vera-Bold-webfont.svg#BitstreamVeraSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BitstreamVeraSansBoldOblique';
    src: url('Vera-Bold-Italic-webfont.eot');
    src: url('Vera-Bold-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Vera-Bold-Italic-webfont.woff') format('woff'),
         url('Vera-Bold-Italic-webfont.ttf') format('truetype'),
         url('Vera-Bold-Italic-webfont.svg#BitstreamVeraSansBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
 * Display Definitions
 * includes HTML5 Boilerplate | http://html5boilerplate.com
 *    What follows is the result of much research on cross-browser styling.
 *    Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 *    Kroc Camen, and the H5BP dev community and team.
   ========================================================================== */
* {margin:0;padding:0;}
/* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
/* Include padding as part of width */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div {
    display: block;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; 
    box-sizing: content-box;
	/*-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;*/
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
    word-wrap: break-word;
}
/* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
/** Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices. */
audio:not([controls]) {
    display: none;
    height: 0;
}
/* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support. */
[hidden] {
    display: none;
}
/* ==========================================================================
   Base
   ========================================================================== */
/* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
 * 3. Force vertical scrollbar in non-IE */
html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
    overflow-y: scroll; /* 3 */
}
/* Address `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea, pre {
    font-family: Verdana, Helvetica, Arial, sans-serif;
}
/* Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 * Note: Ignored by IE8 */
::-moz-selection {  
    background: #B6C7DA;
    text-shadow: none;
}
::selection {
    background: #B6C7DA;
    text-shadow: none;
}
/* ==========================================================================
   Links
   ========================================================================== */
/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
    outline: thin dashed #FF6600;
}
/* Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover {
    outline: 0;
}
/* ==========================================================================
   Typography
   ========================================================================== */
/* Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] {
    border-bottom: 1px dotted;
}
/* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong {
    font-weight:bold;
}
i, em {
    font-style: italic;
}
blockquote {
    margin: 1em 3em;
}
/* Address styling not present in Safari 5 and Chrome. */
dfn {
    font-style: italic;
}
/* Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization. */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
/* A better looking default horizontal rule */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #dde1e7;
    margin: .75em 0;
    padding: 0;
}

/* Address styling not present in IE 6/7/8/9. */
mark {
    background: #ff0;
    color: #000;
}
ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}
/* Address margins set differently in IE 6/7. */
p, pre {
    margin: .5em 0;
}
/* Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers. */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
/* Address CSS quotes not supported in IE 6/7. */
q {
    quotes: none;
}
/* Address `quotes` property not supported in Safari 4. */
q:before, q:after {
    content: '';
    content: none;
}
/* Address inconsistent and variable font size in all browsers. */
small {
    font-size: 80%;
}
/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* ==========================================================================
   Lists
   ========================================================================== */
/* Address margins set differently in IE 6/7. */
dl, ol, ul {
    margin: .5em 0;
}
dd {
    margin: 0 0 0 1em;
}
/* Address paddings set differently in IE 6/7. */
ol, ul {
    padding: 0 0 0 1em;
}
/* Correct list images handled incorrectly in IE 7. */
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
/* ==========================================================================
   Embedded content
   ========================================================================== */
/* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 * 3. Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
    vertical-align: middle; /* 3 */
}
/* Correct overflow displayed oddly in IE 9. */
svg:not(:root) {
    overflow: hidden;
}
/* ==========================================================================
   Figures
   ========================================================================== */
/* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure {
    margin: 0;
}
/* ==========================================================================
   Forms
   ========================================================================== */
/* Correct margin displayed oddly in IE 6/7. */
form {
    margin: 0;
}
/* Define consistent border, margin, and padding. */
fieldset {
	border: 0;
    margin: 0;
    padding: 0;
}
/* 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7. 
 * 4. Correct vertical alignment in IE. */
legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
	margin-top:-.25em; /* 4 */
}
/* 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome.
 * 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}
/* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7 */
button, input {
    line-height: normal;
	*overflow: visible;
}
/* Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select {
    text-transform: none;
}
/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs. 
 *   Known issue: inner spacing remains in IE 6. */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}
/* Re-set default cursor for disabled elements. */
button[disabled],
html input[disabled] {
    cursor: default;
}
/* 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6. */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 1em; /* 3 */
    *width: 1em; /* 3 */
}

/* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof). */
input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}
/* Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/* Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/* 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers. 
 * 3. Allow only vertical resizing of textareas. */
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
    resize: vertical;  /* 3 */
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
    cursor: pointer;
}
/* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */
table button, table input {
*overflow: auto;
}
/* ==========================================================================
   Tables
   ========================================================================== */
/* Remove most spacing between table cells. */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Typography and basic tag styles
   ========================================================================== */
/* Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 {
    font-size: 1.647em;
	line-height:1.824em;
    margin: 1.25em 0 .5em 0;
	letter-spacing:.1em;
	font-weight: 200;
	
}
h2 {
    font-size: 1.833em;
	line-height:1.529em;
    margin: .5em 0 .25em;
	letter-spacing:.05em;
	font-weight:200;
}
h3 {
    font-size: 1.500em;
	font-weight:100;
	line-height:1.353em;
    margin: .5em 0 .25em;
	letter-spacing:.1em;
}
h4 {
    font-size: 1.222em;
	font-weight:150;
	line-height:1.353;
    margin: .5em 0 .25em;
	letter-spacing:.1em;
}
h5, h6 {
    font-size: 1em;
	font-weight:150;
	line-height:1.353;
    margin: .5em 0 .25em;
	letter-spacing:.1em;
}

p, li, td, th, caption {
	word-spacing:.05em;
    font-size: 1em;
	line-height:1.5385em;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'display_font', Verdana, Helvetica, Arial, sans-serif;
}
h1, h2, h3 {
	text-transform:uppercase;
}
p + h1, p + h2, p + h3 {
	padding-top:1em;
}
ul + h1, ul + h2, ul + h3 {
	padding-top:1em;
}
p + h4 {
	padding-top:.25em;
}
ul + h4 {
	padding-top:.35em;
}
p {  
	padding:.25em .5em .25em 0;
	margin:0; 
}
p + p{
	padding-top:.875em;
}
td {
	white-space:normal;
}
ul {
    list-style-type: disc;
}
ul ul {
    list-style-type: circle;
}
ul ul ul {
    list-style-type: square;
}
ol {
    list-style-type: decimal;
}
ol ol {
    list-style-type: lower-alpha;
}
ol ol ol {
    list-style-type: lower-roman;
}
li ul, li ol {
    font-size: 1em;
}
a:link {
	color:#414552;
	text-decoration:none;
}
a:visited {
	color:#414552;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#1a4ec7;
}
a:active, a:focus {
	text-decoration:underline;
	color: #d63300;
    outline: thin dotted #FF9900;
}
figure img {
	max-width:100%;
}
input[type="submit"], input[type="button"], input[type="password"], input[type="login"] {
	padding: 4px 1em 3px 1em;
	margin:.5em 0;
	line-height:1em;
}
input[type="password"], input[type="login"], input[type="text"] {
	padding: 1px;
}
input[type="submit"], input[type="button"] {
	background-color:#53566a; 
    border: 1px solid #6a6d81;
	color:#fff;
	padding:.5em 1em;
}
input[type="submit"]:focus, input[type="button"]:focus,
input[type="submit"]:hover, input[type="button"]:hover {
	background-color:#7c7f8c;
	border-radius:.45em;
}
.buttonLink:link, .buttonLink:visited, .buttonLink:hover, .buttonLink:active, .buttonLink:focus{
	text-decoration:none;
	text-shadow:none;
	color:#fff;
	padding:.5em 1em;
    border: 1px solid #6a6d81;
}
.buttonLink:link, .buttonLink:visited, .buttonLink:active {
	background-color:#53566a; 
}
.buttonLink:hover, .buttonLink:focus{
	background-color:#7c7f8c;
	border-radius:.45em;
}
input:focus {
    outline: thin dotted #FF4609;
}
textarea, select, input {
	line-height:1.5em;
}
option {
	padding-bottom:.2em;
}
table input[type="submit"], table input[type="button"], table input[type="password"], table input[type="login"] {
	overflow: visible;
}
fieldset {
	background-color: #fbfbfc;
    border: 1px solid #a4a6a6;
    padding: 0.35em 0.75em 0.75em;
	margin: 0 .5em 1em 0; 
}
/* ==========================================================================
   Global Settings
   ========================================================================== */
/* ==========================================================================
   Modern Clean CSS Sticky Footer works with IE8+
   http://mystrd.at/modern-clean-css-sticky-footer/
   ========================================================================== */
body {
	color:#414552;
    /*font:93.8%/1.625em Tahoma, Verdana, sans-serif;*/
    /*font:112.5%/1.750em 'display_font', Verdana, Helvetica, Arial, sans-serif;*/
    font:100%/1.750em 'display_font', Verdana, Helvetica, Arial, sans-serif;
	letter-spacing:.05em;
    margin-bottom:-10em; /* can't use with mobile side nav??? */
	/* stickyfooter: must = footerWrapper height and outerContainer padding bottom */
	/* neg value prevents extra space below footer [our adjustment] */
	min-width: 270px;  /* min-width of banner image + MENU image in IE 20150514 */
	/*background-color:#fbfbfc; */
	background: #3a3d51;
	background: #d7d7d8;
}
html {
    position: relative;
    min-height: 100%;
	min-width: 270px;  /*min-width of banner image + MENU image in IE 20150514 */
}
#mainWrapper {
}
/* Set MAX Width */
.widthConstraint {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
/* Base Layout Areas/Containers */
#outerContainer {
	/*padding-bottom: 10em;  stickyfooter: must = footerWrapper height and body margin bottom */ 
	/*border-bottom:1px solid #b5b5b6;*/
}
#innerContainer {
	/*margin-bottom: 2em;
	padding-bottom: 2em;*/
	border-left:1px solid #b5b5b6;
	border-right:1px solid #b5b5b6;
	background: #ffffff;
}
/* Footer Styles */
#footerWrapper{
	/* p/o stickyfooter*/  
	/*position:absolute; 
	left:0;  
	bottom:0; */
	height:10em;  /*stickyfooter: must = outerContainer padding bottom and body margin bottom */
	/*border-top: 2px solid #ffffff;*/
    width: 100%;
	padding:2em 0;
	background: #3a3d51; 
	clear:both;
}
.divBacker {
	background-color:#e8eae5;
}
#footerWrapper, #footerWrapper a{
	color:#fff;
}
#footer2 {
	padding:1.25em 0;
	text-align:center;
}
/* Header Styles */
header { 
	/*background-color:#d7d7d8;
	border-bottom:1px solid #3a3d51;
	background-color:#fbfbfc;
	border-bottom:1px solid #b5b5b6;*/
}
/*.topBacker {
	background-color:#fbfbfc;
	border-top: 1px solid #3a3d51;
	border-bottom: 1px solid #3a3d51;
	
}*/
.headerBanner a {
	color:#fff;
}
.classificationHeader { 
	padding:0;
	background-color:#fbfbfc;
	/*border-top: 1px solid #3a3d51;
	border-bottom: 1px solid #3a3d51;*/
	border-left: 1px solid #b5b5b6;
    border-right: 1px solid #b5b5b6;
}
/* Classification Styles */
.classificationHeader p, .classificationFooter p, #lastModDate {
	text-align: center;
	letter-spacing:0;
	padding-left:.5em;
	padding-right:.5em;
}
.classificationFooter p, #lastModDate {
	color:#fff;
}
#lastModDate {
	padding:.75em 0;
	margin:0 auto;
	font-size: .75em;
}
.classificationFooter {
	border-top: 1px solid #565666;
    margin: 2em auto;
    padding: 0.5em 0 1.25em;
}
.classificationHeader,
.classificationFooter {
	font-size: .75em;
}
.errorMsgTop {
	border-top: 1px solid #cee3e9;
}
/*.classificationHeader p, .errorMsgTop a{
	color:#fff;
}*/
.title h1 a {
	text-decoration:underline;
	color:#fff;
}
.title h1 img {
	max-height:148px;
	max-width:598px; 
	min-width:198px;
	min-height:48px;
	width:98%;
}
.title h1 { 
    margin:0; padding:0;
	line-height:1em;
	color:#fff;
	text-transform:none;
}
.title img {
    margin-bottom: -.5em;
}
.title { 
    display: block;
	margin-right: 20em;
}
.headerRight {
	float:right;
	text-align:right;
}
/*.headerRight p {
	padding-right:1em;
}
.headerRight p.searchDisplay {
	padding-right:0;
	font-weight:bold;
}
.loginDisplay {
	padding-left:.5em;
}
.displayName {
	padding:0 1em;
	float:left;
}
.displayName p, .loginDisplay  p{
	font-size:.875em;
	letter-spacing:0;
	font-weight:bold;
}*/
.headerRight p.search  a{
	font-weight:bold;
	letter-spacing:0;
	padding: 0.4em 2.2em 0.5em 0;
	text-align:right;
}
.quickLogin fieldset, .topWrapper, .topWrapper2 {
	width:13em;
	margin:0.5em;
	background-color: #fbfbfc;
	border: 1px solid #a4a6a6;
	text-shadow:none;
    /*border-radius: 0.45em;
    -moz-border-radius: 0.45em;
    -webkit-border-radius: 0.45em;
    box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px 3px rgba(0, 0, 0, 0.1);*/
}
.topWrapper2 {
    display:inline-block;
	margin-left:3em;
}
.lt-ie8 .topWrapper {
	margin-right:1em;
}
.headerLinks:link,
.headerLinks:visited {
	text-decoration:none;
	background:transparent url(/cnss/images/icons/search_sml.png) right -13px no-repeat;
	padding:0 2em;
}
.headerLinks:hover,
.headerLinks:active,
.headerLinks:focus {
	background:transparent url(/cnss/images/icons/search_sml.png) right -41px no-repeat;
}

/* Vertical Divisions - 12 columns with 5% gutter */
.columnUnit{
	width:3.75%;
	float:left;
	}
.columnUnit + .columnUnit{
	margin-left:5%;
}
.lt-ie8 .columnUnit + .columnUnit{
	margin-left:4%;
}
.columnUnit + .columnUnit.width_12span{
	margin-left:0;
}
.width_1span{
	width:3.75%;
	}
.width_2span{
	width:12.5%;
	}
.width_3span{
	width:21.25%;
	}
.width_4span{
	width:30%;
	}
.width_5span{
	width:38.75%;
	}
.width_6span{
	width:47.5%;
	}
.width_7span{
	width:56.25%;
	}
.width_8span{
	width:65%;
	}
.width_9span{
	width:73.75%;
	}
.width_10span{
	width:82.5%;
	}
.width_11span{
	width:91.25%;
	}
.width_12span{
	width:100%;
	}
/*********** Site Nav / Menu styles  *******/
nav {
	width:100%; 
}
#navTable {
	display: inline-table;
	width:100%;
	/*min-width:240px; ADJUST to work with body min-width - broke IE!!! */
	position:relative;
	z-index: 3000; /* for ie7 */
	/*text-align:center;*/
}
a.logo  {
	color:#fff;
}
.mainCategory {
	position:static;
	display:table-cell;
	vertical-align: middle;
	margin:0;
	padding:0;
	line-height:0;
	width:auto;
	border-left: 1px solid #6a6281;
	border-right: 1px solid #1f1f1f;
	}
.mainCategory ul {
	margin:0;
	padding:0;
}
.mainCategory li{
	list-style-type:none;
	padding: 0;
	text-shadow:-1px -1px rgba(0,0,0,0.6);
	text-transform:uppercase;
	letter-spacing:0.0666em;  /* 1px */
	background:none;
	position:relative;
	}
.mainCategory li li {
	padding:0;
	background-color:transparent;
}
.categoryLink {
	padding-top:.25em;
	padding-left:2em;
	padding-right:1em;
	padding-bottom:.35em;
	line-height:1.75em;
}
a.categoryLink {
	display:block;
	color:#f0ede9;
	text-decoration:none;
	font-size:.1.1333em;
	line-height:3em;
	/*font-size:.9333333333333em;
	height: 2.4em;
	font-weight:bold;*/
	text-align:center;
	padding:0;
	white-space:nowrap;
	/*border-left: 1px solid #6a6281;
	border-right: 1px solid #1f1f1f;*/
	}
#aboutTab a.categoryLink{
	border-left: 1px solid #1f214f;
}
/*.mainCategory:hover .categoryLink{	
	color:white;
}
.categoryLink:link,
.categoryLink:visited {
	font-weight:bold;
	text-decoration:none;
}
a.categoryLink:active {
	color: #0233ba;
	font-weight:bold;
	text-decoration:none;
}
.categoryLink:hover,
.categoryLink:focus {
	color:#182f72;
	font-weight:bold;
	text-decoration:none;
}*/
.tabHighlight,
.tabHighlight a.categoryLink,
#aboutTab:focus, 
#libraryTab:focus, 
#loginTab:focus, 
#membersTab:focus {
	background: white;
	color:black;
	text-shadow:none;
}
a.activeTopLink {
	color: #0233ba;/* 1a4ec7 */
}
.barWrapper{ 
	min-height:50px;
	background:#3a3d51;
	/*border-top:1px solid #bababb;
	border-bottom:1px solid #bababb;*/
	border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}
#navDrawer {
    border-left: 1px solid #b5b5b6;
    border-right: 1px solid #b5b5b6;
	width:99.8%;
}
#navDrawer .barWrapper{
	filter:none;
}
/* Tab widths cannot exceed 99.9% or tabs will wrap in IE7 */

#aboutTab {width:10%;}
#libraryTab {width:12%;}
#loginTab {width:14%;}
#membersTab {width:15%;}
#profileTab {width:12%;}
#adminTab {width:10%;}
#helpTab {width:9%;}
#searchTab {width:14%;}
/*.lt-ie9 #aboutTab{width:8%}
.lt-ie9 #libraryTab{width:10%}
.lt-ie9 #loginTab{width:7%}
 Can't use % for #___Nav widths in IE */
/* IE interprets this as a % of the tab width */
/* IE also interprets LEFT as relative to the tab */
#aboutNav,
#libraryNav,
#loginNav,
#membersNav,
#profileNav,
#adminNav,
#helpNav {
		overflow:hidden;
		z-index:10;
}
#aboutNav {
	width:16em; right:-3em;
}
#libraryNav {
	width:20em; right:-4em;
}
#helpNav {
	width:20em; right:-3em;
}
#membersNav {
	width:50em; right:-15em;
}
#adminNav {
	width:50em; right:-10em;
}
#loginNav {
	width:20em; right:-2em;
}
a#searchLink,
a#homeLink {
	display:inline;
}
.mainCategory li {
	text-align:center;
}
.mainCategory li li{
	text-align:left;
}
.mainCategory li #loginLink,
.mainCategory li #logoutLink{
	font-size:.9em;
	line-height:1.1em;
	}
.mainCategory li #loginLink .account,
.mainCategory li #logoutLink .account{
	font-size:.75em;
	}
.mainCategory li #homeLink:hover,
.mainCategory li #searchLink:hover,
.mainCategory li #homeLink:focus,
.mainCategory li #searchLink:focus {
	text-decoration:underline;
	}
#logoImg {
	display:inline; 
	padding-right:3em;
}
a.logo {
	text-decoration:underline;
}
#navTable ul.mainCategory > li.activeTab {
	/*background:url(/cnss/images/bar-sprite.png) 0px -68px repeat-x transparent;  323e64 */
	background:#565666 ;
}
.menu, .menu-nav {
	font-family:display_font,Verdana, sans-serif;
	font-size:.9333em;
	line-height:1.667em;
	text-align:left;
	background: white;
	position:absolute;
	z-index: 1000; /* for ie7 */
	top:3.2em; 
	border:1px solid #777E8C;
	border-top:none;
    -moz-box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 2px 4px 4px 0 rgba(0, 0, 0, 0.4);
}
#loginNav.menu {
	 top:2.7em;
}
.menu p, .menu ul, .menu li,
.menu-nav p, .menu-nav ul, .menu-nav li {
	text-shadow:none;
	text-transform:none;
	color:#1d2223;
	padding:0.5em;
	margin:0;
}
.helperLink:link,
.helperLink:visited{
	/*display:block;*/
	text-decoration:none;
}
.helperLink:hover,
.helperLink:focus {
	color: #00569d;
	/* 182f72 font-weight:bold;
	display:block;*/
	text-decoration: underline;
}
.helperLink:active{
	color:#0069BF;
	/*1a4ec7 font-weight:bold;
	display:block;*/
	text-decoration: underline;
}
/*.subNavGroup.longColumn{
	background: url("/iad2014dev/images/lip-seam-right-edge.png") repeat-y right top transparent;
}
.subNavGroup + .subNavGroup.longColumn {
	background-position: left top;
}
.subNavGroup:after, .subNavFeature:after {
	content:" ";
	display:table;
	clear:both;
}*/
.lt-ie8 .subNavGroup, 
.lt-ie8 .subNavFeature{
	height:1%;
}
.menu .subNavGroup + .subNavGroup,
 .menu-nav .subNavGroup + .subNavGroup{/* this style switches the space between column units from margin to padding */
	margin-left:-1px; 
	padding-left:3%;/* horizontal padding values add up to the total horizontal margin used on .columnUnit + .columnUnit - currently 5% */
	padding-right:1%;/* horizontal padding values add up to the total horizontal margin used on .columnUnit + .columnUnit - currently 5% */
	}
.lt-ie8 .menu .subNavGroup + .subNavGroup,
.lt-ie8 .menu-nav .subNavGroup + .subNavGroup{
	margin-left:-1px; 
	padding-left:2%;
	padding-right:1%;
	/* keeps total widths < 100% for IE7 */
	}
.lt-ie8 .subNavGroup {
	/*padding:0 1%;*/
}
.subNavWrapper {
	padding:1.5em;
	margin:0;
	border-bottom:5px solid #53566a; /* 727589 */
}
.lt-ie8 .columnUnit { 
/*did not work when moved to style.css 
	height:1%; */
}
p.subNavHead,
.subNavExtras p.helpLinksIntro {
	color:black;
	letter-spacing:0.1333em;  /* 2px */
    text-transform: uppercase;
	text-align:left;
	/*margin-bottom:1em;*/
}
p.subNavHead + div {
	margin-top:.5em;
}
p.secNavHead {
	font-weight:bold;
}
.subNavListBlock:after {
	clear:both;
	content:" ";
	display:block;
}
/*.subNavListBlock > li{
	text-transform:uppercase;
	padding-top:1.5em;
}*/
.subNavListBlock > li:first-child{
	margin-top:0em;
	padding-top:0em;
}
.secondarySubNavList li {
	padding-left:1.25em;
}
.subNavExtras li {
	padding-right:1.25em;
	display:inline-block;
	}
.lt-ie8 .subNavExtras li {
	display:inline;
}
ul.tertiarySubNavList {
	margin-left:1.25em;
}
.lt-ie8 ul.tertiarySubNavList {
	margin-left:.25em;
}
.tertiarySubNavList li{
	padding-top:0;
	margin-left:1.5em;
	list-style-type:none outside none;
	background:url(/iad2014dev/images/menuBullet.gif) no-repeat scroll left .825em transparent;
}
.subNavExtras {
	clear:both;
	margin-top:2em;
	width:95%;
	border-top:1px dotted #C2BEBA;
}
.subNavExtras p.helpLinksIntro{
	margin-top:1em;
	margin-bottom:.25em;
}
.subNavGroup a{
	color:#1d2223;
}
.secondarySubNavList a,
.subNavExtras a{
	color:#1d2223;
	font-size:.928em;
	font-family:Verdana, sans-serif;
}
.dividerRt {
	border-right:1px solid #CCC;
}
/*.textbacker{
	background:url(/cnss/images/navbar-flat-textbacker.png) repeat-x left 48% transparent;
	}*/

/* Page Layout Styles */
#sideLeft {
	float:left;
}
#sideRight {  
	float:right;
}
#sideLeft, #sideRight {
	width:25%;
}
#content_3col {  /* columns on both sides */
	margin-left: 25%;
	margin-right: 25%;
	display:block;
}
#content_2col_Left {  /* column on left */
	display:block;
	margin-left:25%;
}
#content_2col_Right {  /* column on right */
	display:block;
	margin-right:25%;
}
#content { /* no columns */ 
	display:block;
	clear:both;
}
#mobileNav {
	visibility:hidden;
	display:none;
}
/* Content Container Styles */
.content_Container {
	padding:0 3em 4.5em;
	display:block;
}
.short_Container {
	padding-bottom:2em;
}
.short_Container + .short_Container{
	margin-top:-3.5em;
}
.content_ContainerRt {
	padding:0 3em 4.5em; 
	display:block;
	width:100%;
}
.content_ContainerFullPage {
	padding:0 3em 4.5em;
	display:block;
}
/* Basic Box Styles */
.basicBox {
	display:block;
	padding:2em 0 0 0;
}
.homepage .basicBox {
	padding:1.25em 0 0 0;
}
.notices {
	padding-bottom:1em;
}
.newNotice {
	border-top:1px solid #b5b5b6;
	padding-top:.5em;
}
.notices h2,
.notices h3 {
	margin:0;
}
.boxTitle h2 {
	margin:.5em 0;
}
.basicBox a {
	text-decoration:underline;
}
.basicBox ul, .basicBox ol {
	margin-left:0.5em;
}
/*.basicBox li {
	margin-left:0.15em;
}*/
/* Basic boxContent Styles */
.boxContent {
	padding:0;
	margin:0;
}
/* Left Nav Menu Styles */
.menuContainer {
	width:100%;
}
.basicMenu {
	display:block;
	margin: 2.5em 0.5em .5em 0.5em;
	padding: 1.25em 1em .75em .75em;  
	background-color:#fbfbfc;
	border:1px solid #B7BACC;
	/* for better browsers */
    border-radius: 0.45em;
    -moz-border-radius: 0.45em;
    -webkit-border-radius: 0.45em;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
}
.menuTitle  h2 {
	margin:0 0 .4em 0;
	font-size:1em;
}
.menuContent {
	padding:.5em .0em .5em .5em; 
	/*margin:0 0 0 1em;*/
	font-size:1em;
}
.menuHeading {
	padding:0 0 0 .3em;
	margin-left:-.5em;
	font-weight:bold;
}
ul + .menuHeading {
	margin-top:1.25em;
}
.activeLink {
	font-weight:bold;
}
.activeLink a{
	color:#182f72; 
}
.adminMenu .menuHeading {
	line-height:1em;
}
.adminMenu .menuContent {
	padding:.5em .0em .5em .25em; 
	font-size:.925em;
}
/* 2 side-by-side divs  */
.doubleUp {
	float:left;
	width:48%;
	display:inline;
}
.firstUp {
	margin-right:1em;
	margin-bottom:1em;
}
.doubleLong {
	width:55%;
}
.doubleShort {
	width:44%;
}
/* boxContent Form Styles */
.boxContent form, .boxContent cfform {
	margin:.5em 0 .5em 0;
	width:100%;
}
.boxContent table form, .boxContent table cfform {
	margin:.25em 0 .25em 0;
	padding:0;
}
.boxContent form div, .boxContent cfform div {
	margin-top:.25em;
	margin-bottom:0;
	padding-bottom:0;
}
form.addButtonForm {
	margin:-1em 0 -1.5em 0;
	text-align:right;
}

.boxContent form p.fieldText, .boxContent cfform p.fieldText {	
	margin-left:13em;
}
.boxContent form fieldset, .boxContent cfform fieldset {
	padding:0 0.5em 1em .5em;
	margin:.5em 0 1em 0;
}
.boxContent form fieldset legend, fieldset legend, .boxContent cfform fieldset legend {
	font-weight:bold;
	padding-left:.2em;
	padding-right:.2em;
}
.innerFieldsetSetoff {
	border:1px solid #ccc;
	padding:.5em;
	margin:.5em;
	display:inline-table;
	width:96%;
}
.boxContent label, .fakeLabel {
	float:left;
	width:12em;
	text-align:right;
	margin-right:1em;
}
div.fakeLabel2 {
	margin-left:13em;
}
label.longLabel {
	width:100%;
	margin-left:1em;
	float:none;
}
label.plainLabel {
	width:100%;
	margin:0;
	float:none;
}
img .invalid {
	display:inline;
}
.boxContent fieldset img {
	padding-top:.5em;
}
.radioWrapper {
	display:inline;
}
.boxContent label.radioLabel {
	float:none;
	width:auto;
	vertical-align: baseline;
	/*position:relative;   IE7 Zoom Fix */
	display:inline-block;  /* IE7 Zoom Fix */
}
.formFieldNote, .tableNote {
	font-size: .875em; 
	letter-spacing:0;
	color:#003f9d; /* 1a4ec7 */
}
.formFieldNote p{
	margin-left:1em;
}
.formFieldNote2 {
	font-size: .875em;
	letter-spacing:0; 
	color:#003f9d;
	margin-left:15em;
	display:block;
}
p.formFieldNote3 {
	margin-left:1em;
	padding-top:1em;
	letter-spacing:0;
}
.formSetoff {
	border:1px solid #3380c8;
	background-color:#F9F9F9;
	margin:.5em 0;
	padding:.5em;
}
.loginSeperator {
	font-weight:bold;
	margin:-1em 0 -.5em 0;
}
/* form odds and ends */
.TwoSelectBox { 
	width:400px;
	margin:0 auto;  
}
.boxContent form .addRemoveBlock {
	width:420px; 
	margin:0 auto; 
	text-align:center;
} 
.boxContent fieldset .addRemoveBlock img {
	padding:.5em 0;
}
.centerSelectBox { 
	margin:0 auto;  
}
.boxContent form .centerBlock {
	margin:0 auto; 
	text-align:center;
}
/* Table Styles */
.tableDate {
	white-space:nowrap;
}
caption {
	font-weight:bold;
	padding:.25em 0 .25em 0;
}
table {
	border:1px solid #a4a6a6;
	margin:.5em 0;
	width:100%;
	background-color:#FFFFFF;
	border-color: #a4a6a6;
}
th, td {
	margin:0;
	border-right:1px solid #a4a6a6;
	border-left:1px solid #a4a6a6;
	border-color: #bbb;
}
td {
	vertical-align:top;
	padding:.2em .5em;
}
th {
	border-bottom:1px solid #a4a6a6;
	border-color: #a4a6a6;
	background-color: #DEE1E7;
	font-weight:bold;
	text-align:center;
	padding:.2em; 
}
th h3 {
	padding:0;
	padding-top:.3em;
	margin:0;
}
td.noLinkAnchor a {
	text-decoration:none;
}
tfoot td {
	border-top:1px solid #bbb;
}
.tableList li {
	margin-top:0;
	line-height:1.1em;
}
/* roster styles */
.rowHighlight {  
	border-bottom:1px solid #a4a6a6;
	border-top:1px solid #a4a6a6;
	background-color:#fbfbfc;
}
.printLinkBlock, .matrixLinkBlock {
	text-align:right;
	padding-right:0;
}
a.printLink, a.matrixLink {
	background:#fbfbfc url(/cnss/images/icon_printer.gif) right 2px no-repeat;
	border:1px solid #a4a6a6;
	padding: 3px 22px 3px 1em;
	margin:.5em 0;
	line-height:1em;
	text-decoration:none;
}
a.matrixLink {
	background:#fbfbfc url(/cnss/images/icons/exe2.gif) right 3px no-repeat;
}
.matrixLinkBlock {
	margin:-.5em 0 .5em;
}
/**************************************
 * General Use Styles 
***************************************/
.clearall
{
	clear: both;
	height:0;
}
.required {
	font-weight:bold;
}
.smallText {
	font-size: .875em; 
}
.smallText2 {
	font-size: .8125em;
}
.largerText {
	font-size:1.125em;
}
.red {
	color:#d63300;
}
.redBright {
	color:#ff0000;
}
.center {
	text-align:center;
}
.hrDotted {
	border-top:1px solid #dde1e7;
	height:0;
	margin: .5em .5em .75em 0;
}
.evenRow {
	background-color:#f5f5f5;
}
.oddRow {
	background-color:#ffffff;
}
.pullquote {
	display:block; 
	padding:1em; 
	/*background-color: #fbfbfc;
	border:1px solid  #B7BACC;*/
	border:1px solid #a4a6a6;
	background-color: #fbfbfc;
    /*border-radius: 0.45em;
    -moz-border-radius: 0.45em;
    -webkit-border-radius: 0.45em;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.1);*/
	font-family: 'display_font', Verdana, Helvetica, Arial, sans-serif;
	font-style: italic;
	letter-spacing:0;
}
.rightpull {
	float:right;
	text-align:right;
	margin:-.5em 0 1em 2em;
}
.leftpull{
	float:left;
	text-align:left;
	margin:0 2.5em 1em 0;
} 
.rightpull2 {
	float:right;
	text-align:left;
	font-style:normal;
	margin:0 0 1em 2.5em;
}
.rightpull, .rightpull2, .leftpull {
	/*width:240px;*/
	min-width:160px;
	width:25%;
}
.rightpull2.memberspull {
	width:30%;
	margin-left:10%;
}
.leftpull.memberspull {
	width:45%;
	text-align:center;
	font-style:normal;
}
/*.newNotice2 p{
	line-height:1.1em;
	padding-top:0;
	margin-top:0;
}*/
.signature {
	font-style: normal;
	font-size: .875em;
}
.figureCaption {
	text-align:center;
}
.exitNotice { 
	margin: 1em; 
	padding: 1em; 
	border:1px solid #a4a6a6;
	background-color: #fbfbfc;
}
.longText { /* use to break long email addresses in a td */
	/*width:15em;  NOTE: set the width on the td that uses this - varies with each table */
	word-wrap: break-word;
}
.basicMenu li { 
	word-wrap: break-word;
	/* keeps long words in containing div when text size is increased */
}
/* alert, alertlogin, feedback, highlight styles */
.alert, .feedback, .highlight, .softHighlight {
	padding:.5em;
	margin:.5em 0 1.5em 0;
	border:1px solid #a4a6a6;
	background-color: #fbfbfc;
	/*display:block;
	width:100%;*/
	min-height:3em;
}
.alert {
	border:1px solid #b48a79;
}
.feedback {
	border:1px solid #006;
}
.softHighlight {
    border: 1px solid #b7bacc;
}
.feedback img, .alert img {
	width:50px;
	padding-right:5px;
	align:left;
}
.feedbackText, .alertText {
	width:90%;
	margin:-0.5em 0.5em 1em 60px;
}
.feedbackText2, .alertText2 {
	margin:0 .5em;
	text-align:left;
}
.feedbackText ul, .alertText ul{
	margin-left:.5em;
}
.innerHighlight {
	border:1px solid #616161;
	padding:.5em;
	background-color: #F3F3F3;
}
.highlight a:link, .highlight a:visited {
	color: #414552;
}
.feedbackText a:link, .alertText a:link, .feedbackText a:visited, .alertText a:visited {
	color: #414552;
	text-decoration:underline;
}
.highlight a:hover, .feedbackText a:hover, .alertText a:hover, .highlight a:active, .feedbackText a:active, .alertText a:active, .highlight a:focus, .feedbackText a:focus, .alertText a:focus  {
	color:#1a4ec7;
}
/***********************************
 * Document page formatting 
************************************/
.docTable, .documentTable {
	width:100%;
	border:none;
}
.documentTable caption{
	text-align:left;
	line-height:1.75em;
}
.documentTable td, .documentTable th {
	border:none;
	border-top:1px solid #ccc;
	vertical-align:top;
	padding:.5em .5em 1em;
}
.documentTable td img{
	padding-top:.5em;
}
.documentTable th {
	background-color:#ececed; 
}
.documentName { 
	word-wrap: break-word;
}
.documentTitle {
	font-size:1em;
	font-weight:bold;
	margin-bottom:-1em;
}
p.documentTitle {
	line-height:1.75em;
}
.documentTitle a:link, .documentTitle a:visited {
	color:#1a4ec7;
}
.documentTitle a:active, .documentTitle a:hover, .documentTitle a:focus {
	color: #D75822; 
}
p.documentInfo {
	font-size:.875em;
	line-height:1.25em;
	color:#565656;
	margin-top:-.5em;
}
caption .subText {
	font-size:.875em;
	font-weight:normal;
}
p.documentDescription {
	padding:0.25em 0;
	line-height:1.25em;
}
.description {
	padding:1em 0 0.5em 0;
}
.description img {
	float:left;
	padding:.25em .5em;
}
.descriptionText {
	margin:1em 1em 1em 130px;
	text-align:left;
	width:auto;
}
.descriptionText2 {
	/*margin:1em;*/
	text-align:left;
	width:auto;
}
.description .alertText {
	margin:0;
	text-align:left;
}
.description p {
	margin-top:.5em;
}
/*.description li {
	margin-left:1em;
}*/
.descriptionText table {
	width:auto;
}
.descriptionText table, .descriptionText tr, .descriptionText td, .descriptionText2 table, .descriptionText2 tr, .descriptionText2 td {
	border:0;
	/*font-size:100%;*/
}
.description a:link, .description a:visited {
	color:#1a4ec7;
}
.description a:active, .description a:hover, .description a:focus {
	color:#414552;
}
/*.docWrapper {
	clear:left;
	padding-top:1em;
}*/
.evenRow {
	background-color:#fff;
}
.oddRow {
	background-color:#fbfbfc;
}
.loginReminder {
	padding:1.5em;
    margin: 2em 0 3em;
	float:right;
}
.loginReminder #loginForm{
	text-align:center;
}
#breadcrumb {
	font-size:.875em;
	padding:.5em 0 0 .5em;
	margin-bottom:-1em;
	width:98%;
}
/*.bc_legend{
	color:#414552;
}*/
#breadcrumb a:link, #breadcrumb a:visited {
	color:#039;
}
#breadcrumb a:active, #breadcrumb a:hover, #breadcrumb a:focus {
	color:#414552;
}
/* Voting App Styles */
.commentsBlock {
	padding:.5em;
	border:1px solid #a4a6a6;
	background-color: #fbfbfc;
}
.commentsBlock form {
	margin:0;
}
.commentList {
	margin-left:1em;
	margin-top:0;
}
.issuancePhaseBar {
	text-align:left;
}
.lt-ie9 .issuancePhaseBar caption {
	margin-top:0;
}
.issuancePhaseBar td {
	border:none;
	background:#efefef url(/cnss/images/directionRtIndicator.png) right 50% no-repeat;
	vertical-align:middle;
	text-align:center;
	padding:.25em;
	font-size:.825em;
}
td#currentPhase {
	background:#efefef url(/cnss/images/directionRtIndicatorCurrent.png) right 50% no-repeat;
	font-weight:bold;
}
.issuancePhaseBar td.last{
	border:none;
	background:#efefef url(/cnss/images/directionIndicatorLast.png) right top no-repeat;
}
.issuancePhaseBar #currentPhase.last{
	border:none;
	background:#efefef url(/cnss/images/directionIndicatorLastCurrent.png) right top no-repeat;
}
p.currentInfo {
	line-height:1em;
	padding-top:.75em;
}
p.matrixLink {
	text-align:center;
	margin:1em 0 0;
}
td.center, td.buttonCell {
	text-align:center;
}
.lt-ie8 td.buttonCell {
	padding:.2em 0;
}
.lt-ie8 td.buttonCell p {
	padding-left:.5em;
}
/* Issuance Review phaseSelector dropdown */
.phaseSelector .mainCategory {
	display:block;
	position:relative;
	float:none;
	text-align:center;
	font-size:.925em;
	padding-left:0 !important;
	padding-right:0 !important;
	border:1px solid #a4a6a6;
	min-width:5em;
	width:100%;
}
.phaseSelector .mainCategory li{
	padding-top:0.25em;
	padding-bottom:0.5em;
	text-shadow: none;
}
.phaseSelector .mainCategory > li:hover,
.phaseSelector .mainCategory:hover {
	background-color:#fff;
}
.phaseSelector ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.phaseSelector a.categoryLink {
	font-weight:normal;
	text-decoration:none;
	text-align:center;    
	margin-right: 1em;   
	margin-left: 1em;
	background:#fff url(/cnss/images/arrows_blue_down.png) right 50% no-repeat;
    border-left: none;
    border-right: none;
    color: inherit;
    display: block;
	color:#414552;
    height: auto;
    line-height: inherit;
}
.phaseSelector .menu {
	z-index:10; 
	position:absolute;
	top:2.5em; 
	left:-1px;
	overflow:hidden;
	background:#fff;
	text-align:center;
	padding-top:0;
	border-top:0;
	border-right:1px solid #4a5c90;
	border-left:1px solid #4a5c90;
	box-shadow:none;
	width:100%;
	margin:0; padding:0;
}
.phaseSelector .menu li.last {
	border-bottom:1px solid #4a5c90;
}
/****************************************
 * Special Use Styles 
**************************************/
.standOut {
	background-color: #fff;
	border:1px solid #9b1201;
	color:#9b1201;
	padding:.5em;
	clear:both;
}
.standOut2 {
	color:#9b1201;
}
#exitForm, #cancelForm {
	display:inline-block;
}
.boxContent a.topLink:link, .boxContent a.topLink:visited, .boxContent a.topLink:active, .boxContent a.topLink:hover, .boxContent a.topLink:focus  {
	font-size:.875em;
	text-decoration:none;
}
.longEmail, .noHyphen { /* use to NOT use hypens when lines break */
	word-break:break-all;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
    word-wrap: break-word;
}
.certificate_image {
	margin-bottom:-.5em;
}
.spaceMeOut {
	margin:.5em 0;
	padding:0;
}
.spaceMeOut li {
	margin-top:.5em;
	margin-bottom:.5em;
}
.spaceMeOutMore {
	margin:1em 0 1.5em 0;
	padding:0;
}
.textIframe {
	margin: 2px 0 2px 0; 
	padding: 2px 0 2px 0; 
}
.fckDescription {
	font-size:.8125em;
}
.fckDescription p {
	font-size:100%;
}
.menuNote {
	margin:1em -.25em 0 -1em;
	font-size:.8125em;
}
/*.menuNoScript {
	padding:.5em;
	font-size:0.875em;
	line-height:1em; 
	margin:0 1em 1em 1em;
	border:1px solid #003366;
	background-color: #EEF1F7;
}
.menuNoScript form {
	padding:0;
	margin:0;
	text-align:center;
}
.menuNoScript input[type="submit"] {
	margin:0.5em 0 0 0;
}*/
/* styles for showHide: FAQ - Search */
.showHideText {margin-bottom:1em; padding-bottom:1em; }
.showAlwaysText {
	margin-bottom:1em; 
	margin-top:1em;
	display:block;
}
.showAlwaysClosed {
	padding-left:18px; 
	background: transparent url(/cnss/images/arrows_blue_rt.png) left .5em no-repeat;
}
.showAlwaysOpen {
	padding-left:18px; 
	background: transparent url(/cnss/images/arrows_blue_down.png) left .5em no-repeat;
}
.showTextFAQ, .showText {margin-left:1em; margin-bottom:1em; display:block;}
.showTextFAQ ul, .showTextFAQ ol, .showText ul, .showText ol {margin-left:1em;}
.hideTextFAQ, .hideText {margin-bottom:1em; margin-top:1em; display:none;}

/* styles for showHide Menu/Map Levels */
/* also affected by menu ul/li settings */
/* pos:rel fixes IE bug that affected the text of the first link whenever a link was hovered*/
.boxContent .showAlwaysLevel {list-style:none; margin-left:-2em;}
/*.menuContent .showAlwaysLevel {position:relative; }  Not Used */
.showAlwaysLevel { display:block; margin-bottom:0; margin-top:0;}
.showHideLevel {margin-bottom:0; margin-top:0;}

/*  Search Page Styles */
.search_Container {
	padding-right:2em;
	padding-left:1.5em;
}
input.searchButton {
	padding:.2em;
}
.searchResult {
	padding-bottom:1em;
}
.searchTitle {
	margin-bottom:0;
	padding-bottom:0;
	font-weight:bold;
}
.searchSummary {
	margin-top:0;
	padding-top:0;
}
.searchVal {
	font-weight:normal;
}
.searchTerm, .pagination a:link, .pagination a:visited {
	color:#1a4ec7; 
}
.pagination {
	font-size:.875em;
}
#searchHelp { 
	padding:.5em;
	width:96%;
}
.searchExample {
	color:#d63300;
	font-style:italic;
	word-break:break-all;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
    word-wrap: break-word;
}
/* search autosuggest - overides CFAdmin defaults */
.boxContent form div.yui-ac-bd {
	margin-top:0;
	color:#000;
}
div.autosuggestcontainer li {
	padding:.2em .5em;
}
div.autosuggestcontainer li.yui-ac-highlight {
    background: none repeat scroll 0 0 #efefef;
}
div.autosuggestcontainer li.yui-ac-highlight:hover {
    background: none repeat scroll 0 0 #DFE8F7;
}
div.autosuggestcontainer li.yui-ac-highlight:focus {
    background: none repeat scroll 0 0 #DFE8F7;
}
div.autosuggestcontainer li.yui-ac-prehighlight {
    background: none repeat scroll 0 0 #DFE8F7;
}
/*  Home Page Styles */
.close {
	margin-top:0;
	margin-bottom:.75em;
	line-height:1em;
}
.closer {
	margin-top:0;
	line-height:1em;
}
.mainHead {
	margin:0;
	line-height:1em;
}
.subHead {
	line-height:1em;
	font-size:1em;
	margin-top:0.75em;
	margin-bottom:0;
	font-weight:normal;
}
.signatureBlock {
	float:left;
}
.dateline, .dateline2 {
	font-size:.875em;
	line-height:1em;
	font-style:italic;
	margin-top:0;
}
.dateline {
	text-indent:.5em;
}
p.dateline2 {
	margin-top:-.5em;
}
.latestdocs li{
	line-height:1.1em;
}
.docList .dateline {
	font-style: normal;
	font-size:.75em;
}
ul.docList  {
	padding-left:0 !important;
}
.docList li {
	list-style:none;
	border-bottom:1px solid #ccc;
	padding-bottom: .75em;
	margin-bottom: .25em;
}
	
/* carousel styles */
.homeImages,
.pageTop {
	overflow:hidden;
    position: relative;
    width: 100%;
	margin-top:0;
	background-color:#0076d4;
}
.pageTopBlueBar {
	height:2em;
	background-color:#0076d4;
	border-bottom: 1px solid #3a3d51;
}
.homeImages h1, 
.homeImages p {
	font-size:3.5em;
	font-weight:normal;
	margin:0 auto;
	position:absolute;
	bottom:0;
	color:#fff;
	text-transform: none;
	text-align:center;
	text-shadow:1px 1px 1px #000000;
	letter-spacing:0;
	line-height:1.2em;
	padding-top:0;
	padding-bottom:.5em;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	z-index:600;
}
p.tagline {
	margin:0 auto;
	padding:.5em 0;
	font-size:2.5em;
	color:#fff;
	text-align:center;
	background-color:#0076d4;
	border-top:1px solid #3a3d51;
	border-bottom:1px solid #3a3d51;
	text-shadow:1px 1px 1px #000000;
}
.homeImages img,
.pageTop img {
	min-height:60px;
	max-height:450px;
	max-width:1200px;
	width:100%;
	margin:0 auto;
    border-top: 1px solid #3a3d51;
	border-bottom: 1px solid #3a3d51;
	background-color:#0076d4;
	color:#fff;
}
.cycle-slideshow, .cycle-slideshow * { 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
}
.cycle-slideshow { 
  /*width: 100%; 
  min-width: 200px; 
  max-width: 1200px; */
  margin: 0 auto; 
  padding: 0; 
  position: relative;
}
.cycle-slideshow img { 
  /* some of these styles will be set by the plugin (by default) but setting them here
  helps avoid flash-of-unstyled-content */
  position: absolute; 
  top: 0; 
  left: 0;
  /*width: 100%; 
  padding: 0; 
  display: block;*/
}
/* in case script does not load */
.cycle-slideshow img:first-child {
  position: static; z-index: 100;
}
.titleWrapper {
	width:100%;
}
.pageTop h1 {
	font-size:2.25em;
	font-weight:normal;
	margin:0 auto;
	/*margin-top:-2.5em;*/
	position:absolute;
	bottom:0;
    width: 100%;
	color:#fff;
	text-transform: none;
	text-align:center;
	text-shadow:1px 1px 1px #000000;
	letter-spacing:0;
	line-height:1.1em;
	padding-top:0;
	padding-bottom:.25em; 
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	z-index:500;
}
/* set min heights for when images are disabled */
#imageCarousel {
	min-height:350px;
}
.pageTop {
	min-height:100px;
}
/* The slide num indicators */
#cycle2 .nav {
  text-align: center;
  width: 100%;
  z-index: 500;
  position: absolute;
  top: 10px;
  overflow: hidden;
}
.button-style a {
  box-shadow:0px 1px 3px #ffffff;
  text-decoration:none;
  cursor:pointer;
  font-size:.875em;
  line-height:1em;
  margin: .5em .25em;
  padding: .2em .4em .3em .4em;
  color: #818592;
  background-color: #1f2328;
  background-color: rgba(250, 250, 250, 0.8);
  border: 1px solid #3a3d51;
  border-radius: .3em;
  display: inline-block;
}
.button-style a:hover,
.button-style a:focus{
  border-radius: 0;
  border: 1px solid #000;
  color: #000;
}
.button-style a.cycle-pager-active{
  background-color:#fff;
  border: 1px solid #000;
  color: #000;	
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}
@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* end carousel */
.homeHighlight {
	text-align:center; 
	margin-top:-1em;
	margin-bottom:1em;
}

.lt-ie8 .homeHighlight { 
	width:98%; 
}
.boxTitle h3 {
	margin-bottom:0;
	margin-top:-.5em;
}
.topLink {
	margin: -2em 0 -.5em 0;
}
.topLink a:link{
	text-decoration:underline;
}
.bbImgToggle {
	padding: 0 0 0 1.5em; 
	margin: 1.5em 0 -1em 0;
	background-image:url(/cnss/images/arrows_blue_rt.gif);
	background-position:6px;
	background-repeat:no-repeat;
}
/**************************************************
 * No Script Styles  
***************************************************/
/*  No Script SiteNav Dropdowm Menus  */
.no-js .menu, .no-js .menu-nav {
	visibility:hidden;
	display:none;
}
.no-js .pullquote {  /* IE fix */
	zoom:1;
}
.no-js .innerNavBack {
	border-bottom:1px solid #4a5c90;
}
.no-js .hideTextFAQ {margin-left:1em; margin-bottom:1em; padding-bottom:1em; border-bottom: 1px solid #ccc; display:block;}
.no-js .hideText {margin-left:1em; margin-bottom:1em; padding-bottom:1em; display:block;}

/*.no-js #siteNavBack, .no-js #siteNav, .no-js #siteNavWrapper {
	height:18em;
	overflow: hidden;
	position: relative;
	background-color:#4a5c90;
}
.no-js .mainCategory {
	padding-right:1.2em !important;
	paddingmargin-left:1.2em !important;
}
.no-js .loginLink {
	margin-right:-1.2em !important;
	background-color: transparent !important;
	background: none !important; 
}
.no-js .searchLink{
	background:none;
	border-bottom:none;
}
.no-js .menu {
	min-width:0;
	max-height:none;
	overflow:visible;
	border-right:none;
	border-left:none;
	background:none; 
}
.no-js .menu li {
}
.no-js .menu li a {
	padding:0 1em 0 0;
}
.no-js .menu li.last a {
	padding:0 1em 0 0;
	border-bottom:none;
}
.no-js #siteNav ul .menu li {
	list-style-type:disc !important;
	margin-left:2em;
	color:#fff;
}
.no-js li helperLink:link, 
li helperLink:visited {
	padding-left:0;
}
.no-js li .helperLink:hover,
.no-js li .helperLink:active,
.no-js li .helperLink:focus {
	padding-left:0;
	background-color: transparent;
}*/

/*** IE Is Special ***/

.lt-ie8 #innerContainer {
	 margin-bottom: 0;
}
/*** Corrects spacing for login form */ 
.lt-ie9 p.loginSeperator {
	margin:-1.5em 0 -1em 0;
	position:relative;
}
.lt-ie9 .fieldsetSpacer {
	margin-top:1em;
} 
/*** all forms */
.lt-ie8 .boxContent form fieldset, .lt-ie8 .boxContent cfform fieldset {
	/*width:96%;
	margin:2.5em 0 2em 0;*/
}
.lt-ie8 .boxContent form, .lt-ie8 .boxContent cfform {
	margin:0 0 .5em 0;
}
.lt-ie9 form.addButtonForm {
	margin:-1em 0 -2.5em 0;
}
.lt-ie8 form.addButtonForm {
	margin:-1em 0 -1.5em 0;
}
/*** Corrects spacing in left nav */
.lt-ie9 .basicMenu {
	padding: 0.5em .75em .75em 1em;
}
.lt-ie9 .login {
	padding: 0.2em 0em 0.5em 0;
}
/*** Corrects space above caption */
.lt-ie9 caption {
	margin-top:1em;
}
/*** Corrects space above logo - Still Used? */
/*.lt-ie9 .logo p { 
	margin-top:-1.5em;
    text-indent: -9999px;   IE6/7 fix 
}*/
.lt-ie8 .title { 
    display: inline-block;
} 
.lt-ie8 .title img {
    margin-bottom: 0;
}
/*** Adds background gradient to content and siteNav */
/*.lt-ie9 #outerContainer {
	background:url(/cnss/images/ie-content-back.jpg) top left repeat-x #ffffff;
}*/
/* Affects offset for top of sitenav dropdown menu */
/*.lt-ie9 #siteNavBack {
	background:url(/cnss/images/ie-siteNav-back.jpg) top left repeat-x #ffffff;
	min-height:1.9em; 
}*/
.lt-ie9 .mainCategory {
	display:block;
	float:right;
}
.lt-ie8 .mainCategory {
	margin-top:-2.7em;
}
.lt-ie9 #aboutNav {
	width:16em; right:0;
}
/*** Keeps menu dropdowns over fieldset - adjust top of menu */
.lt-ie9 .menu li, .lt-ie9 .menu-nav li {
	z-index:500;
}
.lt-ie9 .menu, 
.lt-ie9 .menu-nav,
.lt-ie9 .menu#loginNav {
	z-index:1000;
	top:3.2em;
}
.lt-ie8 .menu, 
.lt-ie8 .menu-nav {
	z-index:1000;
	top:2.25em;
}

.lt-ie9 .subNavWrapper {
	z-index:1500;
}
.lt-ie9 .mainCategory {
	z-index:2000;
}	
.lt-ie9 #loginLink {
	padding:.5em 0;
}
.lt-ie9 .siteNav {
	z-index:3000;
	height:1%;
}
/*** Sets offset for fieldset legends with background colors */
.lt-ie9  .boxContent form fieldset, .lt-ie9 .login fieldset {
	position: relative;
	margin:1.5em 0;
	padding-top:1.5em;
}

.lt-ie9 .boxContent form legend, .lt-ie9 legend {
	position:absolute; 
	top: -.5em; 
	left: .5em;
}
/* doc table and form width adjust for IE6 */
.lt-ie7 .docTable, .lt-ie7 .documentTable, .lt-ie7 .boxContent form {
	width:96%;
}
.lt-ie7 p.documentInfo {
	margin-top:0.5em;
}
/* alert, feedback, highlight */
.lt-ie8 .alert, .lt-ie8 .feedback, .lt-ie8 .highlight {
	width:96%; 
}
.lt-ie8 .feedbackText, .lt-ie8 .alertText {
	margin:0;
}
.lt-ie8 .feedback img, .lt-ie8 .alert img {
	float:left;
}
.lt-ie9 .alert, .lt-ie9 .feedback, .lt-ie9 .highlight {
	margin-bottom:1.5em;
}
.lt-ie8 input[type="submit"], .lt-ie8 input[type="button"], .lt-ie8 input[type="password"], .lt-ie8 input[type="login"] {
	padding: 3px .5em 3px .5em;
	margin:0;
}
.lt-ie8 form.addButtonForm input[type="submit"]{
	padding: .2em 2em;
}
/* normalize.css recommendation for IE6/7 - https://github.com/necolas/normalize.css/issues/18 * prevents whitespace issues inside of tables */

.lt-ie8 button, .lt-ie8 input,
.lt-ie7 button, .lt-ie7 input
 {overflow:visible;}
.lt-ie8 table button, .lt-ie8 table input,
.lt-ie7 table button, .lt-ie7 table input
 {overflow:auto;}
/* ==========================================================================
   Helper classes - HTML5 Boilerplate
   ========================================================================== */
/* Image replacement */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}
.visuallyhidden, .visuallyhidden a, .visuallyhidden a:visited, .visuallyhidden a:hover{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	font-size:.75em;
}
.visuallyhidden a:active, .visuallyhidden a:focus {
	position:static;
	width:auto;
	height:auto;
	font-size:.75em;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
/*  use webaim skipnav styles instead for links */
.visuallyhidden2 {
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    height: 1px;
    width: 1px;
	/*color:#000;*/
}
/* Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus,
.visuallyhidden2.focusable:active,
.visuallyhidden2.focusable:focus {
    clip: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    height: auto;
	/*color:#000;*/
}

/* Skip Naviation Links */
/* http://www.webaim.org/ */
.skipnavAnchor, .topAnchor, .navAnchor {
	height:1%;  /* fix for IE6 */
} 
.skipNav {
	/*border-bottom: 1px solid #fff;*/
	border-bottom: 1px solid #b5b5b6;
	border-left: 1px solid #b5b5b6;
    border-right: 1px solid #b5b5b6;
	background-color: #fbfbfc;
}
.skipNav a, .mobileSkipNav a {
	margin-left:1em;
}
/* CLEARFIX: contain floats  */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements. */
.clearfix:before,
.clearfix:after {
    content: " ";  /*1 */ 
    display: table; /* 2 */
}
/* basic clear */
.clear {
	clear:both;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design - HTML5 Boilerplate
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/****  Switch Styles ****/
.collapsed, .collapsed-nav {
	display:none;
	height:0;
	width:0;
}
.expanded, .expanded-nav {
	display:block;
	height:auto;
	width:auto;
}
.phoneOnly {
	display:none;
	visibility:hidden;
}
.mobileOn {
	display:none;
	visibility:hidden;
	height:0;
}
.mobileOff {
	display: inherit;
	visibility: visible;
	height:auto;
}

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}
@media only screen and (max-width: 840px) {  
/*  .homeImages img {
	margin-right:1.85%;
	max-width:23.5%;
}
  .homeImages img.last{
		visibility:hidden;
		display:none !important;
  }
  .homeImages img.fourth{
	  margin-right:0;
  }*/
  .rightpull, .rightpull2, .leftpull, .rightpull2.memberspull {
	/*width:240px;*/
	width:30%;
  }
}

@media only screen and (max-width: 1020px) {
  .homeImages h1, 
  .homeImages p {
    font-size: 3.25em;
  }
}

@media only screen and (max-width: 900px) {
/****  Mobile Switch Styles ****/
	.mobileOff {
		display:none;
		visibility:hidden;
		height:0;
	}
	.mobileOn {
		display: inherit;
		visibility: visible;
		height:auto;
	}
	.no-js #searchOptionsDrawer {
		display: inherit;
		visibility: visible;
		height:auto;
	}
  .menuTitle, #sideLeft, .menuHeading, .noMobile {   
	  visibility:hidden;
	  display:none !important;
  }
  body {
    font:100%/1.50em Tahoma, Verdana, sans-serif;
  }
  /*#outerContainer {
	  padding-bottom:0;
  }
	#footerWrapper {
		height:auto;
	}*/
	.content_Container {
		clear: both;
	}
  #innerContainer {
	  margin-top:0;
  }
  #content_2col_Left {  /* remove column on left */
	  display:block;
	  margin-left: 0;
  }
	/*.bannerCtr{
		background:none;
	}*/
	/*.headerBanner {
		background-color:#3a3d51;
	}*/
	#headerWrapper {
		background-color:#3a3d51;
	}
	.mobileTopBar {
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		min-height: 3em;
		width:100%;
	}
	/*.innerBanner {
		border-top: 1px solid #bababb;
		border-bottom: 1px solid #bababb;
	}*/
	.lt-ie8 #navDrawer, .lt-ie8 .mobileOn {
		/* required for sitenav to show when expanded
		make more specific if it affects other areas */
		display: block;
	}
	.columnUnit + .columnUnit{
		margin-left: inherit;
	}
	.width_1span,
	.width_2span,
	.width_3span,
	.width_4span,
	.width_5span,
	.width_6span,
	.width_7span,
	.width_8span,
	.width_9span,
	.width_10span,
	.width_11span,
	.width_12span{
		width:92% !important;
		margin:0 4% !important;
	}
  .phaseSelector .menu {
	  visibility: visible;
	  display: block !important;
	  top:3em;
  }
  .loginReminder {
    float: none;
	width:100%;
    margin: 2em 0 3em !important;
	}
  /*.skipNav a{
		color:#fff;
  }*/
/**** Page Styles ****/	
 #contentPWD { 
	margin: 0;
	border:none;
  }
  body#PWD { 
	background-color:#fff;
  }
 /* .quickLogin {
	  display:none;
  }
  .quickLogin fieldset {
	  display:none;
  }*/
  .homeImages h1, 
  .homeImages p {
    font-size: 3em;
  }
  .tagline p {
	  font-size:2.5em;
  }
  .pageTop {
	  min-height:60px;
	}
  .smallText, p.documentInfo {
	  font-size: 1em; 
  }
  .about {
	  float:none;
	  width:80%;
	  margin:0 auto 1em auto;
	  text-align:left;
  }
	.title { 
		display: block;
		margin-right: 1em;
		margin-left: 3.5em;
	}
	.title img {
		margin-bottom:-.35em;
		z-index:5000;
	}

	/*********** Site Nav / Menu styles  *******/
	nav::-moz-selection {  
		background: none;
	}
	nav::selection {
		background: none;
	}
	.divBacker2 {
		background:#494c60; 
		padding:1em .5em; 
		margin:.5em; 
		text-align:left;
	}
	.mainCategory {
		position: relative;
		border-top: 1px solid #6a6d81; 
		border-bottom: 1px solid #1f1f1f;
		border-left: none;
		border-right: none;
	}
	.lt-ie8 .mainCategory {
		margin-top:0;
	}
	.mainCategory li {
    text-align: left;
	}
	.barWrapper{
		background:none transparent;
		border:none;
		border-top: 1px solid #fff;
	}
	#aboutTab, 
	#libraryTab, 
	#helpTab,  
	#membersTab, 
	#adminTab, 
	#loginTab,
	#menuBlock,
	.lt-ie9 #aboutTab,  
	.lt-ie9 #libraryTab, 
	.lt-ie9 #helpTab,
	.lt-ie9 #membersTab,  
	.lt-ie9 #adminTab, 
	.lt-ie9 #loginTab, 
	.lt-ie9 #menuBlock {
		width:100%;
		display:block;
	}
	.lt-ie8 #menuBlock {
		clear:left;
	}
	#homeTab,
	#searchTab {
		width:49.95%;
		float:left;
		display:inline-block;
	}
	.mainCategory#homeTab li,
	.mainCategory#searchTab li {
    	text-align: center;
		min-height:3em;
	}
	#aboutNavMobile, 
	#libraryNavMobile, 
	#membersNavMobile, 
	#helpNavMobile, 
	#loginNavMobile,  
	#adminNavMobile {
		width:100%; /* expandable 'drop-down' menus */
		position:static;
	}
	.headerBanner {
		background-color:#3a3d51;
		min-height:50px;
		color:#fff;
	}
	#siteNavButton {
		text-align:center;
	}
	#navButtons {
		display: inline-block;
		vertical-align:top;
		width:40px;
		padding:12px 5px 0 10px;
		float:left;
		/*width: 8%;
		margin-left:5px;*/
	}
	/*.lt-ie8 #navButtons {
		float:left;
	}*/
	/*a#navDrawerButton:after {
		content:"\2014\0020\2014\0020\2014";
	}*/
	/* Nav-Icon */
	#nav-icon  {
		width: 40px;
		height: 30px;
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		display:block;
	}
	#nav-icon span:nth-child(1) {
	  top: 0px;
	}
	#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
	  top: 12px;
	}
	#nav-icon span:nth-child(4) {
	  top: 24px;
	}

	.lt-ie9 #nav-icon span.topLine {
	  top: 0px;
	}
	.lt-ie9 #nav-icon span.midLine {
	  top: 12px;
	}
	.lt-ie9 #nav-icon span.btmLine {
	  top: 24px;
	}	
	
	#nav-icon span {
		display: inline-block;
		position: absolute;
		height: 2px;
		width: 100%;
		/*background: #fff;*/
		border-top: 2px solid #fff;
		border-radius: 0px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	#nav-icon.open span:nth-child(1) {
	  top: 12px;
	  width: 0%;
	  left: 50%;
	}
	#nav-icon.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	
	#nav-icon.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	
	#nav-icon.open span:nth-child(4) {
	  top: 12px;
	  width: 0%;
	  left: 50%;
	}

	#navDrawer.mobileOn .barWrapper{
		filter:none;
	}	
	#mainWrapper:before {
		content: " ";
		height: 100%;
		left: -100%;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: -1;	
	}
	#mainWrapper {
		float: right;
		margin-left: 0;
		display: block;
		position:relative;
		width: 100%;
	}
	.expanded-main {
		margin-right: 0;
		z-index: 10;
	}
	.collapsed-main {
		margin-right: -85%;
		z-index: 1;
	}
	#navDrawer {/*1b3869*/
		background: none repeat scroll 0 0 #3a3d51;
		border-right: 1px solid #fff;
		border-left:none;
		position:absolute;
		height: 100%;
		width:85%;
		float:left;
	}
	#navDrawer.expanded {
		margin-left: 0;
		z-index:20;
		display:block;
		border-top: 1px solid #a5aab8;
	}
	#navDrawer.collapsed {
		margin-left:-85%;
		z-index:1;
	}
	#navDrawer, #mainWrapper {
		-webkit-transition: all .5s ease 0s;
		-moz-transition: all .5s ease 0s;
		-ms-transition: all .5s ease 0s;
		-o-transition: all .5s ease 0s;
		transition: all .5s ease 0s;
	}
	.mobileOff #navDrawer {
		display:none;
	}
	#banner .width_1span, #banner .width_2span, #banner .width_3span, #banner .width_4span, #banner .width_5span, #banner .width_6span, #banner .width_7span, #banner .width_8span, #banner .width_9span, #banner .width_10span, #banner .width_11span, #banner .width_12span {
		margin:0 2% !important;
		width: 96% !important;
	}
	.menu-nav {
		font-family: Verdana,sans-serif;
		position:relative;
    	box-shadow: none;
    	-webkit-box-shadow: none;
		-moz-box-shadow: none;
		background:#3a3d51;
		border:none;
	}
	.mainCategory > li {
		/*padding-top:5px;*/
	}
	.lt-ie9 .mainCategory {
		float: none;
	}
	#navTable {
		padding-bottom:6px;
	}
	/*a.categoryLink {
		height:3em;
	}*/
	/*.categoryLink:link, 
	.categoryLink:visited {
		border-left:none;
		border-right:none;
		}
	.categoryLink:hover,
	.categoryLink:active, 
	.categoryLink:focus {
		background: #24292e;
		}
	#navTable ul.mainCategory > li.activeTab {
    background: #24292e;
	}
	#aboutTab:hover,
	#membersTab:hover,
	#libraryTab:hover,
	#adminTab:hover,
	#helpTab:hover,
	.thisTab {
	} */

	#menuBlock .mainCategory > li {
		background:none;
		padding-top:0px;
		border-right: 1px solid #1f1f1f;
    	border-left: 1px solid #6a6d81;
	}
	a.categoryLink {
		text-align:left;
		padding:0.2em 1em;
		height: 2.8em;
		line-height:2.6em;
	}
	.helperLink {
		width:100%;
	}
	p.subNavHead,
	.subNavGroup a, 
	.secondarySubNavList a{
		color:#fbfbfc;
	}
	.subNavGroup a:hover{
		color:#fff;
		text-decoration: underline;
	}
	.subNavGroup a:focus{
		color:#fff;
	}
	.subNavWrapper {
		margin:0;
		background:none;
		padding:0 1.5em 1em .5em;
		border-bottom:5px solid #696979; /* 7c7f8c */
	}
	.subNavListBlock > li{
		padding-left:0;
		padding-top: .867em;
	}
	ul.subNavListBlock + p.subNavHead {
		padding-top:1.2em;
	}
  .tabHighlight,
  .tabHighlight a.categoryLink,
  #aboutTab:focus, 
  #libraryTab:focus, 
  #loginTab:focus, 
  #membersTab:focus {
	  /*background: none repeat scroll 0 0 #023359;*/
	  background: none;
	  color:white;
  }

/* Toggle on/off buttons   */
/* Mobile Menu Buttons  */
	#SectionDrawerButton {
	  line-height:1px;
	  width:45px;
	}
	.lt-ie9 #SectionDrawerButton {
	  margin-top:-40px;
	  padding:35px 0 0 0;
	}
	#aboutNavButton, 
	#helpNavButton, 
	#loginNavButton,
	#libraryNavButton,
	#adminNavButton,
	#membersNavButton {
	  float:right;
	  padding:.15em .2em .35em .3em;
	  margin-top:-1.85em;
	  margin-right:.5em;
	  margin-left:0 !important;
	  width: 1em;
	  display:inline;	
	  color:white;
	  font-weight:bold;
	  font-size:1.5em;
	  line-height:1em;
	  border:1px solid #6a6d81;
	}
	.lt-ie8 #aboutNavButton, 
	.lt-ie8 #helpNavButton, 
	.lt-ie8 #loginNavButton,
	.lt-ie8 #libraryNavButton,
	.lt-ie8 #adminNavButton,
	.lt-ie8 #membersNavButton {
	  padding:.1em .2em .4em .4em;
	  margin-top:-2.5em;
	  margin-right:.5em;
	  margin-bottom:.5em;
	  margin-left:0 !important;
	 }
	#aboutNavButton, 
	#helpNavButton, 
	#loginNavButton,  
	#libraryNavButton,
	#adminNavButton,
	#membersNavButton,
	#aboutNavButton.xClose:hover, 
	#helpNavButton.xClose:hover,
	#loginNavButton.xClose:hover,  
	#libraryNavButton.xClose:hover,
	#adminNavButton.xClose:hover,
	#membersNavButton.xClose:hover {
	 /* background: url("/cnss/images/menu-toggle.png") no-repeat scroll 10px -162px transparent;*/
		text-shadow:1px 1px rgba(0,0,0,0.6);
		background:#53566a;
	}
	#aboutNavButton.xClose, 
	#helpNavButton.xClose, 
	#loginNavButton.xClose, 
	#libraryNavButton.xClose,
	#adminNavButton.xClose,
	#membersNavButton.xClose,
	#aboutNavButton:hover, 
	#helpNavButton:hover, 
	#loginNavButton:hover, 
	#libraryNavButton:hover,
	#adminNavButton:hover,
	#membersNavButton:hover { 
	 /* background: url("/cnss/images/menu-toggle.png") no-repeat scroll 10px 10px transparent;    0076d4*/
		text-shadow:-1px -1px rgba(0,0,0,0.6);
		background:#7c7f8c; /* 727589 */
	    border-radius:5px;
		
	}
	a#aboutNavButton, 
	a#helpNavButton, 
	a#loginNavButton, 
	a#libraryNavButton,
	a#adminNavButton,
	a#membersNavButton {
		text-decoration:none;
	}
	/*a#aboutNavButton:after, 
	a#helpNavButton:after, 
	a#libraryNavButton:after,
	a#adminNavButton:after,
	a#membersNavButton:after,
	a#aboutNavButton.xClose:hover:after,
	a#helpNavButton.xClose:hover:after, 
	a#libraryNavButton.xClose:hover:after,
	a#adminNavButton.xClose:hover:after,
	a#membersNavButton.xClose:hover:after {
		content:"\002B";
	}
	a#aboutNavButton.xClose:after, 
	a#helpNavButton.xClose:after, 
	a#libraryNavButton.xClose:after,
	a#adminNavButton.xClose:after,
	a#membersNavButton.xClose:after,
	a#aboutNavButton:hover:after, 
	a#helpNavButton:hover:after, 
	a#libraryNavButton:hover:after,
	a#adminNavButton:hover:after,
	a#membersNavButton:hover:after {
		content:"\2013";
	} */
	#navTable ul.mainCategory > li.activeTab {
		background:none;
	}
	 
	.quickLogin input[type="submit"] {
		border:1px solid #6a6d81;
		background-color: #53566a;
    	text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
		padding:.5em .75em;
		margin-left:.2em;
		text-transform:uppercase;
	}
	.quickLogin input[type="submit"]:hover,
	.quickLogin input[type="submit"]:focus {
		background-color: #7c7f8c;
	}
	.quickLoginWrapper {
	}
	
/* end site nav / menu styles ??? */
	
  #mobileNav {
	visibility:visible;
	display:block;
	width:100%;
	margin: 0;
	padding: 0;
	border-top:1px solid #a5aab8;
	border-bottom:1px solid #a5aab8;  
  }
  .menuContainer {
	  width:100%; 
  }
  .basicMenu {
	  display:block;
	  margin: 0;
	  padding: 0; 
	  border-radius: 0;
	  -moz-border-radius: none;
	  -webkit-border-radius: none;
	  box-shadow: none;
	  -webkit-box-shadow: none;
	  background-color: #fbfbfc;
	  border:0;
  }
  .lt-ie9 .basicMenu {
	padding: 0;
  }
  .menuContent {
	  background-color: #fbfbfc;
	  margin: 0;
	  padding: 0; 
  }
  .menuContent ul {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;  
  }
  .menuContent li {
	  margin:0;
	  padding:0;
  }
  .menuContent li a {
	  white-space:nowrap;
	  /*padding: .25em 0 .3em 0em;*/
	  padding: .3em 0 .35em 0em;
	  text-indent:1em;
	  border-bottom:1px solid #fff;
	  line-height:1.2308em;
	  font-size:1.125em;
	  width:100%;
	  display:block;
	  text-decoration:none;
  }
  .menuContent li.last a {
	  border-bottom:1px solid #a5aab8;
  }
  .menuContent li a:link, .menuContent li a:visited {
	  /*background: transparent url(/cnss/images/icons/Arrow_smlGray_Rt.png) top right no-repeat;*/
  }
  .menuContent li a:hover, .menuContent li a:active, .menuContent li a:focus {
	  background-color:#dfe2eb;
	  font-weight:bold;
	  /*background: transparent url(/cnss/images/icons/Arrow_smlBlue_Rt.png) top right no-repeat;*/
  }  
  .mobileNavUpDown  {
	  padding:0 1em;
  }
  /* Login Form Styles */
  .login {
	  margin:0 1em 0 1em;
	  padding: 0.2em 1em 0.5em 1em;
  }
  .login img {
	  padding-top:.5em;
  }
  .basicMenu .alertLogin ul {
	  margin-left: 1.5em;
  }
  /* counteract padding from stickeyfooter when nav is on the bottom */
  /*#mobileNav {
	  margin-bottom: -2em; 
  }*/
  #mobileNav.loginNav {
	  border-top:1px solid #fefefe;
	  border-bottom:1px solid #a5aab8;
	  margin-bottom: 0; 
  }
  /* SiteNav Styles */
  .activeTopLink {
	  display:inline;
	  visibility:visible;
  }
  .mobileNavUpDown { 
  /* did not work consistanly on phones - left for screen readers */
	  display:inline-block;
	  visibility: hidden;
  }
  #siteNavWrapper {
	  margin-right:.25em;
  }
  #siteNavWrapper.addMenuHolder {
	  /*margin-right:45px;*/
	  width: 80%;
  }
  .addMobileMenuIcon {
	  width:30px;
	  padding:.25em .5em;
	  padding-right:.5em;
	  float:right;
  }
/*  .activeTopLink .mobileOn {
	  float:right;
  }*/
  .mainCategory {
	/*padding:0 0 0 1em !important;
	min-width:0;*/
	padding:0;
  }
  .mainCategory li li {
	padding-top:.533333em;
	/*padding-bottom: 0.5em;
	padding:0;*/
  }
  .mainCategory .activeTopLink {
	  color:#1a4ec7 !important;
  }
  .mainCategory > li:hover,
  .mainCategory:hover {
	  background-color: transparent !important;
  }
  .categoryLink {
	  padding-left: .25em;
	  padding-right: .25em;
	  line-height:0;
  }
  .categoryLink:hover,
  .categoryLink:focus {
	  background-color: transparent !important;
  }
 /* .activeTopLink img {
	  margin-top:-1px;
  }*/
 /* a.addMenu:link, a.addMenu:visited {
    width:18px;
	color:#eee;
	text-decoration:none;
	background: transparent url(/cnss/images/icons/menu_sml.png) right 1px no-repeat;
  }
  a.addMenu:hover, a.addMenu:active, a.addMenu:focus {
    width:18px;
	text-decoration:none;
	background: transparent url(/cnss/images/icons/menu_sml.png) right -19px no-repeat;
  } */ 
/* Forms styles */
  label, .boxContent label, .fakeLabel, .formFieldNote {
	  text-align:left;
	  float:none;
	  display:block;
  }
  	label.plainLabel {
		display:inline;
	}

  .formFieldNote2 {
	  margin-left:0;
	  display:inline;
  }
  label.radioLabel {
	  display:inline-block;
  }
  .boxContent fieldset img {
	  padding-top:.5em;
  }
  .feedbackText, .alertText {
	  margin:: -0.5em 0.5em 1em .5em;
  }
  .boxContent form p.fieldText { 
	  margin: 0 0.5em 0 .5em;
  } /* could leave at std setting for tablets */

  .smallText, p.documentInfo, .loginDisplay, .displayName {
	  font-size: .875em; 
  }
  p.documentInfo {
	  margin-top:-.25em;
  }
  .doubleUp, .doubleShort, .doubleLong { /* 2 side-by-side divs  */
	  float:none;
	  width:97%;
	  display:block;
  }
  /*.doubleShort {
	  border-left:0;
  }*/
  .homeHighlight { 
	  margin:-1em 0 1em 0;
  }
  .pagination {
	font-size:1em;
  }
  .bannerRight {
	  background:transparent url(/cnss/images/content-back-banner-Rt.png) 200% top no-repeat;
  }
  .homeImages h1 {
	font-size:2.5em;
  }
  p.tagline {
	font-size:2em;
  }
  .pageTop h1 {
	font-size:1.75em;
	padding-bottom:.25em;
	line-height:1em;
	margin-top:-2.25em;
  }
	#imageCarousel {
		min-height:200px;
	}
  
}

@media only screen and (max-width: 700px) {

  
}

@media only screen and (max-width: 568px) {
	
  .loginReminder {
	  padding:1em;
	}
  #footer2 a {
	  display:block;
	  line-height:1.5em;
  }
  .newLine {
	  display:block;
  }
  .bannerRight {
	  background:none;
  }
  body {
	  margin-bottom:0;
  }
  #outerContainer {
	  padding-bottom:0;
  }
	#footerWrapper {
		height:auto;
	}
  /*.pageTopBlueBar {
	  display:none;
  }*/
  .pageTop h1 {
	margin-top:0;
  }
  .homeImages h1 {
	font-size:2em;
	padding:.5em 0;
	margin-top:0;
	position:static;
	border-top:1px solid #3a3d51;
  }
  p.tagline {
	font-size:1.75em;
	padding:.5em;
	background-color: #717488;
  }
	#imageCarousel {
		min-height:60px;
	}
  .rightpull, .rightpull2, .leftpull, .rightpull2.memberspull, .leftpull.memberspull {
	  float:left;
	  width:92.5%;
	  margin:0 1em 1em 0;
  }
  /* Next & previous buttons */
.prev, .next {
  padding: 1.75em .5em;
}
.prev:hover, .next:hover,
.prev:focus, .next:focus {
  padding: 1.75em 1em;
}
}
@media only screen and (max-width: 468px) {
/* Style adjustments for viewports 468px and under here */
  html {
	  /*font-size:102%; large size may break header & sitenav */
  }
  .pagination {
	  line-height:2em;
  }
  .phoneOnly {
	  display:block;
	  visibility:inherit;
  }
  .homeHighlight { 
	  margin:0 0 1em 0;
  }
  .lt-ie8 .homeHighlight { 
	  width:91.5%; 
  }
  .basicBox {
	  padding-top:1.5em;
  }
  .mainCategory {
	  /*font-size: 1.125em;
	  font-size: 1em;*/
  }
  h1 {
    font-size: 1.455em;
	line-height:1em;
  }
  h2 {
	  font-size: 1.455em;
	  line-height:1em;
  }
  h3, h4 {
	  font-size: 1em;
	  line-height:1.125em;
	  margin-top:1.125em;
	  letter-spacing:.1em;
  }
  .menuContent li a {
	  font-size: 1.125em;
  }
  .loginDisplay {
	  padding-left:18px;
	  /*background: transparent url(/cnss/images/icons/key.gif) 9px left no-repeat; */
  }
  .smallText, p.documentInfo, .loginDisplay, .displayName {
	  font-size: .875em; 
  }
  .classificationHeader p {
	  line-height:1em;
	  padding-bottom:.5em;
  }
  .classificationFooter p {
	  line-height:1.5em;
	  padding-bottom:.5em;
  }
  #footer2 {
	  padding-top:1em;
    font-size: 0.875em;
  }
  p.documentInfo {
	  margin-top:-.15em;
  }
  .headerRight p {
	  padding-left:0;
  }
  .description {
	  padding-top:.5em;
  }
  #header2 .classificationHeader {
    margin-bottom: -.5em;
  }
	a#navDrawerButton {
		line-height: 0.4em;
		padding:0.55em 0 0.65em 0;
	}
	.lt-ie8 a#navDrawerButton {
		padding:0.2em 0 1.2em 0;
	}
	#navButtons {
		width:40px;
	}
  /* IE7 fix for right page edge error */
  .lt-ie8 .rightpull, .lt-ie8 .rightpull2, 
  .lt-ie8 .leftpull, 
  .lt-ie8 .rightpull2.memberspull,
  .lt-ie8 .leftpull.memberspull {
	  float:none;
	  width:88%;
	  margin:0 0 1em 0;
  }
  .lt-ie8 .signatureBlock {
	  margin:0;
	  width:88%;
  }
  .feedback img, .alert img {  
	  visibility:hidden;
	  display:none !important;
  }
  .feedbackText, .alertText {
	  margin: -.5em 0.5em 0 .5em;
  }
}

@media only screen and (max-width: 400px) {
    .pageTop h1 {
      font-size: 1.35em;
    }

}
@media only screen and (max-width: 320px) {
/* Style adjustments for viewports 320px and under here */
  .phoneOnly {
	  display:block;
	  visibility:inherit;
  }
  .content_Container {
    padding: 0 1em 1.5em 1em;
	}
	.mainCategory li #regLink {
	border-right: none;
	}
	.mainCategory li #loginLink {
    border-left: none;
	}
	#profileTab,
	#loginTab,
	#homeTab,
	#searchTab,
	.barWrapper {
		width:100%;
		float:none;
		display:block;
	}
	.mainCategory li #regLink,
	.mainCategory li #homeLink {
	border-right: none;
	}
	.mainCategory li #loginLink,
	.mainCategory li #searchLink {
    border-left: none;
	}
	.title { 
		margin-right: .5em;
		margin-left: 3.25em;
	}
	.rightpull, .rightpull2, .leftpull, .rightpull2.memberspull, .leftpull.memberspull {
    width: 88%;
`}
	a#navDrawerButton {
		line-height: 0.35em;
		padding:0.5em 0 0.6em 0;
	}
	.lt-ie8 a#navDrawerButton {
		padding:0.2em 0 1em 0;
	}
	.lt-ie8 body, lt-ie8 .expanded-main {
		min-width: 100%;
		width:100%;
	}
    .pageTop h1 {
      font-size: 1.35em;
	  line-height:.9em;
    }
}
/* ==|== media queries     MOVE    ======================================================
   Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   ========================================================================== */  
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*-- Safari, Webkit Media Query --*/
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Style adjustments for iPhone over go here */ 
}
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Style adjustments for iPad over go here */
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape) {
/* Style adjustments for iPad landscape over go here */
/*-- IE Styles (overrides because IE will render this mediaquery despite being for iPad)-- */
}
@media only screen and (min-width: 960px) {
/* Style adjustments for viewports 960px and over go here */
}
@media screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio:0) {
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
	 /* background: transparent !important;*/
	  color: #000 !important; /* Black prints faster: h5bp.com/s */
	  box-shadow: none !important;
	  text-shadow: none !important;
  }
  body {
	 background: #fff;
  }
	.pageTop h1,
	.homeImages h1,
	.homeImages p {
	  color: #fff !important; 
	}
	.pageTop img,
	.homeImages img {
	  border-bottom:10px solid #0076d4; 
	}
    a,
    a:visited {
        text-decoration: underline;
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*a[href]:after {
        content: " (" attr(href) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after,
	h1 a[href]:after,
	.documentTitle a[href]:after {
        content: "";
    }*/
    /* Don't show links for images, or javascript/internal links, header logo */
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 2cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
	#outerContainer {
		background:transparent !important;
		border-bottom:none;
	}
	.headerBanner {
		border: none !important; 
	}
	.menuContainer, #sideLeft {
		width:0 !important;
	}
	#content_2col_Left {
		margin-left: 0 !important;
	}
	#innerContainer, #outerContainer, #container, #content, .content_Container { 
		width: 100% !important;
		max-width: 100% !important;
	}
	.content_Container { 
		padding:0;
		/*border-top: 1px solid #829fd0;   4a5c90 */
	}
	.divBacker {
		background-color:#fff;
	}
	input[type="submit"], input[type="button"] {
    background-color: #eee;
	}
	
	table#tablePwdCheck2 #score {
		padding-bottom: 0.3em;
	}
	#score, #rating, #standards {
		font-weight: bold;
	}
	#score {
		position: relative !important;
	}
	#footerWrapper {
		background:none !important;
		background-color:#fff !important;
	}
	#footerWrapper .widthConstraint {
		max-width:100%;
	}
	.classificationFooter {
		width:100%;
		border-top:1px solid #829fd0;  /* 4a5c90 */
		background: #fff !important;
	}
	.documentTable {
		width:95%;
	}  
	#innerContainer {
		border:none !important;
	}
	.menuContainer, 
	nav, 
	#siteNav,
	#navDrawer, 
	#footer2,
	#lastModDate,
	.pageTopBlueBar,
	#scorebar {
    	display: none !important;
    	visibility: hidden;
	}
	.content_ContainerFullPage, 
	.content_ContainerRt, 
	.content_Container, 
	#innerContainer, 
	#outerContainer, 
	#container,  
	#footerWrapper  {
		min-height:1% !important;
		height:auto !important;	
	}
}