/* HEADER */
#pageHeader { height: 84px; }

#topLogin { top: 5px; }
#topLogin div { float: left; padding: 0 4px; height: 32px; }
#topLogin div#loginError { float: none; clear: left; height: auto; }
#topLogin input { width: 100px; }
#topLogin label 
{
	display: block;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 9px;
	margin-bottom: 1px;
}
#topLogin a.smallButton { margin-top: 9px; }
#loginLinks { clear: left; }
#loginLinks a { color: #333; font-size: 11px; text-decoration: none; }
#loginLinks a:hover { text-decoration: underline; }

#loggedIn { font-size: 0.85em; top: 5px; }

/* NAVIGATION */
#pageNav
{
	background-image: url(/images/Athena/navBg.png);
	background-repeat: repeat-x;
	height: 30px;
	font-family: Arial, Helvetica, Sans-Serif;
}

#pageNav ul 
{
	border-left: solid 1px #9D9D9D;
	border-right: solid 1px #9D9D9D;
	display: block;
	height: 26px;
	margin: 0;
	overflow: visible;
	padding-left: 5px;
	width: 953px;
}

#pageNav li 
{
	display: block;
	float: left;
	font-size: 12px;
	height: 28px;
	line-height: 23px;
	list-style: none;
	margin: 2px 6px 0;
	padding: 0 3px;
}

#pageNav li.separator 
{
	width: 1px;
	margin: 2px 0 0;
	padding: 0;
	background-image: url(/images/Athena/navSeparator.png);
}

#pageNav li.first, #pageNav li.last { display: none; }

#navHome { width: 33px; }
#navCreate { width: 90px; }
#navOverview { width: 106px; }
#navAbout { width: 54px; }
#navHelp { width: 29px; }

#navCatalog { width: 47px; }
#navTranscript { width: 79px; }
#navAdmin { width: 39px; }

#pageNav a 
{
	color: #444;
	display: block;
	height: 28px;
	line-height: 23px;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 2px #ccc;
	width: 100%;
	white-space: nowrap;
}

#pageNav a span { display: none; }

#PageHome #navHome a,
#PageProgramOverview #navOverview a,
#PageCreateAccount #navCreate a,
#PageAboutUs #navAbout a,
#PageHelp #navHelp a,
#PageAdmin #navAdmin a,
#PageTranscript #navTranscript a,
#PageCatalog #navCatalog a
{
	background-image: url(/images/Athena/selectedTab.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	color: #1E218A;
	font-weight: bold;
}

#pageNav a:hover 
{
	color: #1E218A;
}

/* CONTENT */
#pageContentContainer 
{
	background-color: White;
	border-left: solid 1px #E4E4E4;
	border-right: solid 1px #E4E4E4;
	padding: 6px 8px 0;
	width: 942px;
}
#pageContent 
{
	width: 712px;
	font-size: 0.85em;
	color: #333;
	padding: 0;
}

.oneColumn #pageContent { width: 942px; }

.sideBar { width:inherit; }
.sideBar .content { border-left: solid 1px #eee; border-right: solid 1px #eee; background-color: #F7F5F6; padding: 3px 10px; }
.sideBar .header 
{
	background-image: url(/images/Athena/sidebarHeader.png);
	background-repeat: no-repeat;
	font-family: Verdana;
	letter-spacing: -0.05em;
	font-size: 1.1em;
	font-weight: bold;
	height: 20px;
	padding: 10px 0 0 10px;
	text-shadow: 0 0 3px #888;
}
.sideBar ul 
{
	margin: 0;
}
.sideBar li 
{
	background-image: url(/images/Athena/bullet.png);
	background-position: left center;
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 0.6em;
}
.sideBar a { color: #555; text-decoration: none; font-size: 0.85em; text-shadow: 0 0 2px #ccc; }
.sideBar a:hover { text-decoration: underline; }
.sideBar .footer { background-position: top center; margin: 0; padding: 0; background-image: url(/images/Athena/sidebarFooter.png); background-repeat: no-repeat; height: 10px; }
.sideBar label { color: #888; text-decoration: none; font-size: 0.85em; text-shadow: 0 0 2px #ccc; }

/* FOOTER */
#pageFooter
{
	background-image: url(/images/Athena/footer.png);
	background-repeat: no-repeat;
	padding: 8px 0;
	position: relative;
	color: #888;
	font-size: 0.8em;
}
#pageFooter a { color: #777; }
#pageFooter div { margin: 0 auto; width: 700px; }
#pageFooterNav { margin: 0 auto; text-align:center;padding:1px 0 5px; }
#pageFooterNav a { color:#888; padding:0 5px;}
 

#lnkPrivacyPolicy { color: #888; }

/* General */
input.textBox, textarea, select
{
	background-color: #fffffa;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

button.small, a.smallButton
{
	/*color: #444;
	background-color: #e6e8e5;
	background-image: url(/images/Athena/smallButtonBg.png);
	background-repeat: repeat-x;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;*/
}

h1 { margin: 10px 0 15px; font-size: 2em; font-family: Georgia, Serif; text-shadow: 0 0 3px #999; }
h2 { margin: 5px 0 10px; font-family: Georgia, Serif; text-shadow: 0 0 2px #999; }
.defaultPoint { height: 100px; clear: both; margin-bottom: 25px; border-left: solid 8px #1E218A; padding: 5px 0 5px 5px; }
.defaultPoint img { float: left; margin: 0 20px 0 0; }

a { color: #3F647F; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

#mainBodyText {
	font-size: 1.15em;
}
#mainBodyText li 
{
	background-image: url(/images/Athena/bullet2.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 0.6em;
	vertical-align: top;
}