/* CSS Document */
/*
	#4B4B4B: dark grey
	#566B7B: slatish grey
	#1B3766: dark blue
	#012844: bluish grey
	#336699: medium blue
	#4294E6: light blue
	#FEC01D: gold
	#F4F6F7: light grey
*/

* {
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
input, select{
	font-size: 96%;
}

html, body
{
	background: #F4F6F7;
	background-color: #F4F6F7;
	padding: 2px;
	font-family: Verdana, Geneva, sans-serif;
}



/* AH 2016/03/09 MOBILE HEADINGS*/
h1
{
	color: #566b7b;
	font-size: 140%;
	line-height: 1.5em;
	font-weight: normal;
	font-family:Verdana;
}
h2
{
	color: #808080;
	font-size: 130%;
	font-weight: normal;
}
h3
{
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 120%;
	font-weight: bold;
}

h4
{	
    font-size: 110%;
	font-weight: bold;		
}
h5
{	
    font-size: 105%;
	font-weight: bold;		
}





#canvas {
	width: 100%;
	padding: 1px;
	min-width: 200px;
	max-width: 767px;
	min-height: 100px;

}

.canvasInner {
	width: 100%;
	background: #FFFFFF no-repeat 0;
}

.\@atanet-hidden {
	padding: 2px;
	background-color: #FFFFFF;	
}

#content-header{
	width: 100%;
	height: auto;
	background: #F4F6F7;
	border-bottom: 1px solid #FFFFFF;
}


#content-header-upper {
	position:relative;
	width: 100%;
	height: 80px;
	float: left;
	background: #1B3766 url("../images-headers/top_header_home.jpg") no-repeat !important;
	background-size: 460px 83px !important;
}

.brand {
	background: transparent url("at.jpg") no-repeat left top;
	width: 100%;
	height: 50px;
	}


.brand_home {
	background: transparent url("at.jpg") no-repeat left top;
	width: 100%;
	height: 50px;	
}

@media only screen and (max-width: 459px){
	#content-header{
	width: 100%;
	height: auto;
	background: #F4F6F7 !important;
	border-bottom: 1px solid #FFFFFF;
	}
	#content-header-upper {
		width: 100%;	
		height: 40px;
		padding: 0px;
		background: #1B3766 url('../images-headers/logo_mobile.jpg') no-repeat left center !important;
		background-repeat: no-repeat;
		background-size: 318px 40px !important;
	}
	.brand {
		background: transparent !important;
		width: 100%;
		height: 40px;
		}


	.brand_home {
		background: transparent !important;
		width: 100%;
		height: 40px;	
	}
}

@media only screen and (max-width: 321px){
	#content-header-upper {
		width: 100%;	
		height: 31px;
		padding: 0px;
		background: #1B3766 url('../images-headers/logo_mobile.jpg') no-repeat left center !important;
		background-repeat: no-repeat;
		background-size: 237px 31px !important;
	}
	.brand {
		background: transparent !important;
		width: 100%;
		height: 31px;
		}


	.brand_home {
		background: transparent !important;
		width: 100%;
		height: 31px;	
	}
}

.brand a {
	width: 100%;
	height: 100%;
	display: block;
}

.brand img, .tagline img {
	display: block;
	width: 100%;
    height: auto;
}

.brand span {
	 width: 0px;
	 height: 0px; 
	 margin: 0px;
	 padding: 0px; 
	 display: block; 
	 overflow: hidden;
}



/* #header-forms-find, #header-forms-find-title  removed to write them below AH 2016/02/29
#header-controls, #header-forms-find, #header-forms-find-title {
	color: #566B7B; 
	background: #F4F6F7 !important;
	width: 100%;
	height: auto;
	font-size: 12px;
	clear: both !important;	
	float: none;
	margin-left: 0px;
}
*/

/*  Search  //  Login  */
#header-controls{
	color: #566B7B; /* AH 2/16/2015 */
	background: #F4F6F7 !important;
	width: 100%;
	height: auto;
	font-size: 12px;/*font-size: 20px; AH 2/16/2015 */
	clear: both !important;	
	float: none;
	margin-left: 0px;
}

.control_alignment div{
	display: inline;
}

.control_alignment{
	width: 100%;
	height: auto;
	color: #566B7B; /*color: #FFFFFF; AH 2/16/2015 */
	background-color: #F4F6F7; /*background-color: #566B7B; AH 2/16/2015*/
	padding: 2px;
	float: left;
}


#header-controls-search.control_alignment,
#header-controls-login.control_alignment {
	width: 50%;
	height: auto;
	margin: 0;
	text-indent: .7em;
	line-height: 1.0em;
	padding: 2px;
}

#header-controls-search a,
#header-controls-login a{
	color: #566B7B;
	font-size: 12px;
	display: inline;
	width: 100%;
	height: auto;
	float: left;
	line-height: 1.0em;
	text-indent: .5em;
}



.content-column-image {
	display: none;	
}


#header-forms-search,
#header-forms-login {
	display: none;
}

#header-forms-search,
#header-forms-login {
	width: 100%;
	height: auto;
	padding: 1px;
	font-size: 12px;	
	color: #566B7B;
	background-color: #F4F6F7;
	font-weight: normal;
	margin: 1px 1px 1px 1px;
}


#formLoginId,
#formLoginPassword,
#formLoginSubmit,
#divPassPassword,
#divTextMemberId{
	width: 100%;
	height: auto;
	font-size: 12px;
	display: block;
	background-color: #FFFFFF;
	margin: 1px 1px 1px 1px;
}


input#submitLogin {
	width: 100px;
	height: auto;
	float: left;
	display: block;
}
#formLoginSubmit > input {
	background: url("../images/submit_btn.png" ) no-repeat;
	width: 100px;
	height: 24px;
	cursor: pointer;
}




/*#bannerslideshow, #slideShowDiv {*/

.bannerh2 {
	display: none;	
}

#bannerslideshow .controls {
	display: none;	
}

#slideShowDiv {
	overflow: hidden;	
}


#content-header-lower {
	position: relative;
	width: 100%;
	height: auto;
	background: #1B3766;
	margin: 0 auto;
	padding: 0;
	display: block;
}

#bannerslideshow{
	position: relative;
	width: 100% !important;
	height: auto !important;
	float: left;
	padding: 0;
}


#slideShowDiv, #slideShowDiv a, img.slideshowimage {
	width: 479px !important;
	height: 160px !important;
	min-width: 478px;
	min-height: 150px;
}

@media only screen and (max-width: 478px){
	#bannerslideshow, #slideShowDiv, img.slideshowimage{
		width: 319px !important;
		height: 105px !important;
		min-width: 319px;
		min-height: 105px;
	}
}

@media only screen and (max-width: 320px){
	#bannerslideshow, #slideShowDiv, img.slideshowimage{
		width: 239px !important;
		height: 80px !important;	
		min-width: 239px;
		min-height: 80px;
	}
}







/* FIND TRANSLATOR OR INTERPETER BOX*/
/************************************/
	#header-forms-find {
		color: #566B7B; /* AH 2/16/2015 */
		background: #F4F6F7 !important;
		width: 100%;
		height: auto;
		font-size: 12px;/*font-size: 20px; AH 2/16/2015 */
		clear: both !important;	
		float: none;
		margin: 0px;
		padding:5px;
		display: block;
	}


	#header-forms-find #header-forms-find-guide2,
	#header-forms-find #formFind,
	#header-forms-find #header-forms-find-more {
		display: none;
	}

	#header-forms-find #header-forms-find-guide{
		padding:3px;
	}

	#header-forms-find-title, #header-forms-find-title a, #header-forms-find-title a:hover, #header-forms-find-title a:visited, #header-forms-find-title a:active {
		font-size: 14px; /*AH 2016/02/26*/
		text-decoration: underline;
		color: #566B7B; /*color: #FFFFFF; AH 2/16/2015 */
	}


	#header-forms-find #header-forms-find-guide2,
	#header-forms-find #formFind,
	#header-forms-find-radios,
	#header-forms-find-bottom,
	#divSelectTarget2,
	#divSelectSource2,
	#divSelectFind2,
	#submitFind,
	#header-forms-find #header-forms-find-more{
		width: 100%;
		height:auto;
		padding:1px;
		margin: 0px 0px 0px 0px;
	}

	.radio_btn_alignment {
		width: 100%;
		float: left;
		color: #566B7B;
		padding: 1px 1px;
	}


	#divSelectFind2 > input {
		background: url("../images/submit_btn.png") no-repeat;
		width: 100px;
		height: 24px;
		color: transparent;
	}
/************************************/



/****************************************************/
/* MAIN MENU */

#content-menu, #content-external-menu {
	position: relative;
	width: 100%;
	height: inherit;
	margin: 0 auto;
	padding: 1;
	background: #F4F6F7;
}

.menu {
	padding: 4px;
	font-size: 18px; /*font-size: 20px; AH 2/16/2015*/
	background-color: #F4F6F7;/*#1B3766;*/
	color: #566B7B; /*#FFFFFF;*/
	width: 100%;
	display: block;
}

.menu a {
	color: #FFFFFF;
	text-decoration: none;	
}

.ui-menu-ata{
	background: #1B3766;
}

.navSecondary, .navTertiary {
	color: #000000;
	display: none;
	list-style: none;
}

.navSecondary a {
	color: #000000;	
}

.navSecondary {
	background-color: #FFFFFF;
	padding-left: 8px;	
}

.navTertiary {
	background-color: #FFFFFF;
	padding-left: 16px;	
}

.menuitem:hover > ul {
	display: block;	
}

#slidemenu_jq ul {
    list-style: none;
    background: #FFFFFF; /*#1B3766;*/
    padding: 5px 0;
}
 
#slidemenu_jq li a {
    display: block;
}


#slidemenu_jq li:last-child a {
    border-bottom: none;
}
 
#slidemenu_jq li a:hover,
#slidemenu_jq li a:focus {
    color: #1B3766;
    background: #F4F6F7;
}

/****************************************************/
/* END MAIN MENU */








.content-column-wrapper, .content-column-wrapper_right {
	width: 100% !important;
	padding: 4px;	
	background-color: #F4F6F7;
}

#content-lowercontent {
	padding: 4px;	
	background-color: #F4F6F7;
}

#lowercontent-column-left, #lowercontent-column-middle, #lowercontent-column-right {
	display: none;	
}

.minimodule{
	background-image: none;
	border-top: 8px solid #336799;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	display: block;
	margin-bottom: 21px;
	padding: 0px 5px 5px 5px;
}

.minimodule dt {
	color: #336799;
	font-size: 12px; /*font-size: 14px; AH 2/16/2015*/
	font-weight: bold;
	background-color: transparent; 
	border-bottom: 1px solid #A0A0A5; 
	border-width: 0 0 1px 0;  
	margin: 5px 0 5px 0;
	padding-bottom: 5px;
	width: 100%;
	height: inherit;
	line-height: 1.0em;
}

.minimodule dd {
	margin-bottom: 13px;
}

.minimodule dd > a, .minimodule dd > a:link, .minimodule dd > a:visited, .minimodule dd > a:hover {
   color: #4294e6;
   font-size: 10px; /*font-size: 12px; AH 2/16/2015*/
   text-decoration: none;
   font-weight: bold;
   font-family: Verdana, Geneva, sans-serif;
}

.minimodule dd > a:hover {
   text-decoration: underline;
}

#bluebar {
	display: none;	
}



#content-footer {
	padding: 4px;	
	background-color: #FFFFFF;
}

.footermenu, #footer-links {
	display: none;	
}

#resize-group-photoheader {
	display: none;	
}

#resize-container {
	background-color: #FFFFFF;
	padding: 0px 4px;	
}

.\@frwk-column,
.resize-content-row {
	background-color: #FFFFFF;
}


.resize-content-column {
	padding: 4px 4px 5px 4px;	
	width: 100%;
	height:auto !important;
	border-bottom: 2px solid #566B7B !important;
}

.rcc-left, .rcc-mid{
	margin-right: 0px;
}

.resize-content-column h3 {
	padding-top: 8px;
	padding-bottom: 4px;
	font-size: 16px; /*font-size: 20px; AH 2/16/2015*/
}

.resize-content-column h4 {
	padding-top: 3px;
	font-size: 14px; /*font-size: 16px; AH 2/16/2015 */
}



body#child #content-column-left > #content-column-left-body{
    width: 100%;
	min-height: 100px;
	padding: 3px 5px 2px 6px;
	background-color: #FFFFFF; 
}

#content-column-wide > #content-column-wide-body{
    width: 100%;
	padding: 3px 5px 2px 6px;
	background-color: #FFFFFF; 
}


#footer-content {
	width: 100%;
	height: auto;
}
#footer-copyright,#footer-twitter,#footer-links {
	width:100%;
	margin: 3px 0 0 0;
	padding:0 0 0 2px;	
	display: block;
}
/* AH Added on 2/28/2014 */
.NotDisplay {display:none;}
#headerprint{display:none;}