/* ---- Global Site ----- 
  Header Blue: #064161
  Light Blue: #3287a3
  Dark Blue: #17375e
  Orange: #f38b3b
  Light Gray: #f0f0f0
----------------------- */

html, body{
   height: 100%;
   background-color: #ededed;
   font-family: "Open Sans", arial, helvetica, verdana, sans-serif;;
   font-size: 13px;
   color: #444;
   padding: 0px;
   margin: 0px;
   text-align: center;
}

#wrapper_home{
	width: 1000px;
	background-image: url('images/bg_blue.gif');
	background-repeat: repeat-y;
	height: 130%;
   position: relative;
   padding: 0;
	margin: auto;
}

#wrapper{
	width: 1000px;
	background-image: url('images/bg.gif');
	background-repeat: repeat-y;
	height: 100%;
   position: relative;
   padding: 0;
	margin: auto;
}


#container{
	background-color: white;
	width: 960px;
	text-align: left;
	padding: 0;
	margin: auto;
	position: relative;
}


/* ------- Header Styles ---------------------- */
#header{
	background: url("images/headerBG.gif") repeat-x;
	background-color: #064161;
	width: 960px;
	height: 91px;
	text-align: left;
	padding: 0;
	margin: auto;
	border-bottom-color: #f38b3b;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	vertical-align: middle;
	position: relative;
}

#header img{
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
	border: 0px;
	outline: none;
}

#header h2{
	float: left;
	margin: 0px;
	padding-top: 14px;
	padding-left: 10px;
	line-height: 30px;
}

#header em {
	color: #5A81B3;
	font-size: 100%;
}

.whiteHdr{font-size: 16px;	color: white;}
.blueHdr{font-size: 17px; color: #5a81b3;}

/* ------ Top Right Menu ---------------------- */
#contact{
   float: right;
   color: white;
   width: 84px;
   background-image: url('images/mail.gif');
   background-position: left;
   background-repeat: no-repeat;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 15px;
   padding-left: 2px;
   text-align: right;
   font-size: 11px;
   font-weight: bold;
}

#contact a{color: white; text-decoration: underline;}
#contact a:visited{color: white;	text-decoration: underline;}
#contact a:hover{color: white; text-decoration: none;}

#top_menu{
   clear: right;
   float: right;
   padding-top: 10px;
   padding-right: 10px;
   color: white;
   text-align: right;
   margin: 0px auto;
}

#top_menu ul {
	overflow: hidden;
	padding: 0px;
	margin: 0px auto;
	list-style: none;
}

#top_menu ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
}

#top_menu ul li a{
	border: 1px white solid;
	float: left;
	display: block;
	height: 24px;
	width: 90px;
	margin-left: 8px;
	padding: 8px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: white;	
	outline: none;
}

#top_menu li a:visited{
	color: white;
}

#top_menu li a:hover, #top_menu a.current_top{
   background: #f38b3b;
	color: white;
}

/* ----------- Subpage Menus ---------------- */

#left_nav{
   width: 220px;
   margin: 0 0 0 -20px;
}

#left_nav ul{
   margin-bottom: 0px;
   margin-top: 0px;
}


#left_nav li{
	list-style: none;
	margin-bottom: 0px;
}

#left_nav li a{
   width: 200px;
   color: #17375e;
   display: block;
   text-decoration: none;
   padding: 8px 0 8px 5px;
   border-bottom: #17375e 1px solid;
   line-height: 1.3em;
}

#left_nav li a:visited{
   color: #17375e;
   text-decoration: none;
   border-bottom: #17375e 1px solid;
}

#left_nav li a:hover{
   text-decoration: none;
   background: #f0f0f0;
   border-bottom: #17375e 1px solid;
}
.current_menu{
   text-decoration: none;
   background: #f0f0f0;
   border-bottom: #17375e 1px solid;
}

#left_nav li a:active{
   text-decoration: none;
   background: #f0f0f0;
   border-bottom: #17375e 1px solid;
}


/* ------- Content Styles --------------------- */
/* Generic Links */
a {text-decoration: underline; color: #17375e;}
a:visited {text-decoration: underline; color: #17375e;}
a:hover {text-decoration: none; color: gray;}

a.small {text-decoration: underline; color: #17375e; font-size: 10px;}
a.small:visited {text-decoration: underline; color: #17375e; font-size: 10px;}
a.small:hover {text-decoration: none; color: gray; font-size: 10px;}


a.white {text-decoration: underline; color: white;}
a.white:visited {text-decoration: underline; color: white;}
a:white:hover {text-decoration: none; color: gray;}


p{
   font-size: 14px;
   font-weight: normal;
   color: black;
   text-decoration: none;
   line-height: 1.5em;
   padding-bottom: 5px;

}
.subtxt{margin-left: 20px;}

#header h1, #header h2 {
	font-family: Arial;
	text-shadow: 1px 1px 2px #033131;
}

h1, h2{
   font-family: "Droid Serif", Arial;
   font-size: 30px;
   letter-spacing: .031em;
   font-weight: bold;
   color: #064161;
   text-decoration: none;
   margin-top: 18px;
   margin-bottom: 18px;
   text-align: left;
   line-height: 1.3em;
}

h2{
   font-size: 20px;
}

h4{
   font-size: 18px;
   font-weight: bold;
   color: #17375e;
   text-decoration: none;
   margin-top: 18px;
   margin-bottom: 2px;
}

h5{
   font-size: 14px;
   font-weight: bold;
   color: #17375e;
   text-decoration: underline;
   margin-top: 18px;
   margin-bottom: 2px;
}

h5.plain{
   text-decoration: none;
}

em {
	font-size: 95%;
	color: #17375e;
}

/* --------- General table related styles ------------- */
td{vertical-align:top;}
td.normal{font-size: 12px; line-height: 16px;}
td.nowrap{white-space: nowrap;}
td.header{font-size: 14px; color: #17375e; line-height: 16px; margin-bottom: 3px;}

/*
 *
 * TABLES *******************************************
 *
*/

.sortLink { text-decoration: none; color: #FFF; text-shadow: none; }

.table {
    margin-top: 5px;
    border: 1px solid #669cc3;
    background-color: #FFF;
    -moz-box-shadow: #7f7e75 0 0 10px;
    -webkit-box-shadow: #7f7e75 0 0 10px;
    box-shadow: #7f7e75 0 0 10px;
    overflow: hidden;
}

.table th {
    text-align: center;
    vertical-align: middle;
    background: #93b2c7 url(images/table_header.gif) repeat-x 0px -27px;
    font: bold 14px Arial;
    padding: 0 5px;
    color: white;
    height: 35px;
	line-height: 35px;
    border-right: 1px dotted #669cc3;
    border-bottom: 2px solid #125787;
    text-shadow: -1px -1px 1px #4a7692;
}

.table th.toolbar {
	background-color: #104b75;
	background-image:none;
	height:20px;
	border: none;
}

.table tbody tr td table tbody tr td.noborder { /* admin screen */
	border: none;
}

.table tr td {
    border-right: 1px dotted #669cc3;
    border-top: 1px dotted #669cc3;
    padding: 4px 10px;
    color: #063658;
    font: normal 14px/1.6em Arial;
}

.table tr th.filter {
    background-position: 0 0;
    height: 28px;
    border-bottom: 1px solid #7698b8;
}

.table tr th.filter span {
    line-height: 28px;
    color: #063658;
    text-shadow: 1px 1px 1px #FFF;
    font-weight: normal;
    font-size: 12px;
}

.table tr th.filter input {
    height: 17px; width: 150px;
    margin: 4px 4px 4px 8px;
    font: normal 11px Arial;
}

.table tr th a {
	color: #fff;
}

.table_row_a { background-color: #ebf1f5; }
.table_row_b { background-color: #dfecf5; }
.table_row_red { background-color: #f1d7d7; }
.table_row_green { background-color: #d9eeca; }
.table_row_blue { background-color: #bfd3eb; }
.table_row_lgrey { background-color: #f3f7f9; }
.table_row_grey { background-color: #A3A297; }

/* --------- General form related styles ------------- */
input.flat, select.flat{background: #f0f0f0; border: 1px #17375e solid; height: 20px; padding-left: 5px;}
textarea{background: #f0f0f0; border: 1px #17375e solid;}

form.registration input[type=text] {
    float: left;
    height: 23px;
    font: bold 13px arial, sans-serif;
    color: #d24f10;

    width: 230px;
    padding-left: 5px;
    margin: 0px 0 10px 0;
    border: 1px solid #5e90b4;
}

form.registration table {
	font-size: 11px;
	color: #444;
}

form.registration table tr td, #learnMore table tr td {
	vertical-align: bottom;
	padding: 0 5px;
}

#learnMore table tr td {
	height: 24px;
}
#learnMore .form input, #learnMore .form textarea, #learnMore .form select  {
	font: bold 16px Arial;
	height: 20px; width: 260px;
	border: 2px solid #f9b978;
	background-color: #FFF;
	padding: 2px;
    border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
	margin-top: 3px;
}

#learnMore .form select {
	height: 28px;
}

#learnMore.wide .form input, #learnMore.wide .form textarea, #learnMore .form select {
	width: 314px;
}

#learnMore.wide .form textarea {
	font: normal 14px/1.3em Arial;
	width: 640px;
	height: 100px;

}

#sidebar {
	margin: 15px;
	width: 200px;
	background: url('images/navSideBar_mid.gif');
}

#sidebar .body {
	font: normal 14px/1.2 arial;
	color: #FFF;
}

#sidebar .credit {
	font: italic 10px/1.2 arial;
	color: #FFF;
	margin-left: 20px;
}

#sidebar .header {
	font: bold 18px Arial;
	color: #fcc996;
	margin-left: 20px;
}

#sidebar .body ul li {
	margin-bottom: 10px;
}

.imglink{
   border: 0px;
   outline: none;
}

.map_image{
   border-top: 5px #f38b3b solid;
   border-bottom: 5px #f38b3b solid;
}

ul.bluedot{
   list-style-type: none;
   padding: 0px;
   margin-top: 12px;
   margin-left: 10px;
}

ul.bluedot li{
   background-image: url(images/blue_dot.gif);
   background-repeat: no-repeat;
   background-position: 0px 7px; 
   padding-left: 10px;
   margin-bottom: 12px;
}

ol li{
   margin-bottom: 16px;
}
ol.steps li {
	margin-bottom: 0px;
}


#banner{
	clear: both;
	width: 960px;
	text-align: left;
	padding: 0;
	background-color: #17375e;
	border-bottom-color: #17375e;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}

#home_left_content, #home_left_big{
   float: left;
   width: 470px;
   padding-top: 7px;
   padding-left: 10px;
   padding-bottom: 10px;
   font-size: 14px;
   line-height: 20px;
}

#home_left_big {
	width: 650px;
}

#home_left_content h2, #home_left_big h2{
	font-size: 20px;
	font-weight: bold;
	color: #17375e;
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: 2px solid #17375e;
}

#home_left_content h3, #home_left_big h3{
	font-size: 18px;
	font-weight: bold;
	color: #17375e;
	margin: 20px 0 0 0;
	padding-bottom: 0px;
}


#home_left_content hr, #home_left_big hr{
   height: 1px;
	color: #17375e;
	background-color: #17375e;
}

#home_right_content, #home_right_grey{
   float: right;
   width: 450px;
   padding: 10px;
   position: relative;
}

#home_right_grey {
	width: 269px;
}

#news{
   border: 1px #17375e solid;
   background-color: #f0f0f0;
   margin: 2px;
   padding: 2px;
   position: relative;
}

#news_header{
   margin: 0px;
   padding: 4px;
   background-color: #2a7bb2; /* #3287a3; */
   font-size: 16px;
   font-weight: bold;
   color: white;
   position: relative;
}

#news ul{
   list-style-type: none;
   padding: 0px;
   margin-left: 10px;
}

#news ul li{
   background-image: url(images/blue_dot.gif);
   background-repeat: no-repeat;
   background-position: 0px 5px; 
   padding-left: 14px;
   margin-bottom: 8px;
   line-height: 1.3em;
}

#employees{
   border: 1px #17375e solid;
   background-image: url('images/employee_corner.jpg');
   background-repeat: no-repeat;
   margin: 2px;
   padding: 8px;
   position: relative;
}

#employees h5{
   font-size: 14px;
   font-weight: bold;
   line-height: 10px;
   margin-bottom: 3px;
   margin-top: 2px;
}

#employees p{
   line-height: 16px;
   margin-bottom: 2px;
   margin-top: 2px;
}


#left_content{
   width: 240px;
   float: left;
   padding: 0px;
   margin-left: 0px;
   line-height: 1.4em;
}

#right_content{
   float: left;
   text-align: left;
   width: 701px;
   padding: 0px;
}

#intro_text, #intro_text p {
   text-align: left;
   padding: 0px;
   font-family: "Droid Serif", Arial;
   font-size: 16px;
   font-weight: normal;
   color: #777;
   text-decoration: none;
   line-height: 27px;
}

#intro_text img{border: 1px #17375e solid;}

#main_text{
   float: left;
   text-align: left;
   width: 480px;
   padding: 0px;
}
#main_text img{border: 1px #17375e solid;}
#main_text img.noborder{border: 0px;}

#side_notes{
   float: left;
   width: 200px;
   border: 1px #17375e solid;
   padding: 10px;
   background: #f0f0f0;
}

#side_notes_narrow{
   float: left;
   width: 165px;
   border: 1px #17375e solid;
   padding: 10px;
   background: #f0f0f0;
}


#gotomeeting{
   float: left;
   width: 200px;
   margin-top: 10px;
   border: 0px;
   padding: 10px;
   text-align: center;
}

#career_post, #news_page{
width:600px;
}
#news_page img{border: 1px #17375e solid;}

table.job_listings{width: 100%; border: 0px;}
table.job_listings th{padding: 4px; background: gray; text-align: left; color: white;}
table.job_listings td{padding: 4px; border-bottom: 1px #f0f0f0 solid; text-align: left;}

table.job_detail{width: 100%; border: 0px;}
table.job_detail td{padding: 4px; border-bottom: 1px #f0f0f0 solid; text-align: left;}

#main_right{
   float: left;
   width: 200px;
   padding: 0px;
   text-align: center;
}
#main_right img{border: 1px #17375e solid;}
#banner img, #home_right_content img {border: none; }

#breadcrumbs{
   height: 20px;
   border-bottom: 1px #17375e solid;
   padding-left: 10px;
   padding-top: 10px;
   margin: 0px;
}

#breadcrumbs img{
   margin-left: 5px;
}

#breadcrumbs ul {
	overflow: hidden;
	padding: 0px;
	margin: 0px auto;
	list-style: none;
}

#breadcrumbs ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
}

#breadcrumbs ul li a{
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #17375e;	
	outline: none;
}

#breadcrumbs li a:visited{
	color: #17375e;
}

#breadcrumbs li a:hover, #breadcrumbs li .current{
	color: #17375e;
	text-decoration: underline;
}

#cleaner_home{
   clear: both;
	background-color: white;
	width: 960px;
	text-align: left;
	padding: 0;
	margin: auto;
	border-bottom-color: #f38b3b;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	position: relative;
}

#cleaner{
   clear: both;
	background-color: white;
	width: 960px;
	height: 20px;
	text-align: left;
	padding: 0;
	margin: auto;
	position: relative;
}

/* ------- CONFERENCE REGISTRATON -------------- */

/* ----- BUTTONS ------------*/

button {
    background: transparent url('images/Buttons.gif');
	border: none;
	width: 221px;
	height: 56px;
	margin-top: 20px;
	outline: none; /* hide dotted outline in Firefox */
	zoom: 1;
	/*position: relative;*/
}

button.trans {
	/* make btn transparent by swapping out the image */
	background-image: url('images/Buttons.png');
}

button.registerBTN {background-position: 0 0px;}
button.registerBTN:hover, button.registerBTN:focus { background-position: 0 -56px; }
button.registerBTN:active, button.registerBTN:focus { position: relative; top: 1px; }

button.continueBTN {background-position: 0 -112px; width: 175px;}
button.continueBTN:hover, button.continueBTN:focus { background-position: 0 -168px; }
button.continueBTN:active, button.continueBTN:focus { position: relative; top: 1px; }

button.submitBTN {background-position: 0 -223px; width: 120px;}
button.submitBTN:hover, button.submitBTN:focus { background-position: 0 -279px; }
button.submitBTN:active, button.submitBTN:focus { position: relative; top: 1px; }

button.learnMoreBTN {background-position: 0 -335px; width: 170px;}
button.learnMoreBTN:hover, button.learnMoreBTN:focus { background-position: 0 -391px; }
button.learnMoreBTN:active, button.learnMoreBTN:focus { position: relative; top: 1px; }

button.searchBTN {background-position: 0 -447px; width: 100px; height: 43px; margin: 0 0 -14px 0; }
button.searchBTN:hover, button.searchBTN:focus { background-position: 0 -490px; margin: 0 0 -14px 0;}
button.searchBTN:active, button.searchBTN:focus { position: relative; top: 1px; margin: 0 0 -14px 0;}

button.alertMeBTN {background-position: 0 -532px; width: 140px; }
button.alertMeBTN:hover, button.alertMeBTN:focus { background-position: 0 -588px;}
button.alertMeBTN:active, button.alertMeBTN:focus { position: relative; top: 1px;}

#searchResults tr td a {
	font-weight: bold;
	color: #d24f10;
}

#searchResults tr td p.source {
	font-style: italic;
	font-size: 12px;
	color: #888;
}
/* ------- Footer Styles ----------------------- */
#home_footer{
   clear: both;
   float: right;
   font-size: 10px;
   color: white;
   padding-top: 10px;
   padding-right: 30px;
}

#footer{
   clear: both;
   width: 960px;
   text-align: right;
   font-size: 10px;
   color: #17375e;
   padding-top: 10px;
   margin: 0px;
   background-color: white;
}

.searchInstruction {
	color: #CCC;
	font-style: italic;
}


.highlight, .highlight1, .highlight2, .highlight3, .highlight5, .highlight6, .highlight7 {
	background-color:#fef200;
	padding: 0 2px;
	border: 1px solid #e2e2bc;
}

.highlight1 {
	background-color:#fae361;
}

.highlight3 {
	background-color:#F7D6BA;
}

.highlight6 {
	background-color:#F6C7C7;
}

.highlight5 {
	background-color:#D0E5E0;
}

.highlight2 {
	background-color:#D3D7ED;
}

.highlight4 {
	background-color:#AEC6E8;
}

.highlight7 {
	background-color:#E1E1E0;
}



.rounded, .tooltip span {
	border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
}

.lRounded {
    -moz-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}

.tlRounded {
    border-radius: 8px 0 0 0;
    -moz-border-radius: 8px 0 0 0;
}

.trRounded {
    border-radius: 0 8px 0 0;
    -moz-border-radius: 0 8px 0 0;
}

.rRounded {
    border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
}

.tRounded, table.table { /* , table.table tr th  */
	 border-radius: 8px 8px 0 0;
	 -moz-border-radius: 8px 8px 0 0;
}

.bRounded, .container {
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
}

/*
		NIST CONTROLS  ////////////////////////////////////
*/

.shadow {
    -moz-box-shadow: #000 0 0 4px;
    -webkit-box-shadow: #000 0 0 4px;
    box-shadow: #000 0 0 4px;

	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000');
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000');
}

#controlDoc {
	border: 1px dashed #CCC;
	background-color: #efefef;
	padding: 20px 15px;
	font: normal 15px/1.4em "Georgia";
}

#controlDoc .header {
	font-size: 14px;
	font-family: Arial;
}

#controlDoc strong {
	font-weight: bold;
	font-family: Arial;
}

#controlDoc u {
	font-family: Arial;
	font-size: 12px;
}

#controlDoc h3 {
	
	font-family: Arial;
}

#controlDoc .baseline tr td {
	border: 1px solid #000;
	padding: 3px 10px;
}

#controlDoc .baseline {
	
	background-color: #ccc;
	font-family: Arial;
	font-size: 14px;
	width: 100%;
}