body {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
	background-color: #272E33;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}

#WhiteBorder
{
	width: 774px;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFFF;
}

#Container 
{
	float: left;
	width: 774px;
	background: #FFFFFF url(/_images/layout_background.jpg) repeat-y;
}

	#Container #SidePanel
	{
		float: left;
		width: 240px;
	}
	
		#SidePanel #Logo
		{
			width: 240px;
			height: 147px;
			background: #FFFFFF url(/_images/seaforth_logo.jpg) no-repeat center center;
			overflow: hidden;
		}
		
		#SidePanel #MenuTopGradient
		{
			display: block;
			height: 25px;
			background: #AAA06D url(/_images/menu_top_gradient.gif) repeat-x;		
		}
			
	#Container #Header
	{
		float: left;
		width: 534px;		
	}
	
	#Container #BeigeBar
	{
		float: left;
		width: 524px;
		height: 21px;
		background: url("/_images/beigeBack.jpg");
		padding: 5px 10px 0px 0px;
		text-align: right;
	}
	
	#Container #Content
	{	    	    
	    float: left;
		padding: 10px 0px 10px 10px;
		width: 524px;
	}
	
	#Container #MainImage
	{
		float: left;
		width: 534px;
		height: 276px;
		background: #FFFFFF;		
	}
		
#Footer
{
	width: 774px;
	height: 19px;
	color: #FFFFFF;
	text-align: center;
	clear: both;
	background: #06416C;
	padding: 3px 0px 3px 0px;
}

#globalToolTip
{
	visibility: hidden;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 2px;
	z-index: 500;
	border-top: solid 1px #7C7E80;
	border-left: solid 1px #7C7E80;
	border-right: solid 1px #7C7E80;
	border-bottom: solid 1px #7C7E80;
	color: #014895;
	background-color: #FFFFFF;	
	padding: 3px;
}

/* 
	This is used for the duplicate character bug.
	that is experiencing the issue.  The bug is caused by multiple floated divs mixed with comments.
*/
.CSSDuplicateCharacterFix
{
	float: left;
	margin-right: -3px;
}

.Spacer
{
	float: left;
	height: 143px;
	width: 10px;
}