/****************************************************
*					PRIMARY.CSS						*
****************************************************/

/* Masthead */
div#Masthead 
{
	background-image: url("../css/images/Masthead.jpg");
	margin-bottom: 0;
	height: 145px;
}

/* FlashIntro */
div#FlashIntro 
{
	width: 890px;
	height: 296px;
	margin-top: 0;
}

/* Boxes */
div.box2by2, div.box2by1, div.box1by1 
{
	/* Why inline?  IE6:  http://www.positioniseverything.net/explorer/floatIndent.html */
	display: inline;
	margin-bottom: 3px;
	margin-top: 10px;
	margin-right: 5px;
	padding: 30px;
	padding-top: 15px;
	padding-bottom: 24px;
	position: relative;
	overflow: visible;
}

div.grid h2 
{
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	border-bottom: 1px dotted #999999;
	color:  #644C51;
	font-weight: normal;
	font-size: 17px;
}

div.grid h3 
{
	color:  #990028;
	padding: 0;
	margin: 0;
	margin-bottom: .5em;
	margin-top: .75em;
	font-size: 11px;
}

div.grid h3.archivedNews
{
	width:150px;
	float:left;
	text-align:left;
}
div.grid h3.rssFeed
{
	width:150px;
	float:right;
	text-align:right;
}

div.grid h3.rssFeed a
{
	background-image:url("../css/images/rss.png");
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:20px;
}

div.grid h4 
{
	text-transform: uppercase;
	color: #644C51;
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size: 11px;
}
div.grid p 
{
	margin: 0;
	margin-bottom: .5em;
	margin-top: .5em;
	padding: 0;
	font-size: 11px;
}
div.grid li 
{
	font-size: 11px;
}

p.endSection 
{
	padding-bottom: .5em;
	border-bottom: 1px dotted #999999;
}

div.box2by2 
{
	width: 379px;
/*	height: 54ex;
	height: 305px;*/
	background-image: url("../css/images/box2wideBackground.jpg");
	background-repeat: repeat-y;
}

div.box2by1 
{
	width: 379px;
/*	height: 21ex;
	height: 132px;*/
	background-image: url("../css/images/box2wideBackground.jpg");
	background-repeat: repeat-y;
}

div.box1by1 
{
	width: 162px;
/*	height: 21ex;
	height: 132px;*/
	margin-right: 14px;
	background-image: url("../css/images/box1wideBackground.jpg");
	background-repeat: repeat-y;
	padding-right: 16px;
}

div.boxLeft 
{
	float: left;
}

div.boxRight 
{
	float: right;
	margin-right: 7px;
}

div.boxClear 
{
	clear: both;
}

div.box2by1 div.boxHead, div.box2by2 div.boxHead 
{
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	width: 439px;
	background-image: url("../css/images/box2wideTop.jpg");
	background-repeat: no-repeat;
}

div.box2by1 div.boxFoot, div.box2by2 div.boxFoot 
{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
	/* This nonsense (margin) is necessary because of IE6:  http://www.pmob.co.uk/temp/onepxgap.htm */
	margin-bottom: -1px;
	width: 439px;
	background-image: url("../css/images/box2wideBottom.jpg");
	background-repeat: no-repeat;
}

div.box1by1 div.boxHead {
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	width: 209px;
	background-image: url("../css/images/box1wideTop.jpg");
	background-repeat: no-repeat;
}

div.box1by1 div.boxFoot
{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
	/* This nonsense (margin) is necessary because of IE6:  http://www.pmob.co.uk/temp/onepxgap.htm */
	margin-bottom: -1px;
	width: 209px;
	background-image: url("../css/images/box1wideBottom.jpg");
	background-repeat: no-repeat;
}

/* Specifics */
input#emailAddress
{
	width: 100px;
}

div#customerLogos
{
	width: 150px;
	height: 100px;
	margin: -5px auto;
	display: none;
}

div#customerLogos a img
{
	border: none;
}