/* CSS layout */


html 
{
	margin-bottom:1px;
	padding:0;
	border:0;
}


body 
{
	margin:0;
	padding:0;
	border:0;
}


#Wrap {
	width:764px;
	height:100%;
	margin:0 auto;
	background-color: #F5E188;
	background-image: url('Images_Graphics/WrapperBackground.jpg'); 
	background-repeat: repeat;
	text-align: left; 
	vertical-align: top;
	border: 3px #F5E188 solid; 
	padding: 0px;
	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 wrapper page background running down the left/right. */	
#Logo 
{
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	width:190px;
	height:150px;
	background-image: url('Images_Graphics/PageColor.jpg');
	background-repeat: repeat;
	z-index: 1;
	visibility: visible;	
}

/* Header is to right of Logo and has the Site Title, and below it the Page Title*/
#Header 
{
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	width:572px;
	height: 150px;
	background-image: url('Images_Graphics/PageColor.jpg');
	background-repeat: repeat;
	z-index: 1;
	visibility: visible;	
}

#SiteTitle 
{
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 25px;
	padding-bottom: 25px;
	width:572px;
	height: 90px;
	background-image: url('Images_Graphics/PageColor.jpg');
	z-index: 1;
}

#PageTitle 
{
	float: left;
	width: 572px;
	padding-top: 25px;
	margin-right: 0px;
	background-image: url('Images_Graphics/PageColor.jpg');
	background-repeat: repeat;
	z-index: 1;
	visibility: visible;	
}


/* This is a higher plane that on top of the page title.  It's near the right */
/* edge and hangs a little below the page title bacground bar.  */
/* Insert in Page Title div writeable area, in index.html only. */
#WhatsNew
{
	float: right;
	border: 0px;
	margin-right: 40px;
	margin-top: 15px;
	width: 130px;
	z-index: 3;
	visibility: visible;
}


/* Medium-light gold space */
#Links 
{
	float: left;
	width: 180px;
	padding: 0px;
	border: 0px;
	padding-left: 4px;
	z-index: 1;
	visibility: visible;	
}

/* The Message space should be 764 - 6 (wrapper minus border) - 180 (links) = 578. However, it is 566.
   Obviously the Message padding also counts as part of the div width - maybe because Expression Web
   is also confused about the box model (or I am.)  In addition, one IE7/XP user still reported
   trouble with the Message div not fitting, so I subtracted 6 more pixels.  This worked, but the 
   problem may have been a corrupted browser cache.  To be safe, leave the width at 560.  */
#Message
{
	float: left;
/*	width: 566px;*/  
	width: 560px;  
	padding-left: 6px;
	padding-right: 8px;
	background-image: url('Images_Graphics/PageColor.jpg');
	background-repeat: repeat;
	z-index: 1;
	visibility: visible;	
}


/* Below is a hack obtained from the internet.  It lays a stub footer
   across the bottom forcing the extension of the shorter column to the 
   height of the longer column. */
#footer 
{
	clear:both;
	padding:0px;
	margin:0px;
	z-index: 1;
	visibility: visible;	
}
	
#footer p {
	margin:0;
}

* html #footer {
	height:1px;
}