body { font-size: 12px; }

#branding { 
	height: 104px;
}

#animation {
	position: absolute;
	z-index: 1;
	top: 105px;
	left: 25px;
	width: 602px;
	height: 238px;
	border-bottom:  1px solid #cccccc;
}

#content {
	background-image: url("images/branding_bg.gif");
	height: 497px;
}

#loginbox {
	position: absolute;
	left: 627px;
	top: 105px;
	width: 199px;
	height: 238px;
	background-image: url("images/homelogin_bg.gif");
	border-left: 1px solid #cccccc;
	border-bottom:  1px solid #cccccc;
}

#loginform {
	position: absolute;
	left: 31px;
	top: 30px;
	width: 150px;
	height: 198px;	
}

#loginform h2 { margin-top: 1em; }

#loginform h3 {
	font-style: normal;
}

#topnav a {
	height: 28px;
}

#topnav ul li ul {
	top: 28px;
}

#mission {
	position: absolute;
	left: 103px;
	top: 379px;
}

#factoid {
	position: absolute;
	left: 633px;
	top: 379px;
}


#mission div.tag {
	position: absolute;
	left: 0;
	top: 10px;
}

#mission div.sep {
	position: absolute;
	left: 120px;
	top: 0;
}

#mission div.text {
	position: absolute;
	left: 157px;
	top: 10px;
	width: 264px;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
}

#factoid div.sep {
	position: absolute;
	left: 0;
	top: 0;
}

#factoid div.tag {
	position: absolute;
	left: 22px;
	top: 5px;
}

#factoid div.text {
	position: absolute;
	left: 25px;
	top: 30px;
	width: 150px;
	font-size: 11px;
	line-height: 16px;
	color: #333333;
}

#factoid a, #mission a {
	color: #006699;
	font-weight: bold;
}

#factoid a:hover, #mission a:hover {
	text-decoration: underline;
}

#loginform h2 {
	color: #999933;
}

#loginform h3 {
	color: #003366;
	font-size: 11px;
	font-weight: normal;
	margin: 1em 0 0 0;
}

#loginform a {
	color: #666666;
}

#footernav { margin-top: 18px; }