﻿/*
	-------------------------------------------------------
	(C) Copyright 2009 MC+Co
	-------------------------------------------------------
*/
	body {
		margin: 0;
		padding: 0;
		text-align: center;
		background-color: #ffffff;
		background-image: url(../../images/back_canvas.jpg);
		background-position: left top;
		background-repeat: repeat-x;
	}
	
	form {
		margin: 0;
		padding: 0;
	}
	
	h1, h2, p, span, div, ul, li {
		margin: 0;
		padding: 0;
		font-size: 11px;
		color: #666666;
		font-family: Arial, Tahoma, Verdana, Times New Roman;
	}

	h1 {
		margin: 8px 0 6px 0;
		font-size: 14px;
		color: #003366;
	}
	h2 {
		margin: 5px 0 6px 0;
		font-size: 12px;
		color: #003366;
	}
	
	p {
		margin: 0 0 12px 0;
	}
	
	.navLink,
	.navLinkMenu,
	.dLink,
	a {
		color: #6699CC;
		text-decoration: none;
	}
	.navLinkMenu {
		padding-left: 13px;
		background-image: url(../../images/navLink.jpg);
		background-position: left 3px;
		background-repeat: no-repeat;
	}
	.pdfLink {
		padding: 4px 22px;
		background-image: url(../../images/pdfLink.jpg);
		background-position: right center;
		background-repeat: no-repeat;
	}
	.navLink:link, a:link, .pdfLink:link, .navLinkMenu:link {color: #6699CC;}
	.navLink:visited, a:visited, .pdfLink:visited, .navLinkMenu:visited {color: #6699CC;}
	.navLink:hover, a:hover, .pdfLink:hover, .navLinkMenu:hover {color: #336699;}

/* 
	---------------------------------------------------------------------------
	Structure
	---------------------------------------------------------------------------
*/

	#GlobalContainer {}
	#GlobalContainerInner {}

	#SiteHolder {
		width: 760px;
		margin: 0 auto;
		background-color: #ffffff;
		background-image: url(../../images/back_siteMain.jpg);
		background-position: left top;
		background-repeat: repeat-y;
		border: solid 1px #D5D5D5;
	}
	
	#SpacerTop,
	#SpacerBase {
		height: 20px;
	}
	
	#Header {}
	#HeaderInfo {}
	#HeaderImage {}
	
	#PreContentSpacer,
	#PostContentSpacer {
		background-color: #ffffff;
		height: 10px;
	}
	
	#Content {
	}
	
	#NavColumn {
		width: 150px;
		float: left;
		margin-right: 5px;
	}
	
	#ContentColumn {
		width: 605px;
		float: left;
	}
	
	#ContentColumn .contentSplit {
		/*
		background-image: url(../../images/back_contentSplit.jpg);
		background-position: left top;
		background-repeat: repeat-y;
		*/
	}
	#ContentColumn .contentProducts {
	}
	
	#ContentLeft {
		width: 400px;
		float: left;
		margin: 0 5px;
		text-align: left;
		/* background-color: #eecc00; Debug */
	}
	#ContentProductList {
		width: 585px;
		float: left;
		margin: 0 5px;
		text-align: left;
		background-color: #ffffff;
	}
	#ContentProductList .list {
	 	background-image: url(../../images/back_productSplit.jpg);
		background-position: center top;
		background-repeat: repeat-y;
	}
	
	#ContentRight {
		width: 185px;
		float: right;
		text-align: left;
	}
	#ContentRightInner {
		margin: 0 10px 0 8px;
	}
	#ContentRightInner .title {
		margin: 10px 0 6px 0;
		font-size: 11px;
		color: #003366;
		font-weight: bold;
	}
	#ContentRightInner p {
		font-size: 10px;
	}
	
	.dashedDivider {
		height: 1px;
		margin: 0 6px;
		background-image: url(../../images/back_dashedDivider.jpg);
		background-position: left bottom;
		background-repeat: repeat-x;
	}
	.dashedDividerFull {
		height: 1px;
		margin: 10px 0;
		background-image: url(../../images/back_dashedDivider.jpg);
		background-position: left bottom;
		background-repeat: repeat-x;
	}
	
	
	#legal ul {
		margin-left: 20px;
	}
	
	#UtilizeServices h2 {
		color: #666666;
		font-size: 11px;
	}
	#UtilizeServices ul {
		padding-left: 25px;
	}
	#UtilizeServices li {
		font-size: 10px;
	}
	
/* 
	---------------------------------------------------------------------------
	HELPERS
	---------------------------------------------------------------------------
*/
	.tight {
		margin: 0;
		padding: 0;
	}
	.tightTop {
		margin-top: 0;
		padding-top: 0;
	}
	.tightBottom {
		margin-top: 0;
		margin-bottom: 0;
	}
	.copyImageTopRight {
		float: right;
		margin: 0 0 12px 10px;
	}
	.breakFloat {
		clear: both;
		visibility: hidden;
		/* visibility: visible;height: 1px; background-color: #cc0000; debug */
	}
