/***** HTML Formatting ******/

body 
{
    background-color: #FFFFFF;
    font-family: Verdana, Arial;
    font-size: 11px;
    margin-top: 0px;
    background-color: #eee;
}

p, div, td 
{
    font-family: Verdana, Arial;
    font-size: 12px;
}

h1
{
    font-family: Verdana, Arial;
    font-size: 22px;
    font-weight: normal;
}

h2
{
    font-family: Verdana, Arial;
    font-size: 18px;
    font-weight: normal;
}

/***** Layout Formatting ******/

.navigation 
{
    background-color: #42494F;
    padding: 10px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    border-top: solid 1px #aca899;
    border-bottom: solid 1px #aca899;
}

.content 
{
    padding: 10px;
    text-align: left;
    font-size: 12px;
    border-left: solid 1px #aca899;
    border-right: solid 1px #aca899;
    border-bottom: solid 1px #aca899;
}

/***** Hyperlink Formatting ******/

.navigation a:link {
	color: #ffffff;
	text-decoration: none;
}
.navigation a:visited {
	color: #ffffff;
	text-decoration: none;
}
.navigation a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.navigation a:active {
	color: #ffffff;
	text-decoration: underline;
}
/***** Text Formatting ******/

h1.pageHeader
{
    font-family: Verdana, Arial;
    font-size: 22px;
    font-weight: normal;
    border-bottom: solid 1px #aca899;
}

.alignCenter 
{
    text-align: center;
}

.alignRight
{
    text-align: right;
}

/***** Image Formatting ******/

.contentImage 
{
    border: solid 1px #aca899;
    margin-right: 5px;
}


/************************************/
/* Modal Formatting                 */
/************************************/

.modalBackground 
{
	background-color: #E8E8E8;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.modalPanel 
{
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #507CD1;
	padding: 5px 10px 10px 10px;
	overflow: auto;
}

.hidden 
{
    display: none;
    visibility: hidden;
}