body {
    background-color:#2a324b;
    text-align:center;
}

a:link, a:active, a:visited {
	color:#50557c;
	text-decoration:none;
}

a:hover {
	color:#416800;
	text-decoration:underline;
}

#mainContent 
{
    width:1200px;
    margin:0 auto;
    border: solid 2px black;
}

#header 
{
    clear: both;
    height:273px;
    background-image:url(../images/header.png);
}

#footer 
{
    clear: both;
}

#linkbar
{
	background-color:#fff;
	font-size:18px;
	font-weight:bold;
    position:relative;
    height:30px;
    border-bottom:solid 1px black;
    border-left:solid 1px black;
    border-right:solid 1px black;
}

#linkbar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 9999;
}
#linkbar ul li {
	float:left;
	line-height: 1.85em;
	margin-right: 0px;
}

#linkbar a, #linkbar a:visited {
	display:block;
	float:left;
	text-decoration:none;
	padding:0px 63px 0px 50px;
}

#linkbar li:hover {
	position:relative;
	z-index: 9999;
}
* html #linkbar a:hover {
	position:relative;
	z-index: 9999;
}

#linkbar ul ul li {
	display:block;
	width: 148px;
	border-bottom: 0px;
	height:auto;
	position:relative;
	font-size:14px;
}
#linkbar ul ul a, #linkbar ul ul a:visited {
	background: none;
	display: block;
	padding:0px 10px 0px 10px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#linkbar ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:1.85em;
	left:25px;
	width:150px;
	background-color: #eee;
	border: 1px solid black;
}
/* make the second level visible when hover on first level list OR link */
#linkbar ul li:hover ul, #linkbar ul a:hover ul {
	visibility:visible;
	height:auto;
	padding-bottom:0;
}

#login
{
    text-align: right;
    margin-right: 40px;
}

#pageContent
{
    border:solid 1px black;
    background-color:White;
    text-align:left;
    padding:7px;
    min-height:800px;
}

.excerpt p
{
    text-indent: 15px;
}

.titleLeft
{
    width:150px;
    height:225px;
    text-align:center;
    border-left:1px solid black;
    border-top:1px solid black;
    border-bottom:1px solid black;
    vertical-align:middle;
}

.titleCenter
{    
    width:215px;
    text-align:center;
    border-top:1px solid black;
    border-bottom:1px solid black;
    vertical-align:top;
}

.titleCenter .title 
{
    font-weight:bold;
    font-size:large;
}

.titleRight
{
    border-right:1px solid black;
    border-top:1px solid black;
    border-bottom:1px solid black;
}

.titleRight div 
{
    margin-right:10px;
}

.tabNavigation li 
{
    display: inline;
    list-style-type: none;
    font-size:13pt;
    font-weight:bold;
}

.tabNavigation li a 
{
    text-decoration: none;
    color: gray;
    padding: 10px;
}

.tabNavigation li a.selected
{
    border: 1px solid black;
    color: black;
}