* { margin: 0; padding: 0; }

body  
{
    border: 0;

    overflow: hidden;

    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;

    color: #696969;

    background: #FFF url("/Shared/Images/body.png") repeat-x fixed;
}

.Canvas_Background {
	position: absolute;
	z-index: 0;
	margin-left: -400px; 
	left: 50%; 

	width: 809px;
	height: 100%;
 
    background: url("/Shared/Images/canvas_bg.png") no-repeat top right;
}

.Canvas
{
    position: absolute;
	z-index: 1;
	margin-left: -400px; 
	left: 50%;
	top: 2px;
	bottom: 0;

   	overflow: hidden;

	width: 800px; min-width: 800px;
	height: 100%; min-height: 100%;
}

.Content
{
	bottom: 130px;
	right: 0px;

	border: 1px solid #003300;

	width: 798px; min-width: 798px;
	height: 100%;
	
	background: #FFF;
}

#Top
{
    height: 24px;
	width: 100%;

	text-align: right;
    text-decoration: none;
}

#Top a { color: #666; text-decoration: none; }
#Top a.Current { color: #000; text-decoration: underline; }
#Top a:hover { color: #FF0000; text-decoration: underline; }

#ContentPanel
{
	position: absolute;
	width: 798px;
	top: 264px;
	bottom: 41px;
	padding-top: 1px;
	
   	overflow: auto;
}

#Head
{
	width: 100%;
	height: 200px;
		
	background: url("/Shared/Images/header.png") no-repeat;
}

#HorizontalNavigationBar 
{
	padding-top: 7px;
	margin-bottom: 1px;

	border-top: 1px solid #000;
	border-bottom: 1px solid #000;

	width: 100%;
	height: 30px;
	
	color: #FFF;
		
	background: #003300 url("/Shared/Images/horizontalnavigation_bg.png") no-repeat;
}

#HorizontalNavigationBar ul 
{
	display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

#HorizontalNavigationBar li 
{
    float: left;
}
#HorizontalNavigationBar a 
{
	display: block;
    padding: 2px 0 0 22px;
    height: 20px;
	color: #CCC;
	font-weight: bold;
	text-decoration: none;
}
#HorizontalNavigationBar a.Current { color: #FFF; text-decoration: underline; }
#HorizontalNavigationBar li:hover { }
#HorizontalNavigationBar li:hover a { color: #FF0000; text-decoration: underline; }

#LeftVerticalNavigation
{
    position: fixed;
    float: left;
    width: 200px;
	color: #999;
}
#LeftVerticalNavigation ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#LeftVerticalNavigation li
{
	margin: 0 0 1px 0;
    border-bottom: 1px solid #000;
    background: #003300;
}
#LeftVerticalNavigation a 
{
	display: block;
    padding: 4px 0 0 22px;
    height: 22px;
    color: #999;
	text-decoration: none;
}
#LeftVerticalNavigation a.Current { color: #FFF; background: #004400; text-decoration: underline; }
#LeftVerticalNavigation li:hover { background: #004000; }
#LeftVerticalNavigation li:hover a { color: #FF0000; text-decoration: underline; }

#ContentArea 
{
    position: absolute;
    left: 200px;
    padding: 4px 10px 20px 20px;
    width: 350px;
}

#BreadCrumb
{
	margin-bottom: 8px;
}

.Corona
{
	padding: 0.5em;
    background: #eee;
	border: 1px solid red;
	margin-bottom: 1em;
	text-align: center;
}
.Corona a { color: #666; text-decoration: none; }
.Corona  a.Current { color: #000; text-decoration: underline; }
.Corona  a:hover { color: #FF0000;text-decoration: underline;  }

#RightVerticalNavigation
{
    position: absolute;
    left: 580px;
    padding: 30px 7px 0 12px;
    width: 182px;
    background: #aaa;
}

#Footer
{
	position: absolute;
	z-index: 500;
	bottom: 0;
	
	text-align: right;

	width: 798px; min-width: 798px;
	height: 40px;

	background: #EEE;
}

#Footer a { color: #666; text-decoration: none; }
#Footer a.Current { color: #000; text-decoration: underline; }
#Footer a:hover { color: #FF0000;text-decoration: underline;  }

#Base
{
	
}