body
{
    background-color: #505A6B;
}


/* master page
-----------------------------*/
.container {
	width: 98%;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 950px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background-color: white;
}

/** master page **/

/* login status control*/
.logindisplay
{
    display: block;
    text-align: right;
    padding-top: 0.3em;
    padding-right: 1em;
    padding-bottom: 0.3em;
    padding-left: 0;
    color: White;
	background: #6F7D94;
}
.logindisplay span /* for username */
{
    font-weight: bold;
    font-style: italic;
    margin: 0 1em 0 0.5em;
    color: #FFFF99;
}
.logindisplay a
{
    color: white;
}
.logindisplay a:hover
{
    color: #FFCC66;
}

/* banner */
.header
{
    border-width: 1px;
    background: #fff;
    display: table;
    width: 100%;
    height: 103px;
    border-bottom-style: solid;
    border-color: #C4C9D2;
}
.header span
{
    display: table-cell;
    text-align: right;
}
.header span.logo
{
    width: 200px;
}

/* main menu*/
.navigation
{
    border-style: solid none solid none;
    border-width: 1px;
    margin: 0;
    padding: 0;
    height: 2.5em;
    border-top-color: #C4C9D2;
    background-color: #BDD2FF;
    border-bottom-color: #BDD2FF;
}

.content 
{
	min-height: 300px;
	clear: both;
}

.footer
{
    padding: 1em 0;
    text-align: center;
    clear: both;
    margin-top: 1em;
	background: #6F7D94;
	color: white;
}