/* 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 */

}