html{
	font-size: 16px;
}
body{
	font-family:"OpenSans",Helvetica,sans-serif;
	font-size:0.9em;
	margin:6px 0 0;
}
h1{
	font-size:1.4em;
	padding:.2em;
	margin:0 0 .3em;
}
h1.underline{
	font-weight:100;
	border-bottom:2px solid #2c9cde;
	margin-top:.75em;
	text-transform:uppercase;
}
h2{
	font-size:1.1em;
	padding:.2em;
	margin:0;
}
h3{
	font-size:.8em;
	padding:.2em;
	margin:0;
}
ul, ol{
	padding-left:1.25em;
	margin:.5em 0;
}
p{
	padding:.3em .2em;
	margin:0;
}
b,strong{
	font-weight:700;
}
a{
	color:#184265;
}
a:link{
	color:#184265;
	text-decoration:none;
	font-weight: bold;
}
a:visited{
	text-decoration:none;
	color:#496085;
}
a:hover{
	text-decoration:underline;
}
a:active{
	text-decoration:none;
}
#body_container{
	width:100%;
	max-width:1200px;
	margin:auto;
}
#left_content{
	width:63%;
}
#right_column{
	float:right;
	width:35%;
}
#right_content{
	float:right;
	width:63%;
}
#left_column{
	width:35%;
}
.phone_show{
	display:none;
}
.phone_hide{
	display:block;
}
div.quarter{
	float:right;
	width:23%;
	padding:1%;
}
#first_quarter{
	float:none;
}
div.two_thirds{
	width: 73%
}
div.mid_quarter{
	width: 48%;
}
div.half{
	float:right;
	width:48%;
	padding:1%;
}
#first_half{
	float:none;
}
div.third{
	width:31.33%;
	padding:1%;
	float:right;
}
#first_third{
	float:none;
}
div.fifth{
	width:18%;
	padding:1%;
	float:right;
}
#first_fifth{
	float:none;
}
div.click_to_slide{
	display:none;
}
#overlay{
	top:138px;
}
#header a{
	font-weight: 400;
}
div.header_container{
	width:100%;
	max-width:1200px;
	margin:auto;
	background:#000425;
	background:-moz-linear-gradient(left,#000425 0%,#264977 39%,#2e4e79 50%,#264977 59%,#000425 100%);
	background:-webkit-linear-gradient(left,#000425 0%,#264977 39%,#2e4e79 50%,#264977 59%,#000425 100%);
	background:linear-gradient(to right,#000425 0%,#264977 39%,#2e4e79 50%,#264977 59%,#000425 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000425',endColorstr='#000425',GradientType=1);
}
div.header_container nav a{
	color:#fff;
}

/* header */
#header_content .select_container select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-color:transparent;
	width:100px;
	border:0 none;
	color:white;
	font-weight:600;
	position:relative;
	top:-20px;
	background:url(/images/new_arrow.png) no-repeat right transparent;
}
#header_content .select_container select::-ms-expand{
	display:none
}
#header_content .select_container option{
	-webkit-appearance:none;
	-moz-appearance:none;
	background-color:#2d4d78;
	border:0 none;
	padding:3px;
}
div.nav_container nav a.accessible{
	position: fixed;
	top: -20px;
	left: 0;
}
div.nav_container nav a.accessible:focus{
	top: 0;
}

nav{
	margin-bottom:.4em;
}
nav a{
	padding:0 .75em;
}
nav a:last-child{
	padding:0 0 0 .75em;
}
div.search_form{
	float:right;
	position:relative;
	right:10px;
	top:-30px;
	width:220px;
	margin-bottom:-34px;
}
div.search_form input.srchicon{
	width:18px;
}
div.search_form input.searchbox{
	background:transparent none repeat scroll 0 0;
	border-image:none;
	border-style:none none solid;
	border-width:0 0 1px;
	color:#fff;
	display:none;
	position:relative;
	top:-7px;
	width:1px;
}
#click_catcher{
	height:100%;
	margin-bottom:-20px;
	position:absolute;
	right:0;
	width:30px;
	z-index:999;
}
#click_catcher:hover{
	cursor:pointer;
}
#close_x{
	color:#fff;
	float:left;
	display:none;
}
#close_x:hover{
	cursor:pointer;
}
.header_home_link{
	float:left;
	margin-left:8px;
	margin-top:-28px;
}
.header_home_link a{
	color:#e2e2e2;
}
.header_home_link a:hover{
	opacity:.8;
}
.tabrow{
	font-family:verdana;
	font-size:12px;
	height:26px;
	line-height:24px;
	list-style:outside none none;
	margin:0;
	overflow:hidden;
	padding:0 0 0 5px;
	position:relative;
}
.tabrow li{
	border:1px solid #AAA;
	background:#D1D1D1;
	background:-o-linear-gradient(top,#ECECEC 50%,#D1D1D1 100%);
	background:-ms-linear-gradient(top,#ECECEC 50%,#D1D1D1 100%);
	background:-moz-linear-gradient(top,#ECECEC 50%,#D1D1D1 100%);
	background:-webkit-linear-gradient(top,#ECECEC 50%,#D1D1D1 100%);
	background:linear-gradient(top,#ECECEC 50%,#D1D1D1 100%);
	display:inline-block;
	position:relative;
	z-index:0;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	box-shadow:0 3px 3px rgba(0,0,0,0.4),inset 0 1px 0 #FFF;
	text-shadow:0 1px #FFF;
	margin:0 -5px;
	padding:0 20px;
}
.tabrow li:hover{
	cursor:pointer;
}
.tabrow a{
	color:#555;
	text-decoration:none;
}
.tabrow li.selected{
	background:#FFF;
	color:#333;
	z-index:2;
	border-bottom-color:#FFF;
}
.tabrow:before{
	position:absolute;
	content:" ";
	width:100%;
	bottom:0;
	left:0;
	border-bottom:1px solid #AAA;
	z-index:1;
}
.tabrow li:before,.tabrow li:after{
	border:1px solid #AAA;
	position:absolute;
	bottom:-1px;
	width:5px;
	height:5px;
	content:" ";
}
.tabrow li:before{
	left:-6px;
	border-bottom-right-radius:6px;
	border-width:0 1px 1px 0;
	box-shadow:2px 2px 0 #D1D1D1;
}
.tabrow li:after{
	right:-6px;
	border-bottom-left-radius:6px;
	border-width:0 0 1px 1px;
	box-shadow:-2px 2px 0 #D1D1D1;
}
.tabrow li.selected:before{
	box-shadow:2px 2px 0 #FFF;
}
.tabrow li.selected:after{
	box-shadow:-2px 2px 0 #FFF;
}
.tabrow li:first-child::before{
	border-bottom-right-radius:0;
}
.tab_content{
	width:96%;
	padding:2%;
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
}
div.cal_tab_content{
	font-size:.8em;
	max-height:590px;
	overflow:auto;
}
#art_tabs{
	float:right;
	width:35%;
}
td.calHeader{
	font-size:.7em;
}
td.subhead{
	font-size:.7em;
}
#calendar b{
	font-size:.5em;
}
td.calendarHasEvent{
	background-color:#e2e2e2;
}
td.calendarToday{
	background-color:#203f6b;
}
td.calendarToday b{
	color:#fff;
}
td.calendarToday a{
	color:#fff;
}
#slider{
	width:100%;
}
#slider .art{
	width:63%;
	padding:1%;
}
#slider .art h1 em{
	font-weight:100;
}
div.slider_tab{
	border-bottom:1px solid #e2e2e2;
	padding:.55em .4em;
}
div.slider_tab:hover{
	background:#e2e2e2;
	cursor:pointer;
}
div.slider_tab_current{
	background:#F1F1F1;
}
.media{
	width:100%;
	padding:20px 0;
	background-color:#111;
	background-position:center;
	margin-top:1em;
	font-family:OpenSans,Helvetica,sans-serif;
	position:relative;
	z-index:999;
}
.media iframe{
	width:100%;
	border-width:0;
	border-style:none;
}
.media #page{
	margin:0 auto;
	width:98%;
	max-width:1135px;
}
.media .yt_holder{
	padding:0;
	float:none;
	border-left-color:#fff;
	border-right-color:#fff;
	border-top-color:#fff;
	border-style:none;
	border-width:0;
	width:100%;
	margin:0;
}
.media .yt_holder .gallery_wrap{
	float:left;
	position:relative;
	width:41.85%;
	height:100%;
	margin-left:1.3216%;
	background-color:inherit;
	overflow-y:auto;
	overflow-x:hidden;
}
.media #ytvideo{
	float:left;
	width:56.39%;
	height:100%;
}
.media #ytvideo iframe{
	height:100%;
}
.media ul.naicvideo{
	list-style-type:none;
	list-style-image:none;
	background-color:#000;
	width:95%;
	height:auto;
}
.media ul.naicvideo li{
	float:left;
	border-top:1px solid #222;
	margin:0;
	background-color:#000;
	clear:both;
	height:auto;
	width:100%;
	padding:2px;
}
.media ul.naicvideo li img{
	padding-right:8px;
}
.media ul.naicvideo li a{
	text-decoration:none;
	color:#FFF;
	font-weight:400;
	padding:0;
	clear:left;
	border:none;
	outline:none;
	font-size:1em;
}
.media ul.naicvideo li a:hover{
	text-decoration:underline;
	color:#B0701F;
}
.media .currentvideo{
	background-color:#222!important;
}
.media .phone_show{
	display:none;
}
a[href*=".pdf"]:after{
	content: " (PDF)";
}
@media only screen and (max-width: 700px){
	.media .phone_show{
		display:block;
	}
	.media .yt_holder .gallery_wrap{
		float:none;
		position:inline;
		width:95%;
		height:250px;
		margin-left:auto;
		margin-right:auto;
	}
	.media #ytvideo{
		float:none;
		width:95%;
		height:100%;
		margin:auto;
	}
	.media ul.naicvideo{
		width:100%;
		padding-left:0;
	}
}
#featured{
	width:63%;
}
div.features{
	width:50%;
}
#special_section{
	width:63%;
}
#underline{
	width:63%;
}
.special_sub{
	padding-top:.8em;
	font-size:1.2em;
	width:95%;
	margin:auto;
}
.special_sub img{
	width:100%;
}
.quick_links li{
	font-size:1em;
}
.disbanded{
	color:#000;
	font-style:italic;
	font-weight:600;
}
p.one_deep{
	margin-left:2em;
}
p.two_deep{
	margin-left:4em;
}

/* BEGIN: Caption overlay styles for the slide up caption on linked images*/
.picCaptionContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.picCaptionImage {
  display: block;
  width: 100%;
  height: auto;
}

.picCaptionOverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #333333;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .3s ease;
  opacity: 0.92;
  filter: alpha (opacity=92);
}

.picCaptionContainer:hover .picCaptionOverlay {
  height: 100%;
}
.picCaptionContainer:focus .picCaptionOverlay {
  height: 100%;
}

.picCaptionText {
  width: 80%;
  margin: auto;
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
/* END: Caption overlay styles for the slide up caption on linked images*/

/* Header CSS */
div.nav_container{
	width: 99%; 
	max-width: 1195px; 
	margin: auto;
	text-align: right;
}
nav{
	font-size: 0.8em;
}
nav a{
	margin: 0 0 0 2em;
}
div.search_form {
    text-align: right;
	position: absolute;
	bottom: 0.1em; 
	right: 0.7em;
	float: none;
    top: inherit;
    width: 210px;
    margin-bottom: 0;
}
#home{
	position: absolute; 
	left: 0.7em; 
	bottom: 0.7em;
}
#naic_logo{
	position:relative;
	margin-top: 1em;
	width: 280px;
}
#cipr_logo{
	margin-top: 0;
	width: 280px;
}
nav a {
	margin: 0 0 0 1em;
}

/* New for Header */
div#super_menu {
    width: 100%;
    max-width: 720px;
    margin: auto;
}
div#super_menu:after {
  content: "";
  display: table;
  clear: both;
}
#super_menu a {
    float: left;
    width: 13%;
    padding: 1em 0;
	color: white;
	display: block;
}
#super_menu a:hover {
    background-color: rgba(82, 111, 146, 0.62);
    opacity: .7;
    color: white;
}
div.menu{
    max-width: 1200px;
    width: 100%;
	visibility: hidden;
	height: 0px;
    margin: auto;
	padding:0;
    z-index: 1000;
    position: absolute;
    background-color: lightgray;
	text-align: center;
	box-shadow: 1px 1px 1px darkgrey;
	overflow: hidden;
	/*opacity: 0;*/
	transition: opacity 0.3s, padding 0.3s, height 0.3s, visibility 0.3s;
}
div.menu.active{
	visibility: visible;
	height: 160px;
	padding:1em 0em;
	z-index: 1001;
	transition: none;
	/*opacity: 1.0;*/
}
div.sub_menu{
	float:left;
	text-align: left;
	margin: 0 1em 0.3em 0.3em;
	height: 160px;
}
div.sub_menu a, div.sub_menu p{
    display: block;
	padding: 0.2em .2em .2em 2%;
}
div.sub_menu .label{
	color: black;
}
#header div.sub_menu a.label, div.sub_menu p.label{
	border-bottom: 1px solid black;
	padding: 0.3em 0 0.2em 0.3em;
	font-weight: bold;
}
div.sub_menu p.label.sub_menu-desc{
	border-bottom: none;
	margin: .5em 0;
	padding: 0.3em;
	font-style: italic;
	font-weight: 300;
}
#toggle_navigation{
	color: white;
	font-weight: bold;
	text-align: center;
	position:relative;
	display: none;
}
#toggle_navigation img{
	 width: 28px;
}
#super_menu .expander, #super_menu .sub_menu .sub_expander{
	display: none;
}
div.sub_menu a.sub_menu-2col-link { width:47%;
float: left; display:inline;}
div.close{
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    font-weight: bold;
}
div.close:hover{
	cursor: pointer;
	opacity: 0.9;
}
/* Mobile */
@media all and (max-width: 850px){
	nav{
		font-size: 0.7em;
	}
	div#super_menu {
		width: 100%;
		max-width: 100%;
		display: none;
		z-index: 1000;
		position: absolute;
	}
	#super_menu a {
		width: 90%;
		background-color: #22436F;
	}
	#super_menu a:hover {
    background-color: rgb(82, 111, 146);
    opacity: 1;
    color: white;
}
	#super_menu .sub_menu a{
		background-color: lightgray;
		color: black;
	}
	#super_menu .expander, #super_menu .sub_menu .sub_expander{
		display: block;
		background-image: url(/images/plus.png);
		background-repeat: no-repeat;
		background-position: center;
		width: 10%;
		padding: 1em 0;
		text-decoration: none;
	}
	#super_menu .expander{
		background-color: #22436F;
	}
	#super_menu .sub_menu .sub_expander{
		background-color: gray;
	}
	#super_menu .expander.active, #super_menu .sub_menu .sub_expander.active{
		background-image: url(/images/minus.png);
		text-decoration: none;
	}
	div.sub_menu{
		height: inherit;
	}
	div.menu{
		position: relative;
		padding: 0;
	}
	div.menu.active {
		visibility: visible;
		height: inherit;
		padding: 0;
	}
	#header div.sub_menu a.label, div.sub_menu p.label{
		font-weight: normal;
		color: white;
		padding: 1em 0 1em 5%;
		border-bottom: none;
	}
	#super_menu .sub_menu a{
		display: none;
		width: 95%;
		padding-left: 5%;
	}
	#super_menu .sub_menu .label{
		border-bottom: none;
		display:block;
		background-color: gray;
		width: 85%;
		padding: 1em 0 1em 5%;
		float: left;
	}
	#naic_logo{
		margin-top: 1em;
	}
	#toggle_navigation{
		display: inline-block;
	}
	#super_menu .sub_menu .label.sub_menu-desc{
		width: 100%;
		display: none;
	}
	div.search_form{
		width: 150px;
	}
	div.search_form input.searchbox {
		max-width: 120px;
	}
div.sub_menu a.sub_menu-2col-link { width:100%;
float: none }
	div.close{
		display: none;
	}
}