/*
 * main.css
 *
 * main structure styles for ets.org
 *
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/*

	gace blue: #202066;

	ets dark blue: #003082;
	ets light blue: #3072be;

	burgandy: #660019; (headings)
	gray: #484848; (sub-head)
	light gray: #e1dada; (page background)

	page text: #0a0a0a;
	top-nav text+anchors: #666;
	light gray: #aaa ('for audience' header text)

	action button text: #333; (core-brand home page)
	action button border: #c0c0c0; (core-brand home page)
	action button text:hover #660019; (core-brand home page)

	top-nav borders: #999;

	left nav text: #333;
	left nav background: #e6e6e6;

	light gray background: #e6e6e6 (for brand home page, call to action)
	lighter gray background: #f8f8f8 (banner box)
	darer gray background: #c4cbd7 (banner box)

	important update background: #fdefbd; (right column)

	callout box background: #fffff0;
	callout box border: #999;

	callout box alert background: #fdefbd;
	callout box alert border: #772f28;

	promo wrap border: #999; (right column)

	--

	corp: #3072be;
	gre: #cc6813;
	praxis: #6a8012;
	toefl: #ea9111;
	toeic: #06674e;

 */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* reset */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section {
	margin: 0;
	padding: 0;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: collapse;
	}

header, footer, nav, section, article, hgroup, figure {
	display: block;
	}

/* end: reset */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* helpful rules */

.clearboth { clear: both; }
.donotwrap { white-space: nowrap; }
.donottransform { text-transform: none !important; }
.nowrap { white-space: nowrap; }

.indented {
	margin-left: 2.5em;
	}

/* end: helpful rules */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* accessibility styles */

.hide {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	}

.skip-nav {
	text-align: left;
	}

.skip-nav a {
	display: block;
	background: #fff;
	padding: 0.5em 1em;
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

.skip-nav a:focus,
.skip-nav a:active {
	position: absolute;
	left: 0;
	width: auto;
	height: auto;
	overflow: visible;
	text-decoration: underline;
	}

/* end: accessibility styles */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* -- -- -- -- -- -- -- -- -- -- -- -- -- --
 * translation-specific classes
 *  - used by our extract process to add in additional information
 *    or modify the text link.
 *  - no other uses
 * -- -- -- -- -- -- -- -- -- -- -- -- -- --
 */

.lsa-trans {} /* links that should be translated */
.lsa-notrans {} /* links that should NOT be translated */
.lsa-encontent {} /* links that should have " (English content)" appeneded after the closing anchor tag */
.lsa-ext {} /* translated links to external urls (may open in a new window) */

/* end: translation-specific classes */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* global elements */

html {
	height: 100.1%;     /* always have a vertical */
	min-height: 100.1%; /* scrollbar */
	}

body {
	min-height: 100.1%; /* force the background to the bottom */
	height: 100.1%;	  /* and have vertical scrollbar */
	}

body.ets-org {
	/* ets.org content pages need to have the drop-shadow background */
	/* all others do not */
	background: #e1dada url(../img/wrap/ets-background.gif) repeat-y center center;
	}


hr {
	display: none;
	}

img {
	max-width: 100%;
	}

a {
	}

a img {
	border: 0;
	}

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* .corp-bar ( breadcrumb and the thin colored line the footer) */

		.corp-bar {
			border: 1px solid #3072be;
			border-width: 0 0 1px 0;
			clear: both;
			background: #3072be;
			}


		/* temp */
		body.gace-org .etscorp-bkgrnd { border-color: #202066; background: #202066; }
		body.ets-org .etscorp-bkgrnd { border-color: #202066; background: #202066; }


		body.gace-org .corp-bar { border-color: #202066; background: #202066; }
		body.gre .corp-bar { border-color: #cc6813; background: #cc6813; }
		body.praxis .corp-bar { border-color: #6a8012; background: #6a8012; }
		body.toefl .corp-bar { border-color: #ea9111; background: #ea9111; }
		body.toeic .corp-bar { border-color: #06674e; background: #06674e; }

	/* end: site tools */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* end: global elements */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* structure */

	#wrapper-center {
		margin: 0 auto;
		width: 980px;
		min-width: 980px; /* 77.8 = 980px at the current font-size (set in the body)*/
		background: #fff;
		height: 100%;     /* background to the bottom on short pages */
		min-height: 100%;
		}
	#wrapper-content {
		background: #fff; /* background for longer pages */
		}

	#top-navigation { }

	.bluesolidbar {
		border-bottom: 6px solid #003082;
		clear: both;
		}

	div.graydottedbar,
	div.bluedottedbar { /* bluedottedbar is depreciated */
		/* used in several places, not just under the top-nav */
		background: url("../img/wrap/ets_rule_gray.png") repeat-x scroll 0 0 transparent;
		height: 1px;
		overflow: hidden;
		clear: both;
		}

	#center-content .graydottedbar,
	#center-content .bluedottedbar { /* bluedottedbar is depreciated */
		margin: 0.5em 0 1em 0;
		}

	.grayline {
		border-bottom: 1px solid #999;
		clear: both;
		}

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* site navigation (top of the page) */

		#site-nav {
			float: left;
			}

		ul#site-nav-top {
			margin-left: 20px;
			}

		.site-nav-top ul {
			}

		.site-nav-top li {
			font-size: 11px;
			font-weight: bold;
			line-height: 25px; /* this sets the overall height for the site navigation */
			text-transform: uppercase;
			white-space: nowrap;
			list-style-type: none;
			}

		.site-nav-top li a {
			display: block;
			float: left;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
			color: #666;
			text-decoration: none;
			}

		.site-nav-top li a:hover {
			color: #003082;
			text-decoration: underline;
			}

		/* adapted from http://simplyaccessible.com/examples/css-menu/option-5/ */
			/* Top level nav */
			.site-nav-top {
				float: left;
				}

			/* Dropdowns */
			.site-nav-top ul {
				position: absolute;
				left: -9999px;
				list-style-type: none; /* undo ul-specific styles (see 'ul') */
				}

			.site-nav-top li {
				float: left;
				position: relative;
				margin-left: 0; /* undo ul-specific styles (see 'ul') */
				margin-bottom: 0; /* undo ul-specific styles (see 'ul') */
				}

			/* Top level nav items */
			.site-nav-top li > a {
				float: left;
				background-image: url(../img/wrap/corp-top-nav-border.gif);
				background-repeat: no-repeat;
				background-position: center right;
				}

			.site-nav-top li.last > a {
				background-image: none;
				}

			/* Top level hover state, preserve hover state when hovering dropdown  */
			.site-nav-top li > a:hover,
			.site-nav-top li > a:focus,
			.site-nav-top li:focus > a,
			.site-nav-top li:hover > a {
				color: #003082 !important;
				text-decoration: underline !important;
				}

			.site-nav-top li:hover ul,
			.site-nav-top li:focus ul,
			ul.show-menu {
				left: 0;
				top: 25px; /* how far down off of the corp-nav-top the dropdown nav should position */
				left: -12px; /* aligns subnav text with topnav text */
				margin: 0 0 0 1px;
				background: #fff; /* yes, you need this here */
				border: 1px solid #999; /* border around the drop-down */
				}

			.site-nav-top ul li {
				float: none;
				position: static;
				}

			.site-nav-top ul a {
				float: none;
				display: block;
				margin: 0 !important;
				padding: 0 10px !important;
				text-transform: none;
				width: 240px; /* 220 + 20px of padding in '.corp-nav-top ul.subnav li a' = 240 */
				background-image: url(../img/wrap/ets_rule_gray.png); /* dotted line between drop-down items */
				background-repeat: repeat-x;
				background-position: bottom left;
				}

			.site-nav-top ul a:hover {
				color: #fff !important;
				background: #003082;
				}

		/* end: site navigation */
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

		#app-navigation {
			float: right;
			padding-right: 12px;
			}

		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
		/* corporate search (top of the page) */

			#site-search {
				white-space: nowrap;
				float: right;
				margin-right: 20px;
				margin-top: 2px;
				}

			#site-search fieldset {
				margin: 0;
				padding: 0;
				border: 0;
				}

			#site-search label {
				text-transform: uppercase;
				color: #666;
				font-size: 11px;
				font-weight: bold;
				line-height: 25px;
				}

			#site-search label:after {
				content:": ";
				}

			#site-search select,
			#site-search input {
				color: #666;
				font-size: 11px;
				border: 1px solid #999;
				margin: 0;
				}

			#site-search-form-go {
				cursor: pointer;
				}

		/* end: corporate search */
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

header {
	}

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* alternate flash content */

		#wrapper-brand-logos {
			width: 980px;
			height: 346px;
			background-color: #fff;
			background-repeat: no-repeat;
			background-position: 0 0;
			}

		.alt-toefl { background-image: url( http://www.ets.org/s/flashFrontDoors/images/noFlash/toefl_noflash.jpg ); }

		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
		/* brand-action (alt call to action) */

			#brand-action {
				float: right;
				margin-top: 60px;
				margin-right: 20px;
				padding: 15px;
				width: 250px;
				background: #e6e6e6;
				border-radius: 4px;
				font-size: 0.9em;
				}

			#brand-action p.heading3 {
				font-weight: bold;
				color: #003082;
				font-size: 1.1em;
				}

		/* end: brand-action */
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* end: alternate flash content */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* ets and product logo */

		#ets-product-logo {
			padding: 10px 0 0 20px;
			float: left;
			}

		#ets-logo {
			float: left;
			margin-right: 20px;
			width: 64px;
			}

		#product-logo {
			    margin: -75px -75px 50px -75px; /* undo .wrap1 padding, space between header and content */
		        background: #595654;
		        background-repeat: repeat-x;
		        background-position: 0 0;
		        background-size: 100% 100%;
		        color: white;
		        height: 55px;
		        width:100%;
		        box-shadow: 2px 2px 2px #b6b7b8;
		        border-top-left-radius: 3px;
		        border-top-right-radius: 3px;
			}

	/* end: ets and product logo */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* section navigation (upper right, below the search bar) */

		#section-navigation {
			float: right;
			padding-left: 20px;
			background: #fff;
			border-bottom-left-radius: 4px;
			}

		body.core-brand-page #section-navigation {

			}

		ul#section-nav {
			font-size: 11px;
			font-weight: bold;
			line-height: 25px; /* this sets the overall height for the site navigation */
			text-transform: uppercase;
			list-style-type: none;
			white-space: nowrap;
			margin-bottom: -25px;
			}

		#section-nav li a {
			display: block;
			float: left;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
			color: #666;
			text-decoration: none;
			}

		#section-nav li a:hover {
			color: #003082;
			text-decoration: underline;
			}

	/* end: section navigation */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* audience header (gray header text on documents 'for audience') */

		#audience-header {
			float: right;
			clear: right;
			margin: 59px 20px 0 0;
			pading: 0;
			text-transform: uppercase;
			color: #660019;
			font-weight: bold;
			font-size: 245%;
			font-family: arial, helvetica, sans-serif;
			}

		#audience-header h2,
		#audience-header h3 {
			color: #660019;
			margin-bottom: 0;
			}

		#audience-header h2 {}

		#audience-header h3 {
			font-size: 100%;
			margin-bottom: 0;
			margin-top: -5px;
			}

	/* end: audience header */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* breadcrumbs */

	#breadcrumbs {
		border: 0;
		padding: 0 0 0 20px;
		height: 25px;
		line-height: 25px;
		font-size: 10px;
		font-weight: bold;
		color: #fff;
		clear: both;
		}

	#breadcrumbs a {
		color: #fff;
		text-decoration: none;
		}

	#breadcrumbs a:hover {
		text-decoration: underline;
		}

	/* end: breadcrumbs */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

#gace-brand-img {
	float: left;
	/* width: 660px; *//* only need 660 if there is a call to action */
	height: 250px;
	overflow: hidden;
	}

.lt-ie9 #gace-brand-img { width: 980px; }	
	
#gace-call-to-action {
	display: table-cell;
	vertical-align: middle;
	height: 250px;
	overflow: hidden;
	padding-left: 40px;
	}


div.secondary-home-main-image {
	border-bottom: 4px solid  #999; /* a guess */
	}

#main-content {
	}

.lt-ie8 #main-content {
	margin-bottom: 60px; /* spacing between contents and footer */
	}

body.core-brand-page #main-content,
body.home-page #main-content {
	padding-top: 20px;
	padding-left: 20px;
	}

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* containers */
	/* (some have been depreciated but are here for completeness) */
		.container-20  { float: left; width: 2.127659574468085%; width: 20px; } /* 20px / 940px */
		.container-180 { float: left; width: 19.14893617021277%; width: 180px; } /* 180 / 940 */
		.container-270 { float: left; width: 28.72340425531915%; width: 270px; } /* 270 / 940 */
		.container-280 { float: left; width: 29.78723404255319%; width: 280px; } /* 280 / 940 */
		.container-310 { float: left; width: 32.97872340425532%; width: 310px; } /* 310 / 940 */
		.container-330 { float: left; width: 35.1063829787234%;  width: 330px; } /* 330 / 940 */
		.container-340 { float: left; width: 36.17021276595745%; width: 340px; } /* 340 / 940 */
		.container-350 { float: left; width: 37.23404255319149%; width: 350px; } /* 350 / 940 */
		.container-360 { float: left; width: 38.29787234042553%; width: 360px; } /* 360 / 940 */
		.container-370 { float: left; width: 39.36170212765957%; width: 370px; } /* 370 / 940 */
		.container-560 { float: left; width: 59.57446808510638%; width: 560px; } /* 560 / 940 */
		.container-640 { float: left; width: 68.08510638297872%; width: 640px; } /* 640 / 940 */
		.container-740 { float: left; width: 78.72340425531915%; width: 740px; } /* 740 / 940 */
		.container-760 { float: left; width: 80.85106382978723%; width: 760px; } /* 760 / 940 */
		.container-940 { float: left; width: 100.0%;             width: 940px; } /* 940 / 940 */

		.spacer-height1em { height: 1em; }
		.spacer-height10 { height: 10px; }
		.spacer-height20 { height: 20px; }
		.spacer-height24 { height: 24px; }

		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
		/* home page and core-brand pages */
		/* (the gray boxes with rounded corners */



/* couldn't have changes made to pt3... so instead of a clean structure we have to deal with it */
body.core-brand-page div.content-box {
	background: #e6e6e6;
	padding: 1.5em;
	border-radius: 10px;
	}

.column-box-1-left {
	float: left;
	}
.column-box-1-right {
	float: right;
	}

.column-box-1-left,
.column-box-1-right {
	width: 49%;
	}
.column-box .graydottedbar {
	margin: 0.8em 0;
	}
.column-box h2 {
	font-size: 15px;
	}
.column-box h3 {
	margin-bottom: 0.5em;
	}
.column-box p + h3 {
	margin-top: 2em;
	}

.column-box ul {
	/* margin-left: 2em; */
	}

.column-box ul li {
	margin-bottom: 0.5em;
	}

a.audience-button {
	border-radius: 4px;
	border: 1px solid #c0c0c0;
	background: #fff;
	color: #0a0a0a;
	display: block;
	float: left;
	/* font-size: 90%; */
	margin-right: 1em;
	padding: 0 1em;
	line-height: 2;
	font-weight: bold;

	font-size: 108%;
	margin-top: -0.35em;

	}

a.audience-button:hover {
	text-decoration: none !important;
	border-color: #0a0a0a;
	}

			/*
			.column-box {
				background: #e6e6e6;
				padding: 1.5em;
				border-radius: 10px;
				*/
				/*
				}

			.left-box, .right-box {
				width: 42.5%; /* 272px / 640px */
				/*
				}

			.left-box {
				float: left;
				}
			.right-box {
				float: right;
				}

			.column-box .graydottedbar {
				margin: 0.8em 0;
				}
			*/

			/* a banner-box is a lighlighted box inside of a column-box */
			.banner-box {
				background: #c4cbd7;
				padding: 1.5em;
				border-radius: 10px;
				}

			.banner-box .left-box {
				width: 80px; /* only holds a 72px wide image */
				}

			.banner-box .right-box {
				width: 145px;
				}

			.banner-box .right-box p {
				margin-top: 8px;
				}


			/* right column */
				#right-content h3 {
					margin: 0.6em 0 0.4em 0;
					/* font-size: 1em; */
					}

				#right-content h3 a {
					text-decoration: none;
					}
				#right-content h3 a:hover {
					text-decoration: underline;
					}

				#right-content p {
					margin-bottom: 0.5em;
					}


				div.box-outline,
				div.box-filled {
					border: 1px solid #e6e6e6; /* #999 on ets.org */
					border-radius: 5px;
					margin: 0 0 1.3em 0; /* same bottom margin as #right-content */
					padding: 0.1em 1em 0.5em 1em;
					}

				div.box-filled {
					border: 1px solid #e6e6e6;
					background: #e6e6e6;
					border-radius: 10px;
					padding: 0.1em 1em 0.5em 1em;
					}

				#main div.box-filled h1 {
					margin-top: 0.3em;
					}

			.home-right-blurb,
			.news-blurb {
				margin: 20px 12px 0 12px;
				}

			/* .home-right-blurb h1, .home-right-blurb h1 a, */
			/* .home-right-blurb h2, .home-right-blurb h2 a, */
			/* .home-right-blurb h3, .home-right-blurb h3 a, */
			.home-right-blurb h4, .home-right-blurb h4 a,
			.news-blurb h4, .news-blurb h4 a
			/* .home-right-blurb h5, .home-right-blurb h5 a, */
			/* .home-right-blurb h6, .home-right-blurb h6 a */ {
				color: #003082;
				text-decoration: none;
				margin-bottom: 0.5em;
				}

			/* .home-right-blurb h1 a:hover, */
			/* .home-right-blurb h2 a:hover, */
			/* .home-right-blurb h3 a:hover, */
			.home-right-blurb h4 a:hover,
			.news-blurb h4 a:hover
			/* .home-right-blurb h5 a:hover, */
			/* .home-right-blurb h6 a:hover  */  {
				text-decoration: underline;
				}

			.home-right-blurb h4,
			.news-blurb h4 {
				font-size: 130%;
				}

			.home-right-blurb a,
			.news-blurb a {
				text-decoration: none;
				}

			.home-right-blurb a:hover,
			.news-blurb a:hover {
				text-decoration: underline;
				}

		/* end: home page containers */
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
		/* content box headers (core brand home page) */

			.content-box-header {
				}

			.content-box-header h1 {
				float: left;
				margin-right: 1em;
				margin-bottom: 0.5em;
				font-size: 20px;
				}

			.content-box-header .grayline {
				margin: 1em 0;
				height: 0.8em;
				}

			.core-brand-page .container-640 .left-box,
			.core-brand-page .container-640 .right-box {
				width: 47%;
				}

			.core-brand-page .container-640 a.text-bold {
				text-decoration: none;
				}

			.core-brand-page .container-640 a.text-bold:hover {
				text-decoration: underline;
				}

		/* end: content box headers */
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
		/* action button (next to h1 on core brand home page) */

			.btn-action {
				float: left;
				margin-right: 10px;
				}

			.btn-action a {
				display: block;
				padding: 5px 10px;
				color: #333;
				background: #fff;
				font-weight: bold;
				text-decoration: none;
				border: 1px solid #c0c0c0;
				border-radius: 4px;
				font-size: 0.952em; /* 12px at current font size % */
				line-height: 1;
				}

			.btn-action a:hover {
				color: #660019;
				background: #fff;
				}

		/* end: action button */
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
		/* important updates (right column)  */

			.important-update {
				margin: 0 0 20px 0;
				padding: 12px;
				background: #fdefbd;
				border-radius: 10px;
				}

			.important-update h2,
			.important-update h3 {
				margin-bottom: 0.5em;
				}

			.important-update p:last-child {
				margin-bottom: 0;
				}

			.important-update a { text-decoration: none; }
			.important-update a:hover { text-decoration: underline; }

		/* end: important updates */
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
		/* promos (right column)  */

			.promo-wrap {
				border: 1px solid #999;
				background: #fff;
				margin: 30px 0 20px 0;
				padding-top: 1em;
				border-radius: 10px;
				}

			.promo {
				padding: 0 1em;
				}

			.promo .grayline {
				margin: 1em 0;
				padding: 0;
				}

			.promo p:last-child {
				margin-bottom: 0;
				}

			.promo .imgleft {
				float: left;
				margin: 5px 9px 0.8em 0;
				padding: 0;
				}

			.promo .imgright {
				float: right;
				margin: 5px 0 0.8em 9px;
				padding: 0;
				}

			/* container-280 are core brand home pages */
			.container-280 div.promo .imgleft {
				float: left;
				margin: 5px 9px 0.8em 0;
				padding: 0;
				}

			.container-280 div.promo .imgright {
				float: right;
				margin: 5px 0 0.8em 9px;
				padding: 0;
				}

			/* promo-wrap pages are documents pages */
			div.promo-wrap div.promo .imgleft {
				float: left;
				margin: 5px 6px 0.8em 0;
				padding: 0;
				}

			div.promo-wrap div.promo .imgright {
				float: right;
				margin: 5px 0 0.8em 6px;
				padding: 0;
				}

			/* promo-wraps in left navigation need some padding */
			div#navigation-contents div.promo-wrap {
				margin-left: 20px;
				}



		/* end: promos */
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
		/* callout boxes */

			.callout-box {
				margin: 0 0 0.8em 0;
				padding: 0.8em;
				background: #fffff0;
				border: 1px solid #999;
				border-radius: 10px;
				}

			.callout-box-alert {
				margin: 0 0 0.8em 0;
				padding: 0.8em;
				background: #fdefbd;
				border: 1px solid #772f28;
				border-radius: 10px;
				}

			#main-content .callout-box-alert h2 {
				margin-top: 0;
				font-size: 117%;
				}				
				
		/* end: callout boxes */
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	#right-content {}

		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
		/* main (left) navigation */

			#navigation-contents {
				color: #333;
				float: left;
				}

			#main-navigation {
				overflow: hidden;  /* in order to get the desired look, this limits the gray background from overflowing the space */
				}

			#main-navigation h5 {
				color: #333; /* change from the standard ets burgandy */
				font-style: normal; /* undo the default italic style */
				font-size: 109.1%; /* aiming for 12px */
				font-weight: bold /* do not overbold */
				}

			#main-navigation h5 a {
				color: #660019;
				}

			span.has-arrow {
				/* this exists only as a way to find the correct li to apply the white-bkgrnd
					to--trying to do this on the server side, but until then this is
					just a holder */
				}

			span.nav-spacer {
				display: inline-block; /* the spacer provides a space for the current channel */
				width: 14px;           /* arrow to appear. when 'current-channel' is not in */
				height: 1em;           /* the same span it keeps the alignment correct */
				vertical-align: top;
				}

			span.current-channel {
				background-image: url(../img/wrap/arrowhead_leftnav.gif); /* the arrow!*/
				background-repeat: no-repeat;                             /* watch your knees! */
				background-position: 75% 75%;                             /* or your adventuring days could be over */
				}

			li.white-bkgrnd {
				margin: 0;
				padding: 10px 0;
				background: white;
				width: 180px;
				border-radius: 10px 0 0 10px;
				}

			.nav-box {
				padding: 1em 0 14px 10px;
				background: #e6e6e6;
				border-radius: 0 0 10px 0;
				}

			.nav-box a {
				color: #333;
				display: inline-block;
				text-decoration: none;
				}
			.nav-box a:hover {
				text-decoration: underline;
				}

			.nav-box ul {
				list-style-type: none;
				}

			.nav-box li {
				list-style-type: none;
				margin: 0 0 1em 0;
				font-weight: bold;
				font-size: 0.8725em;
				line-height: 1.2;
				}

			.nav-box li a { width: 150px; }
			.nav-box li li a { width: 134px; }
			.nav-box li li li a { width: 118px; }

			.nav-box ul.subnav {
				margin: 1em 0 0 16px;
				}

			.nav-box ul.subnav li {
				font-weight: normal;
				font-size: 1em;
				}
			.nav-box ul.subnav li.last {
				margin-bottom: 0.2em;
				}

			.nav-box .graydottedbar {
				margin: 18px 8px 18px 0; padding: 0;
				}

			.nav-box div.misc {
				margin-left: 14px;
				}

			.nav-box ul.misc {
				margin: 0 0 0 14px;
				}

			.nav-box ul.misc li {}

			.nav-box ul.misc-group {
				margin: 0 0 0 14px;
				}
			.nav-box ul.misc-group li {}

			/* for the group thing */
			.nav-group {
				margin-top: 10px;
				}

			.nav-group ul.subnav li {
				font-weight: bold;
				}

			.nav-group ul.subnav li li {
				font-weight: normal;
				}

			.nav-group .graydottedbar {
				margin: 14px 10px 0 0;
				}

		/* end: main (left) navigation */
		/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


		#page-contents {
			float: right;
			margin: 20px 20px 0 0;
			}


	/* end: containers */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

footer {
	margin: 60px 0 0 0;
	padding: 0 0 20px 0;
	clear: both;
	display: block;
	}



	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* site tools (links just above the footer ex: adobe reader) */

		#site-tools {
			margin: 0 20px 10px 20px;
			}

		#site-tools ul {
			}

		#site-tools li {
			display: inline;
			margin: 0 30px 0 0;
			text-transform: uppercase;
			color: #666;
			font-size: 11px;
			font-weight: bold;
			line-height: 2;
			}

		#site-tools li a {
			color: #666;
			text-decoration: none;
			}

		#site-tools li a:hover {
			text-decoration: underline;
			}

		#site-tools ul li a span { /* existing share/bookmark/etc icons */
			background: #fff url(../img/wrap/ets-footer.gif) no-repeat 0 0;
			width: 18px;
			height: 20px;
			padding-right: 3px;
			display: inline-block;
			vertical-align: top;
			zoom: 1;
			*display: inline;
			_height: 20px;
			}

		#site-tools ul li a span.donottransform {
			/* undo the '#site-tools ul li a span' rules */
			background: none;
			width: auto;
			height: auto;
			padding-right: 0;
			display: inline;
			vertical-align: bottom;
			zoom: 1;
			_height: auto;
			}

		.lt-ie8 #site-tools ul li a span.donottransform {
			vertical-align: middle;
			}

		a span.icon-print {       background-position: 0 0;  padding-right: 5px; }
		a:hover span.icon-print { background-position: 0 -20px; }

		a span.icon-bookmark {       background-position: -20px 0; }
		a:hover span.icon-bookmark { background-position: -20px -20px; }

		a span.icon-share {       background-position: -40px 0; }
		a:hover span.icon-share { background-position: -40px -20px; }

		a span.icon-feedback {       background-position: -60px 0; }
		a:hover span.icon-feedback { background-position: -60px -20px; }

		a span.icon-survey {       background-position: -80px 0; }
		a:hover span.icon-survey { background-position: -80px -20px; }

	/* end: site tools */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* corporate links (end of page links. ex: legal, privacy) */

		#corp-links {
			margin: 10px 0 20px 20px;
			}

		#corp-links ul {
			margin-bottom: 0; /* undo ul-specific styles (see 'ul') */
			}

		#corp-links li {
			display: inline;
			color: #666;
			font-size: 11px;
			font-weight: bold;
			line-height: 1;
			margin-left: 0; /* undo ul-specific styles (see 'ul') */
			margin-bottom: 0; /* undo ul-specific styles (see 'ul') */
			}

		#corp-links li a {
			display: inline-block;
			color: #666;
			text-decoration: none;
			padding-right: 4px;
			border-right: 1px solid #666;
			}

		#corp-links li a:hover {
			text-decoration: underline;
			}

		#corp-links li.last a {
			border: 0;
			}

	/* end: corporate links */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* copyright and other cya */

		#cya {
			margin: 0 0 0 20px;
			color: #666;
			font-weight: bold;
			}

		#cya p {
			font-size: 11px;
			line-height: 1.2;
			}

	/* end: cya */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* ets-3l logo (ets + listening, leading, learning) */

		#ets-logo-3l {
			display: block;
			float: right;
			margin-top: -58px;
			margin-right: 20px;
			width: 140px;
			height: 60px;
			text-indent: -10000px;
			overflow: hidden;
			background: #fff url(../img/wrap/ets-footer.gif) no-repeat 0 -40px;
			}

	/* end: ets-3l*/
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
	/* language dropdown */

		div#ets-language {
			clear: both;
			margin: 5em 0;
			color: #666;
			border-radius: 10px;
			}

		div#ets-language h2 {
			position: absolute;
			top: -500px;
			width: 1px;
			height: 1px;
			overflow: hidden;
			}

		div#ets-language p {
			margin-left: 20px;
			font-weight: bold;
			}

		div#ets-language label {
			margin-left: 20px;
			font-weight: bold;
			}

		div#ets-language select {
			}

		div#ets-language input {
			font-size: 0.9em;
			}

		div#ets-language.styled {
			margin: 0 0 1em 0;
			background: #e6e6e6;
			padding: 0.6em 0.8em 0.8em 0.8em;
			}

		div#ets-language.styled h2 {
			display: none;
			}

		div#ets-language.styled p {
			display: none;
			}

		div#ets-language.styled p.show {
			display: block;
			margin: 0;
			padding: 0;
			font-weight: bold;
			color: #0a0a0a;
			}

		div#ets-language.styled label {
			position: absolute;
			top: -500px;
			width: 1px;
			height: 1px;
			overflow: hidden;
			}

		div#ets-language.styled select {
			width: 100%;
			border: 1px solid #ccc;
			color: #666;
			font-size: 0.9em;
			margin: 1px 0 0 0;
			padding: 0;
			position: relative;
			top: 0;
			}

	/* end: language dropdown */
	/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* end: structure */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* eGain Blurb:Feature */

#egain-feature a {
	text-decoration: underline !important;
	}

div.egain-chat { display:none; }

div.egain-chat {
	border: 1px solid #999;
	border-radius: 10px;
	background-color: #dfdfdf;
	background-image: url(../img/chat_gradient.jpg);
	background-repeat: repeat-x;
	padding: 10px 10px 0 10px;
	margin-bottom: 1em;
	}

span.chat-csr {
	display: inline-block;
	float: left;
	height: 100%;
	margin: 0 6px 0 0;
	}

div.container-180 #chat-available p.heading3 {
	line-height: 63px; /* same as the image (center text vertically) */
	}

div.container-180 #chat-unavailable p.heading3 {
	float: left;
	width: 83px;	}
.lt-ie9 span.chat-csr {
	width: 63px;
	}
.lt-ie8 span.chat-csr {
	margin-top: -20px;
	}

/* end: eGain Blurb:Feature */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */


/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* content rules */


	/* see the file 'ets-content.css' */


/* end: content rules */
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

.notes{font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#666;} 

.statement {padding:15px 0;}
/* fin */