/*****************************************************************************************/
/* 
	Main page layout CSS properties
*/
/*****************************************************************************************/

BODY
{
    background-color: #f3eff1;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
    
	background-image: url(../../Images/MainLayout/BannerBackground.gif);
	background-position: top;
	background-repeat: repeat-x; 
}

@media print
{	
	BODY
	{
		background-color: #ffffff;
	}
}

/*****************************************************************************************/

/* 
	Watermark - prints a faint watermark when page is printed
	the watermark tag must be applied to a img, background images
	are omitted when printing.
*/

.Watermark
{
	display: none;
}

@media print
{	
	.Watermark
	{
		height: 98%;
		width: 98%;
		position:absolute;
		top: 0px;
		left: 0px;
		display: inline;
		z-index: -1;
		
		/*border: solid 5px #000000;*/
	}
}

/*****************************************************************************************/

/* 
	banner class contains the logo and branding for the site. 
*/

.Banner
{
	background-image: url(../../Images/MainLayout/Banner.gif);
	background-position: center top;
	background-repeat: no-repeat;

	height: 90px;
	width: 1000px;

	margin-left: auto;
	margin-right: auto;
	
	clear: both;	
}

@media print
{	
	.Banner
	{
		display: none;
	}
}

/*****************************************************************************************/

/* 
	the subbanner class contains the logon and user info
*/

.SubBanner
{
	margin: 1px;
	background-color: #b297a8;
	
	height: 20px;
	width: 1000px;

	margin-left: auto;
	margin-right: auto;

	clear: both;	
}

@media print
{	
	.SubBanner
	{
		display: none;
	}
}

/*****************************************************************************************/

/*
	Logo to dispaly for printing
*/

.PrintBanner
{
	display: none;
}

@media print
{	
	.PrintBanner
	{
		text-align: center;
		display: inline;
	}	
}

/*****************************************************************************************/

/* 
	MainPage class is the main panel that contain the nav, 
	content, and advertising sections. 

	the MainPage:after is a bugfix to make the Firefox version
	have vertical borders like the IE version. 
*/

.MainPage
{
	border-left: solid 1px #b7b7b7;
	border-bottom: solid 1px #b7b7b7;
	border-right: solid 1px #b7b7b7;
	
	width: 1000px;	
	
	margin-left: auto;
	margin-right: auto;

	clear: both;	
}

@media print
{	
	.MainPage
	{
		border: solid 0px #ffffff;
	}
}

.MainPage:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*****************************************************************************************/

/* 
	Navigation class 
*/

.Navigation
{
	margin-right: 2px;
	background-color: #ffffff;
	
	min-height: 600px;
	height: auto !important;
	height: 600px;
	width: 180px;

	float: left;	
}

@media print
{	
	.Navigation
	{
		display: none;
	}
}
 
/*****************************************************************************************/

/* 
	Logon Content class 

	used to create the main content pane on the login page, since
	there is no advertising placed there. full page width
*/

.LogonContent
{
	background-color: #ffffff;	
	
	min-height: 600px;
	height: auto !important;
	height: 600px;
	width: 1000px;
}

@media print
{	
	.LogonContent
	{

	}
} 
   	
/*****************************************************************************************/

/* 
	Content class 
*/

.Content
{
	margin-right: 2px;
	background-color: #ffffff;	
	
	min-height: 600px;
	height: auto !important;
	height: 600px;
	width: 700px;

	float: left;	
}

@media print
{	
	.Content
	{
		display:inline;
		margin: 0px;
	}
}

/*****************************************************************************************/

/* 
	Advertising class 
*/

.Advertising
{
	background-color: #ffffff;
	
	min-height: 600px;
	height: auto !important;
	height: 600px;
	width: 116px;

	float: left;	
}

@media print
{	
	.Advertising
	{
		display: none;
	}
} 

/*****************************************************************************************/

/* 
	Footer class goes at the bottom of every page to provide branding and 
	branding and additional navigation around the site. The footer bottom
	contains the curved bottom portion of the page image.
*/

.Footer
{
	background-color: #ffffff;	

	border-left: solid 1px #b7b7b7;
	border-right: solid 1px #b7b7b7;

	width: 1000px;	
	height: 50px;

	margin-left: auto;
	margin-right: auto;
	
	clear: both;	
}

@media print
{	
	.Footer
	{
		border-left: solid 0px #ffffff;
	}
}

.FooterBottom
{
	background-position: left top;
	background-image: url(../../Images/MainLayout/FooterBottom.gif);
	background-repeat: no-repeat;	

	width: 1010px;
	
	margin-left: auto;
	margin-right: auto;
	
	clear: both;	
}

@media print
{	
	.FooterBottom
	{
		display: none;
	}	
}

/*****************************************************************************************/

/* 
	Sub-banner row below banner. Contain the logout and welcome messages for the site. 
	outerbar is area to left and right of inner bar.
*/

.Logout
{
	font-weight: bold;
    text-decoration: none;
    text-align: right;
    padding-right: 10px;
}

@media print
{
	.Logout
	{
		display: none;
	}
}

.Welcome
{
	font-weight: bold;
    text-align: left;
    font-size: small;
    padding-left: 5px;
   
	float: left;    
}

@media print
{
	.Welcome
	{
		display: none;
	}
}

/*****************************************************************************************/