@charset "utf-8";
/* CSS Document */

/*
 * CONTAINER
 * Specifies the main body for page CONTAINER.  Largely just
 * a design wrapper.
 */
#container {
	position:			absolute;
	top:				0;
	left:				50%;
	margin-left:		-480px;
	width:				960px;
}



/*
 * CONTAINER -> SPLASH
 * Splash image that appears next to the navigational elements.
 * Position defined absolutely to ensure proper formatting.
 * 
 * We place a couple other display elements here, too.
 */

#container #splash {
	position:			absolute;
	left:				148px;
	top:				270px;
	height:				225px;
	width:				225px;
}



#container #designanchorbox1, #container #designanchorbox2 {
	position:			absolute;
	top:				650px;
	height:				35px;
	width:				35px;
}

#container #designanchorbox2 {
	left:				300px;
	background:			#12153e;
}

#container #designanchorbox1 {
	left:				185px;
	background:			#ffffff;
}



/*
 * CONTAINER -> NAVIGATION
 * Primary page navigational elements.  Position defined absolutely.
 */

#container #navigation {
	position:			absolute;
	left:				5px;
	top:				288px;
	width:				125px;
}

#container #navigation li {
	letter-spacing:		2px;
	font-size:			1.1em;
	font-weight:		bold;
	color:				white;
	margin-bottom:		16px;
}

#container #navigation a:link { color: #ffffff; }
#container #navigation a:visited { color: #faf; }
#container #navigation a:hover { color: #afa; border-bottom: 1px dashed #afa; }




/*
 * CONTAINER -> HEADER
 * The following IDs and classes designate design elements that
 * appear toward the top of the page - logo, title, and so forth.
 */

#container #header {
	position:			absolute;
	left:				50%;
	margin-left:		-480px;
	height:				200px;
	width:				960px;
}

#header .eucelogo {
	height:				150px;
	padding-top:        30px;
	margin-left:		10px;
	float:				left;
}

#header .pagetitles {
	height:				112px;
	padding-top:        68px;
	margin-left:		135px;
	float:				left;
}

#header .pagetitles .pagesubtitle {
	position:			relative;
	top:				8px;
	width:				372px;
}


#header .pagetitles .pagesubtitle p {
	font-size:			.8em;
	font-weight:		bold;
	letter-spacing:		1px;
	text-align:			right;
}



/*
 * CONTAINER -> PAGEINFO
 * Copyright and other information
 * on the bottom left-hand part of
 * the page.
 */
#container #pageinfo {
	position:			absolute;
	top:				725px;
	width:				195px;
}

#pageinfo p {
	text-align:			right;
	color:				#ffffff;
	font-size:			.8em;
}

#pageinfo a, #pageinfo a:link, #pageinfo a:visited {
	color:				#9ed2f0;
}




/*
 * CONTAINER -> CONTENT
 * Contains the 
 */

#container #content {
	position:			absolute;
	top:				200px;
	left:				50%;
	margin-left:		-60px;
	width:				520px;
}

#content p {
	margin-left:		35px;
}

#content .wide {
	margin-left:		0;
}

#content hr {
	color:				#fff;
	border:				0;
	border-top:			2px dashed #9ed2f0;
	margin:				14px 15%;
	padding:            0;
}

#content ul {
	list-style:			none;
	line-height:		1.5em;
	margin:             5px 0 20px 35px;
}



/*
 * CONTAINER -> CONTENT -> FOOTER
 * Caps the bottom of the page with links to
 * EUCE resources
 */

#container #content #footer {
	margin-top:			45px;
	margin-bottom:		20px;
	text-align:			center;
}

#footer hr {
	border-top:			1px dashed #9ed2f0;
	margin:				0 30% 14px 30%;
}

#footer ul {
    text-align:     center;
	margin-left:	0;
}

#footer ul li {
    display:        inline;
    margin:         0 10px;
    list-style:     none;
    font-weight:    bold;
	font-size:		.8em;
}

#footer a, #footer a:link, #footer a:visited {
	color:			#4739AD;	
}

#footer a:hover {
	color:			#33FF66;
}