#CNS_COLORS
{
	/* CNS BLUE */
	color: #002968;
	/* CNS YELLOW */
	color: #fff000;
}

/* Global Settings - Keep first */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, p, pre, a, code, img, ol, ul, li, form, tr, th, table, td, embed
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

body
{
	background-color: #ddd;
	font-size: 12px !important;
	/* font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

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

a img
{
	border: none; 
}

a:hover
{
	color: #fff000;
}

a:visited
{
	color: #002968;
}



/* Universal Page */

.container
{
	width: 100%;
}

.header, .content, .footer
{
	margin: 0 auto;
	width: 100%;
}

.col2 { width: 1%; display:inline-block; vertical-align: top; }
.col5 { width: 4%; display:inline-block; vertical-align: top; }
.col10 { width: 9%; display:inline-block; vertical-align: top; }
.col20 { width: 19%; display:inline-block; vertical-align: top; }
.col25 { width: 24%; display:inline-block; vertical-align: top; }
.col30 { width: 29%; display:inline-block; vertical-align: top; }
.col33 { width: 32%; display:inline-block; vertical-align: top; }
.col40 { width: 39%; display:inline-block; vertical-align: top; }
.col50 { width: 49%; display:inline-block; vertical-align: top; }
.col60 { width: 59%; display:inline-block; vertical-align: top; }
.col66 { width: 65%; display:inline-block; vertical-align: top; }
.col70 { width: 69%; display:inline-block; vertical-align: top; }
.col75 { width: 74%; display:inline-block; vertical-align: top; }
.col80 { width: 79%; display:inline-block; vertical-align: top; }
.col90 { width: 89%; display:inline-block; vertical-align: top; }

.col2 img, .col5 img, .col10 img, .col20 img, 
.col25 img, .col30 img, .col33 img, .col40 img, 
.col50 img, .col60 img, .col66 img, .col70 img, 
.col75 img, .col80 img, .col90 img
{
	max-width: 100%;
}

.left { float: left; }
.right { float: right; }
.center { text-align: center; }

.clear { clear: both; }




/* Photo Gallery */
div.photoGallery ul
{
	padding: 0px;
	margin: 0px;
}

div.photoGallery li
{
	padding: 3px;
	background-image: none;
}

div.photoGallery li img
{
	width: 50px;
	height: 50px;
	border: 1px solid #002968;
}

div.photoGallery li:hover
{
	background-color: #002968;
	cursor: pointer;
}

div.photoGallery li
{
	display: inline-block;
}

div.photoGallery > img
{
	height: 350px;
	max-width: 100%;
	border: 2px solid #c1c1c1;
}


/* Specific Site Style */
.header
{
	border-top: 11px solid #002968;
	padding-top: 10px;
}

.content
{
	padding-top: 20px;
	padding-bottom: 35px;
}

.footer
{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #ccc;
	color: #fff;
}

.contentWrap{}
.headerWrap{}
.footerWrap{}

.content p, .content ul
{
	font-size: 1.1em;
	margin-bottom: 1em;
}

.header, .content, .footer
{
	padding-left: 25px;
	padding-right: 25px;
	max-width: 974px;
}

.header, .content
{
	background-color: #fafafa;
}

h1
{
	font-size: 2.2em;
	font-weight: 800;
	margin-bottom: .8em;
}

h1 > a
{
	background-color: #BBBBBB;
	padding: .5em;
}
h1 > a:hover
{
	background-color: #FFF000;
}

h2 > a
{
	background-color: #BBBBBB;
	padding: .5em;
}
h2 > a:hover
{
	background-color: #FFF000;
}

h2
{
	font-size: 1.7em;
	font-weight: 700;
	margin-bottom: .8em;
}

h3
{
	font-size: 1.3em;
	font-weight: 600;
	margin-bottom: .5em;
}

h4
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: .5em;
}

ul
{
	list-style: none;
	margin-top: -1em;
	font-size: 1em;
}

ul > li
{
	padding-left: 3em;
	background-image: url("/images/bullet4.png");
	background-repeat:no-repeat;
	background-position: 2em .2em;
}

.imgPad
{
	padding: 10px;
}




/* Custom Elements Style */
.contentPadding
{
	padding-left: 25px;
	padding-right: 25px;
}
.contentBanner
{
	max-width: 100%;
}
p.trademarkNotice
{
	font-size: .8em;
}

p.breakOut
{
	font-size: 2em;
	color: #002968;
	text-align: left;
	margin: 0 auto;
	max-width: 300px;
	font-style: italic;
	font-weight: bold;
}

.aboutCerts
{
	text-align: center;
}
.aboutCerts img
{
	padding: 20px;
	width: 110px;
	height: auto;
	vertical-align: top;
}

.userBar
{
	text-align: right;
}

img.headerLogo
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.navBar
{
	padding-top: 7px;
	border-bottom: 4px solid #fff000;
}

.news .right
{
	text-align: right;
}

.news
{
	padding-left: 2em;
	padding-right: 2em;
}

.news hr
{
	margin-top: 0em;
}

.news .left
{
	font-size: 1.1em;
	font-weight: bold;
}

.highlightIcon
{
	padding: 0px 10px 0px 10px;
}












#cssmenu{ clear: both; height:37px; display:block; padding:0; margin: 0;  border:1px solid; border-radius:5px; } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenu ul li > ul {width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
#cssmenu ul li
{
	background-image: none;
}

#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); } 
#cssmenu{border-color:#000;} 
#cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;} 
#cssmenu > ul > li > a:after{border-color:#444;} 
#cssmenu > ul > li > a:hover{background:#111;}
