/*  ::::::  SUNDIAL SCULPTURES  ::::::::::::::::::::::::::  */
/*  ::::::  CONTAINERS.CSS - 06.30.2009  ::::::::::::  */

/*  ::::::  SPECIAL CONTENT CONTAINERS  :::::::  */

div.section { margin: 0; padding: 0; margin-bottom: 2.5em; text-align: left; background: inherit; }
div.section p { width: 80%; max-width: 932px; min-width: 760px; }

div.examples { float: left; margin-bottom: 1.0em; padding-top: 1.0em; padding-right: 2.0em; text-align: center; font-weight: 900; background: transparent; }

span.popup {
	position: absolute;
	margin-top: -4px;
	margin-left: 4px;
	padding: 4px 6px;
	color: #451818;
	background-color: #FCE1B2;
	border: solid 1px #663300;
	visibility: hidden;
	}


/*  ::::::  PAGE CONTENT CONTAINERS  ::::::::::::::::::  */

/*  ::::::  PRIMARY CONTAINER  :::::::::::::::::::::::::::::::::::  */

div#container {
	width: 86%;
	min-width: 1097px;
	max-width: 1420px;
	min-height: 99%;
	margin: 0 auto;
	margin-top: 2px;
	}
* html #container { height: 100%; }


/*  ::::::  PAGE HEADER  :::::::::::::::::::::::::::::::::::::::::::::::::  */

div#header {
	height: 112px;
	margin: 0 auto;
	background: url(../graphics/logos/logo_07012009.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	z-index: 1000;
	}
	div#submenu {
		float: right;
		width: 60%;
		margin: 0; padding: 0;
		}

/*  ::::::  MAIN MENUS  :::::::::::::::::::::::::::::::::::::::::::::::::::::  */

div#menus {
	height: 22px;
	margin: 0 auto;
	}
	div#mainmenu {
		width: auto;
		height: 22px;
		}

/*  ::::::  PAGE CONTENT  :::::::::::::::::::::::::::::::::::::::::::::  */

div#content {
	clear: both;
	width: 98%;
	min-height: 100%;
	margin: 0 auto;
	margin-top: 2.5%;
	background-color: transparent;
	}


/*  ::::::  CONTENT CONTAINERS  ::::::::::::::::::::::::::::::  */

/*  ::::::  HOME PAGE  :::::::::::::::::::::::::::::::::::::::::::::::::::::  */

div#alpha {
	float: left;
	width: 100%;
	padding-bottom: 3.0%;
	}
div#alpha p.title { font-family:  "lucida bright", "palatino linotype", sylfaen, "times new roman", times, palatino, "bitstream charter", "century schoolbook l", "urw bookman l", "urw palladio l", "new century schoolbook", serif; }
div#alpha p.title { font-weight: 900; font-style: italic; }
div#alpha p.title { color: #660033; }


/*  ::::::  TEXT  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */

div#delta {
	float: left;
	width: 62%;
	max-width: 800px;
	background: transparent;
	}

div#epsilon {
	float: right;
	width: 25%;
	min-height: 80px;
	padding-right: 2.0%;
	background: transparent;
	}


/*  ::::::  PRINT CONTAINER  :::::::::::::::::::::::::::::::::::::::::::  */

div#omega {
	width: auto;
	min-height: 80px;
	background: transparent;
	}


/*  ::::::  PAGE FOOTER  ::::::::::::::::::::::::::::::::::::::::::::::::  */

div#clearfooter {
	clear: both;
	height: 98px;
	}

div#footer {
	position: relative;
	width: 86%;
	min-width: 1097px;
	max-width: 1420px;
	height: 98px;
	margin: 0 auto;
	margin-top: -86px;
	color: #306060;
	background: transparent;
	}
	div#footnotes {
		width: 98%;
		height: 96px;
		margin: 0 auto;
		padding: 0.5em 0;
		}
	div#footnotes p { margin-bottom: 0.5em; color: #996600; line-height: normal; }
	div#sponsors{
		float: left;
		width: 22%;
		}
	div#logo {
		float: right;
		width: 22%;
		min-height: 61px;
		}
	div#notices {
		width: auto;
		margin-right: 25.0%;
		margin-left: 25.0%;
		text-align: center;
		}


/*  ::::::  PAGE BOTTOM  :::::::::::::::::::::::::::::::::::::::::::::::::  */

div#bottom {
	width: 100%;
	min-width: 1097px;
	height: 12px;
	margin-top: -109px;
	}