﻿/* CSS layout */



html 
{
	margin-bottom:1px;
	padding:0;
	border:0;
}



body 
{
	margin:0;
	padding:0;
	border:0;
}

#wrap {
	width:800px;
	margin:0 auto;
	background-color: #F3EAFD;
	background-image: url('Images_Graphics/wrapperBackground.jpg');
	background-repeat: repeat;
	text-align: left; 
	vertical-align: top;
	border: 0px;
	padding: 0px;
	overflow:visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	z-index: 1;
	visibility: visible;	
}

/* Note widths that are nice round numbers minus 3 pixels.  That is to achieve
/* a fine transparent line of the page background running down the right. */	
#Logo 
{
	float:left;
	width:197px;
	height:190px;
	background-image: url('Images_Graphics/PageColor.jpg');
	background-repeat: repeat;
}

#Header 
{
	float:left;
	width:597px;
	height: 190px;
	background-image: url('Images_Graphics/PageColor.jpg');
	background-repeat: repeat;
}

#SiteTitle 
{
	float:left;
	width:597px;
	height: 135px;
	background-image: url('Images_Graphics/PageColor.jpg');
	background-repeat: repeat;
}

#PageTitle 
{
	float:left;
	width:600px;
	background-image: url('Images_Graphics/PageColor.jpg');
	background-repeat: repeat;
}


/*For some reason the width must be reduced by 2x the left margin */
#Links 
{
	float:left;
	width:180px;
	margin-left:0px;
	margin-right:20px;
}

	
#Message 
{
	float:left;
	width:600px;
	background-image: url('Images_Graphics/PageColor.jpg');
	background-repeat: repeat;
	padding-top: 12px;
}

#footer 
{
	clear:both;
	padding:0px;
	margin:0px;
}
	
#footer p {
	margin:0;
}

* html #footer {
	height:1px;
}


