/*************************************************************************
 * screen.css TOC
 * 
 * Imports
 * global-style.css
 * Common Elements and Classes
 * Core Stucture
 * Header
 * Navigation
 * Footer
 * Column Logic
 * 
 *************************************************************************/

/*************************************************************************
 * Imports - no sytle rules above this line!
 *************************************************************************/
@import url(reset.css);
@import url(global-style.css);
@import url(/ema/css/ema.css);

/*************************************************************************
 * Common Elements and Classes
 *************************************************************************/
/* link buttons */
.actionBtn { cursor: pointer; font: bold 1em Arial, Verdana, sans-serif; }
.actionBtn:link { color: #036; text-decoration: none; }
.actionBtn:visited { color: #036; text-decoration: none; }
.actionBtn:hover { color: #036; text-decoration: underline; }
.actionBtn:active { color: #036; text-decoration: none; }
.actionBtn-text { background: url(/images/display/actionBtn-text.png) top left repeat-x; display: block; float: left; line-height: 30px; height: 30px; padding: 0 5px; }
.actionBtn-lcap, 
.actionBtn-rcap { display: block; float: left; height: 30px; width: 5px; }
.actionBtn-lcap { background: url(/images/display/actionBtn-lcap.png) top left no-repeat; }
.actionBtn-rcap { background: url(/images/display/actionBtn-rcap.png) top left no-repeat; }
/* search */
.resultsHdr { border-bottom: 1px solid #ccc; }
.resultsList .last { display: none; }
.searchPanel input[type=text] { background: url(/images/display/btn_searchInput.png) top left no-repeat; border: 0; float: left; height: 20px; padding: 5px; width: 222px; }
.searchPanel input[type=submit] {
	border: 0;
	background: url(/images/display/btn_searchSubmit.png) top left no-repeat;
	color: #FFF;
	cursor: pointer;
	font: bold 13px Arial, Verdana, sans-serif;
	height: 30px;
	margin-left: 5px;
	padding: 1px 0 0 26px;
	text-align: left;
	width: 83px;
	/* imgReplace */
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	word-spacing: -2ex;
	letter-spacing: -2ex;
}
/* typography */
.col2 h2,
.col3 h2 {
	border-top: 1px solid #ced7e4;
	border-bottom: 1px solid #ced7e4;
	color: #036;
	font-size: 1.23em;
	font-weight: bold;
	line-height: 3.5;
	height: 52px;
	margin: 25px -20px 0.5em -19px;
	padding: 0 20px;
}
.col2 h2 { background: url(/images/display/bg_col2Hdr.png) top left repeat-x #e4eaf1; }
.col3 h2 { background: url(/images/display/bg_col3Hdr.png) top left repeat-x #e4eaf1; margin-right: -14px; }
.col2 h2 img,
.col3 h2 img { margin-left: 5px; }
.col2 h2, 
.col3 h2 { _padding-top: 15px; _height: 37px; _text-indent: 20px; }
.col2 .actionBtn-lcap,
.col3 .actionBtn-lcap { _background: url(/images/display/actionBtn-lcap.png) top right no-repeat; _padding-left: 20px; }
/* news */
.latestNews { color: #333; list-style-type: none; font-family: Arial, Verdana, sans-serif; margin-left: 0; _padding-left: 20px; }
.latestNews .date { color: #333; font-size: 1.15em; font-weight: bold; margin: 1em 0 0; }
.latestNews a:link { text-decoration: none; }
.latestNews a:visited { text-decoration: none; }
.latestNews a:hover { text-decoration: none; }
.latestNews a:active { text-decoration: none; }
/* vision */
.ourVision { color: #333; font-family: Arial, Verdana, sans-serif; list-style-image: url(/images/display/bullet_arrowGreen.png); margin-left: 5px; _margin-left: 15px; _padding-left: 20px; }
/* partners */
.partner { float: left; height: 100px; width: 250px; position: relative; }
.partner img { padding-bottom: 25px; position: absolute; bottom: 0; left: 0; }
/* images */
.imageLeft { float: left; }
.imageRight { float: right; }
.imageReplace {
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	word-spacing: -2ex;
	letter-spacing: -2ex;
}
/* misc */
.clearfix {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
 
/*************************************************************************
 * Core Structure
 *************************************************************************/
body {
	background: url(/images/display/bg_body.png) top left repeat-x #f4f7fb;
	color: #000;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.81em; /* reset to 13px */
	line-height: 1.5;
	margin: 0;
}
#siteWrap { background: url(/images/display/bg_ftrWrap.png) bottom left no-repeat; _background: url(/images/display/bg_ftrWrap.gif) bottom left no-repeat; margin: 0 auto; padding-bottom: 13px; width: 1007px; }
#contentWrap { background: url(/images/display/bg_contentWrap.png) top left repeat-y; _background: url(/images/display/bg_contentWrap.gif) top left repeat-y; padding: 0 8px; }
#flashImgs { background: url(/images/flashTemp.png) top left no-repeat; height: 110px; width: 991px; position: absolute; top: 0; left: 0; z-index: 200; }
#flashImgs { _background: url(/images/flashTemp.jpg) top left no-repeat; _height: 110px; _margin-left: 1px; _width: 991px; _position: relative; _top: 0; _left: 0; }

/*************************************************************************
 * Header
 *************************************************************************/
#header { background: url(/images/display/bg_navWrap.png) bottom left no-repeat; _background: url(/images/display/bg_navWrap.gif) bottom left no-repeat; padding: 6px 20px 15px; height: 85px; position: relative; }
#header .title { margin: 0; padding: 0; }
#header .title a { display: block; height: 81px; width: 200px; position: absolute; top: 10px; left: 20px; }
#header #search { position: absolute; right: -18px; bottom: 25px; width: 350px; }
#header #search label { display: none; }
#header #search .submitSearch {
	border: 0;
	background: transparent url(/images/display/btn_searchSubmit.png) top left no-repeat;
	color: #FFF;
	cursor: pointer;
	display: block;
	float: right;
	font: bold 13px Arial, Verdana, sans-serif;
	height: 30px;
	margin-left: 5px;
	padding: 1px 0 0 26px;
	text-align: left;
	width: 83px;
	/* imgReplace */
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	word-spacing: -2ex;
	letter-spacing: -2ex;
}
#header #search .textSearch { background: url(/images/display/btn_searchInput.png) top left no-repeat; border: 0; float: left; height: 20px; padding: 5px; width: 222px; }

/*************************************************************************
 * Navigation
 *************************************************************************/
#primaryNav {
	background: url(/images/display/bg_nav.png) top left no-repeat #00264d;
	color: #fff;
	font: bold 1.08em Arial, Verdana, sans-serif;
	height: 47px;
	margin: 0;
	padding: 0;
	width: 991px;
	position: relative;
	z-index: 100;
}
.siteMenu {
		font-size: 1em;
		height: 50px;
		line-height: normal;
		list-style: none;
		margin: 0;
}
#primaryNav {
	background: url(/images/display/bg_nav.png) top left no-repeat #00264d;
	font: bold 1.08em Arial, Verdana, sans-serif;
	height: 47px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 991px;
}
#primaryNav a { background: transparent url(/images/display/bg_navLi.png) no-repeat scroll top right; display: block; margin: 0; padding: 3px 20px 0; }
#primaryNav a:link { color: #FFF; text-decoration: none; }
#primaryNav a:visited { color: #FFF; text-decoration: none; }
#primaryNav a:hover { color: #ABC; text-decoration: none; }
#primaryNav a:active { color: #FFF; text-decoration: none; }
#primaryNav li { float: left; line-height: 3.35; margin: 0; position: relative; top: -3px; }
#primaryNav .active { background: transparent url(/images/display/bg_navOn.png) no-repeat scroll bottom center; }

.userTactical { display: none; }

/*************************************************************************
 * Footer
 *************************************************************************/
#footer {
	background: url(/images/display/bg_ftr.png) bottom left repeat-x #002850;
	color: #ABC;
	
	font-size: 0.85em; /* 11px~13px */
	padding: 15px 0 10px;
	width: 100%;
}
#footer  .legal { font-style: normal; padding: 0 15px; }

/*************************************************************************
 * Columns
 *************************************************************************/
.colmask {
	position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%;			/* width of whole page */
	overflow: hidden;		/* This chops off any overhanging divs */
}
.threeCol {
	background: #FFF;    	/* Right column background colour */
}
.threeCol .colmid {
	float: left;
	width: 200%;
	margin-left: -210px; 	/* Width of right column */
	position: relative;
	right: 100%;
	background: #F7F9FB;    	/* Center column background colour */
	border-right: 1px solid #ced7e4;
}
.threeCol .colleft {
	float: left;
	width: 100%;
	margin-left: -210px; 	/* Width of center column */
	background: #FFF;    	/* Left column background colour */
	border-right: 1px solid #ced7e4;
}
.threeCol .col1wrap {
	float: left;
	width: 50%;
}
.threeCol .col1 {
	margin: 0 40px 0 435px;	/* Center column side padding:
						Left padding = width of center column + left column
						Right padding = center column right padding width */
	position: relative;
	left: 100%;
	overflow: hidden;
	padding-top: 130px;
	padding-bottom: 3em;
}
.threeCol .col2 {
	float: right;
	width: 170px;        	/* Width of center column content (center column width minus left and right padding) */
	_width: 208px;
	position: relative;
	left: 190px;         	/* Width of the left-hand side padding on the left column */
	_left: 210px;
	padding-top: 130px;
	padding-bottom: 3em;
}
.threeCol .col3 {
	float: right;
	width: 170px;        	/* Width of right column content (right column width minus left and right padding) */
	_width: 195px;
	position: relative;
	left: 570px;
	_left: 615px;
	padding-top: 130px;
	padding-bottom: 3em;
}
.threeCol .col1 { _padding-top: 30px; } /* IE6 */
.threeCol .col2, 
.threeCol .col3 { _padding-top: 60px; } /* IE6 */
.oneCol {
	background: #FFF;    	/* Right column background colour */
}
.oneCol .colmid {
	float: left;
	width: 200%;
	margin-left: -5px; 	/* Width of right column */
	position: relative;
	right: 100%;
	background: #FFF;    /* Center column background colour */
	border-right: none;
}
.oneCol .colleft {
	float: left;
	width: 100%;
	margin-left: -5px; 		/* Width of center column */
	background: #FFF;    	/* Left column background colour */
	border-right: none;
}
.oneCol .col1wrap {
	float: left;
	width: 50%;
}
.oneCol .col1 {
	margin: 0 40px 0 25px;	/* Center column side padding:
						Left padding = width of center column + left column
						Right padding = center column right padding width */
	position: relative;
	left: 100%;
	overflow: hidden;
	padding-top: 130px;
	padding-bottom: 3em;
}
.oneCol .col2 {
	float: right;
	width: 1px;        	/* Width of center column content (center column width minus left and right padding) */
	position: relative;
	left: 5px;         	/* Width of the left-hand side padding on the left column */
	padding-top: 130px;
	padding-bottom: 3em;
	display: none;
}
.oneCol .col3 {
	float: right;
	width: 5px;        	/* Width of right column content (right column width minus left and right padding) */
	position: relative;
	left: 570px;
	padding-top: 130px;
	padding-bottom: 3em;
	display: none;
}
.oneCol .col1 { _padding-top: 30px; } /* IE6 */
.oneCol .col2, 
.oneCol .col3 { _padding-top: 60px; } /* IE6 */