/* These are properties for the home page */

/* ======================================= Page =========================================== */

div#page
{
	background-image: none;
}

/* =============================== Content and Navigation ================================== */

/* This holds both #content and all the navigation bits */

div#page div#content-and-navigation
{
	/* This leaves room for the #header area. And, this is slightly different from other
		pages since the home page doens't have that bar below the header */
	padding-top: 110px;
}

/* ============================= Content alone (dimensions & positioning) ============================== */

/* These are properties for content when it's not inside a "#content-and-something-else" container */

div#content-and-navigation div#content
{
	background-color: rgb(15,35,61); /* A very dark blue */

	padding-top: 344px; /* This leaves room for the secondary-header */
	padding-right: 16%;
	padding-bottom: 1.0em;
	margin-bottom: 4em;
}

/* ======================================= Primary Nav ========================================= */


div#page div#header ul#primary-nav
{
	/* This is necessary so that the pop-up descriptions (which are absoltuely
		positioned right:0px) are placed on the right edge of the page and not on the
		right edge of the natural width of the primary-nav */
	width: 100%;

	/* A background image would normally be used to add the right-side bullet to the
		list. But, that no longer works since the list is width:100% (and not
		simply as wide as its text inside */
	background-image: none;

	/* Since there's no background image, it's no longer necessary to leave a gap for it */
	padding-right: 0em;

}

/* Properties for the pop-up descriptions for the primary nav */

ul#primary-nav li a em
{
	left: auto !important;
	top: auto !important;
	right: 0px !important;
	bottom: 0em;
	color: rgb(68,142,181); /* A medium cyan */
}

/* Only IE/Windows sees this \*/
* html ul#primary-nav li a em
{
	bottom: 0.5em !important;
}
/* End hiding from IE-mac */

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

/*  This is used for lower-level headers within the #content area */
div#content h4
{
	color: white;
}

/* This is used to denote a sub-header within a home page h4 */
div#content h4 em
{
	font-style: normal;
	color: rgb(105,145,158); /* Sea green, more or less */
	font-size: 0.9em;
	padding-left: 1.0em; /* This leaves room for the background image */
	margin-left: 0.1em;
	background-image: url(../images/home/bullet-home.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
}


/* =============================== Content: General Properties ============================= */

/* General color properties */

div#content-and-navigation div#content
{
	color: rgb(173,181,189); /* A light grey */
}