@import url(Skin.Editor.css);
@import url(TopMenu.css);
@import url(Navigation.RightNav.css);
/* Include the editor CSS styles for end users */

body {
	background-image: url(gfx/Backgorund_Slice.jpg);
	background-repeat: repeat-x;
	background-color: #E3E3E3;
}

#MainArea {
	background-color: #808080;
	/* hack; make the top 160px white, rest gray */
	background-image: url(gfx/WhiteStripe.gif);
	background-repeat: repeat-x;
    padding-top: 25px;

	width: 850px;
	margin: 0 auto;
}

#TopArea {
	position: relative;
	height: 700px; /* for people w/o javascript.  if JS is enabled this will be calculated */
}

	#LeftBlurb {
		/*width: 690px;*/
		
		position: absolute;
		top: 0px;
		left: 0px;
	}

	div#LeftBlurbTop
	{
		width: 690px;
	}
	
		#Menu 
		{
			position: absolute;
			top: 0px; left: 0px;
			z-index: 1000;
		}
		
		#MenuPlaceholder 
		{
			background-color: #BED73B;
		}
			
		#Menu, #MenuPlaceholder {
			height: 41px;
			padding-left: 35px;		
		}

		#ContentArea {
			background-color: #E0E0D0; /*#DBD7BD; /* PT:453PC */
			text-align: left;
/*
		    min-height: 320px;
		    _height: 320px;  ie6 */		
		}

			/*#ContentArea p { margin-: 0; padding: 0p}*/

			.ContentAreaContent 
			{
				padding-top: 59px;
				padding-right: 232px;
				padding-left: 35px;
				padding-bottom: 59px;
			}		
			
	#RightArea 
	{
		position: absolute;
		top: 0px;
		right: 0px;
		
		width: 355px;
	}

		#Logo 
		{
			/*
			position: absolute;
			top: 0px;
			right: 0px;
			
			height: 80px;
			*/
			
			float: right;
			width: 151px;
			
			background-color: White;
			text-align: right;
			margin-bottom: 8px;
			overflow: hidden;
		}

        #RightBlurb
        {
			zoom: 1; /* i hate you with every inch of my soul, IE7 */
        	clear: right;
        	background-image: url(gfx/Gradient.jpg);
        	background-repeat: repeat-x;        	
		    background-color: #FFFFFE; /*#E7E5D3;  PT:454PC */       
        }
        
			.TopMarginLine,
			.BottomMarginLine
			{
				height: 6px;
				font-size: 1px;
				background-color: #4D4D4D;
			}
			
			.TopMarginLine
			{
				margin-bottom: 71px;
			}
			
			.BottomMarginLine
			{
				margin-top: 71px;
			}
				
			.RightBlurbContent
			{
		    	zoom: 1; /* apply HasLayout lest we get double padding */
		    	/*padding: 83px 0px;*/
		        padding: 21px 24px;
			}
			
		    .RightBlurbContent,
		    .RightBlurbContent .Normal
		    {
		        color: #555;
		        font-size: 1.40em;
		        line-height: 1.60em;
		    }		

#BottomArea {
	clear: both;
	/*margin-top: 22px;  matches Image top margin */
	background-color: #E9EFB9;
	
	border-top: 6px solid #4D4D4D;
}

	#BottomTable {
		
		min-height: 208px;
		_height: 208px;
		
		empty-cells: display;
	}
	
		#BottomTable .BottomTableCell {
			padding-left: 30px;
			padding-right: 30px;
			padding-top: 15px;
			padding-bottom: 16px;
			
			width: 33%;
			text-align: left;
			vertical-align: top;
		}
		
			#BottomTable a,
			#BottomTable a:hover,
			#BottomTable a:link,
			#BottomTable a:active,
			#BottomTable a:visited
			{
				color: rgb(144,159,57);				
			}
			
			    #BottomTable a:hover { text-decoration: underline; }
			    
		#BottomTable .BottomTableBorder {
			border-right: 1px solid black;
		}

#Footer 
{
	color: White;
    clear: both;
    margin: 36px 8px 16px 8px;
    
    position: relative;
    
    min-height: 30px; /* height of icon */
    _height: 30px; /* ie6 min-height */
}

    #WsaIcon {
        background-repeat: no-repeat;
        background-image: url(gfx/footer-wsa-logo.jpg);
        
        width: 21px;
        height: 30px;
        
        position: absolute;
        bottom: 0px;
        right: 0px;
    }
    
    #FooterLinks, #Copyright {
        margin-right: 25px; /* width of icon plus a bit */
    }
    
    #FooterLinks {
        font-size: 0.8em;
    }
    
        #FooterLinks a,
        #FooterLinks a:hover,
        #FooterLinks a:active,
        #FooterLinks a:visited,
        #FooterLinks a:link
        {
            text-decoration: none;
            color: White;
        }
        
            #FooterLinks a:hover { text-decoration: underline; }
            
    #Copyright {
        color: White;
        font-size: 0.75em;
    }

        #Copyright a,
        #Copyright a:hover,
        #Copyright a:active,
        #Copyright a:visited,
        #Copyright a:link
        {
            color: #CCC;
            text-decoration: underline;
        }
        
            #Copyright a:hover { color: #AAA; }