/* ========================================= Site Map bits ====================================== */

/* Properties for the site map */

div#siteMapBottom
{
	/* This centers the content in IE */
	text-align: center;
}

div#siteMapBottom *
{
	/* This centers the child elements in
		Real Browsers(tm) */
	margin-left: auto;
	margin-right: auto;
}


/* ========================= Primary and Secondary Content, and Secondary and Tertiary Navigation ===================== */

/* This container holds, as you might guess, the primary and secondary content,
	along with the secondary and tertiary navigation */

div#primary-and-secondary-content-and-secondary-and-tertiary-navigation
{
	background-image: url(../images/common/primary-and-secondary-content-and-secondary-and-tertiary-navigation-background.gif);
	background-repeat: repeat-y;
	background-position: 175px 0px;

	margin-top: 1px;
	padding-top: 0.9em;

	/* Leaves room for the footer, which itself has a negative margin-top to pull
		it into this area (so that it can make use of the background image here) */
	padding-bottom: 3.5em;

}

/* This makes use of auto-float-clearing:
	http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */

div#primary-and-secondary-content-and-secondary-and-tertiary-navigation:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#primary-and-secondary-content-and-secondary-and-tertiary-navigation {display:inline-block;}


/* Hide from IE Mac \*/
* html div#primary-and-secondary-content-and-secondary-and-tertiary-navigation {height: 1px;}
div#primary-and-secondary-content-and-secondary-and-tertiary-navigation {display: block;}
/* End hide from IE Mac */

/* ================================= Primary and Secondary Content ============================ */

/* This holds the body copy within the page. Well, primary-content
	and secondary-content do, respectively. */

div#primary-and-secondary-content-and-secondary-and-tertiary-navigation div#primary-and-secondary-content
{
	float: right;
	display: inline; /* Helps IE with floated elements */

	width: 76.0%; /* 590/780 = 76% */
}

/* ======================= Primary and Secondary Content: Primary Content and Subscription Form  ================= */

/* This makes use of auto-float-clearing:
	http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */

div#primary-and-secondary-content div#primary-content-and-subscription-form:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#primary-and-secondary-content div#primary-content-and-subscription-form {display:inline-block;}


/* Hide from IE Mac \*/
* html div#primary-and-secondary-content div#primary-content-and-subscription-form {height: 1px;}
div#primary-and-secondary-content div#primary-content-and-subscription-form {display: block;}
/* End hide from IE Mac */

div#primary-content-and-subscription-form
{
	border-bottom-width: 1px;
	border-bottom-style: solid;

	padding-bottom: 2.0em;
	margin-bottom: 2.3em;
}

div#primary-content-and-subscription-form div#primary-content
{
	float: left;
	display: inline; /* Helps IE with floated elements */

	width: 65% /* 380/590 = 65% */
}


div#primary-content-and-subscription-form form#subscription-form
{
	float: right;
	display: inline; /* Helps IE with floated elements */

	width: 28.8%; /* 170/590 = 28% */
}

div#primary-content-and-subscription-form div#live_chat
{
	float: right;
	display: inline; /* Helps IE with floated elements */

	width: 28.8%; /* 170/590 = 28% */
}

/* =========================== Primary-Content and Subscription Form: Forms ======================= */

form#subscription-form
{


	padding-bottom: 30px; /* Leaves room for the background image */
}

form#subscription-form input.textfield
{
	width: 60%;
}

form#subscription-form input.submit-button
{
	width: 32%;

	background-image: url(../images/forms/submit-button-background.gif);
	background-position: center right;
	background-repeat: no-repeat;

	padding-right: 10px; /* Leaves room for the background image */

	border-style: solid;
	border-width: 1px;

	line-height: 1.0em;
	_height: 1.7em;

	padding-left: 0.1em;
	_padding-left: 0.2em;

	padding-top: 0em;
	_padding-top: 0.2em;
	padding-bottom: 0em;

}

/* ====================================== Secondary-Content ============================ */

/* This makes use of auto-float-clearing:
	http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */

div#primary-and-secondary-content div#secondary-content:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#primary-and-secondary-content div#secondary-content {display:inline-block;}

/* Hide from IE Mac \*/
* html div#primary-and-secondary-content div#secondary-content {height: 1px;}
div#primary-and-secondary-content div#primary-content-and-subscription-form {display: block;}
/* End hide from IE Mac */

div#secondary-content
{
	padding-bottom: 0.7em;
}


div#secondary-content p#partnership-opportunities
{
	float: left;
}

div#secondary-content p#e-learning
{
	float: right;
}

/* =============================== Secondary and Tertiary Navigation ======================= */

/* The secondary and tertiary navigation elements (currently)
	run down the side of the page */

div#primary-and-secondary-content-and-secondary-and-tertiary-navigation div#secondary-and-tertiary-navigation
{
	float: left;
	display: inline; /* Helps IE with floated elements */

	width: 20.5% /* 160 / 780 = 20.5% */
}

/* =================================== Secondary Navigation =============================== */

ul#secondary-navigation
{
	background-image: url(../images/secondary-nav/secondary-nav-background.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;

	padding-bottom: 79px; /* Leaves room for the background image */
}


/* =================================== Tertiary Navigation =============================== */

ul#tertiary-navigation li
{
	background-image: url(../images/tertiary-nav/bullet.gif);
	background-position: 5px 0.65em;
	background-repeat: no-repeat;

	padding-left: 20px; /* Leaves room for the background-image */
}


/* ================================= Headers ============================ */

/* These act as the main headers within the
	secondary-and tertiary-navigation section */
div#secondary-and-tertiary-navigation h5
{
	background-color: white;
	background-image: url(../images/headers/h5-background.gif);
	background-repeat: repeat-x;

	border-width: 1px;
	border-style: solid;
}

/* ================================= Image Replacement  ============================ */

/* Gilder/Levin image replacement:
	http://levin.grundeis.net/files/20030809/alternatefir.html */

p#partnership-opportunities,
	p#e-learning,
	p#xml
{
	position: relative;
	margin: 0px;
	padding: 0px;

	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
}

p#partnership-opportunities span,
	p#e-learning span,
	p#xml span
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1; /*for Opera 5 and 6*/
}

/* "Colleges and Universities -- click here for partnership opportunities" */
p#partnership-opportunities,
	p#partnership-opportunities span
{
	width: 251px;
	height: 103px;
	background-image: url(../images/banners/partnership-opportunities.jpg);
	background-repeat: no-repeat;
}

/* "Is E-Learning Right for You?" */
p#e-learning,
	p#e-learning span
{
	width: 250px;
	height: 103px;
	background-image: url(../images/banners/e-learning.jpg);
	background-repeat: no-repeat;
}


/* XML subscription icon */
p#xml,
	p#xml span
{
	width: 36px;
	height: 14px;
	background-image: url(../images/icons/xml.gif);
	background-repeat: no-repeat;
}

/* ======================================== Footer =================================== */

/* This makes use of auto-float-clearing:
	http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ */

div#footer:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#footer {display:inline-block;}

/* Hide from IE Mac \*/
* html div#footer {height: 1px;}
div#footer{display: block;}
/* End hide from IE Mac */


div#footer
{
	background-image: url(../images/common/footer-background.gif);
	background-repeat: no-repeat;
	background-position: top left;

	margin-top: 1.0em;

	padding-top: 0.6em;
	padding-bottom: 2.0em;
}

div#footer p
{
	float: left;
	display: inline !important; /* Helps IE with floated elements */
}

/* XML subscription icon */
div#footer p#xml
{
	margin-left: 128px;
	margin-right: 24px;
}

div#footer ul
{
	float: right;
	_margin-top: 0.6em;
}

div#footer ul li
{
	padding-left: 0.7em;
	padding-right: 0.3em;

	background-image: url(../images/footer/footer-list-background.gif);
	background-position: 0em 0.3em;
	background-repeat: no-repeat;

	display: inline;
}

div#footer ul li.first-child
{
	background-image: none;
}