﻿/*
	-------------------------------------------------------
	(C) Copyright 2009 MC+Co
	-------------------------------------------------------
*/
	html {
		font-size: 11px;
		line-height: 15px;
	}
	body {
		margin: 0;
		padding: 0;
		text-align: center;
		background-color: #D1E0F0;
		background-image: url('../../images/back_canvas2.jpg');
		background-position: top;
		background-repeat: repeat-x;
	}
	form {
		margin: 0;
		padding: 0;
	}
	
	h1, h2, p, span, div, ul, li {
		font-family: Tahoma, Verdana, Arial, Times New Roman;
		margin: 0;
		padding: 0;
	}

	p {
		margin: 0 0 12px 0;
		padding: 0;
		color: #7D7F84;
		font-size: 100%;
		line-height: 130%;
	}
/*
	---------------------------------------------------------------------------
	
	---------------------------------------------------------------------------
*/
	.navLink {
		text-decoration: none;
		border-bottom: 1px solid #6699cc;
		color: #6699cc;
	}
	.navLink:link {}
	.navLink:visited {color: #6699cc;}
	.navLink:hover {
		border-bottom: 1px solid #336699;
		color: #336699;
	}
	
	.navLinkMenu {
		background-image: url(../../images/navLink.gif);
		background-position: left top;
		background-repeat: no-repeat;
		text-decoration: none;
		padding-left: 8px;
		font-size: 100%;
		line-height: 100%;
	}
	.navLinkMenu:link {color: #6699cc;}
	.navLinkMenu:visited {color: #6699cc;}
	.navLinkMenu:hover {color: #666666;}

/*
	---------------------------------------------------------------------------
	Structure
	---------------------------------------------------------------------------
*/

	#GlobalContainer {}
	#GlobalContainerInner {}
	
	#TopSpace {
		height: 20px;
	}
	
	#SiteHolder {
		width: 960px;
		margin: 0 auto;
		background-color: #ffffff;
		border: 1px solid #6699CC;
		background-image: url('../../images/back_page.jpg');
		background-position: right top;
		background-repeat: repeat-y;
	}
	
	#SiteHolderInner {
	}

/*
	-------------------------------------------------------
	HEADER
	-------------------------------------------------------
*/
	#Header {
		height: 68px;
		background-color: #6699cc;
		background-image: url('../../images/back_header.jpg');
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	#LogoHolder {
		width: 170px;
		float: left;
	}
	
	#HeaderCentral {
		width: 545px;
		float: left;
		text-align: left;
		/* background-color: #eecc00; Debug */
	}
	#BusinessTypeHeader {
		text-align: right;
		margin: 52px 5px 0 0;
	}
	
	#HeaderRight {
		width: 235px;
		float: right;
	}
/*
	-------------------------------------------------------
	INTRO PANEL
	-------------------------------------------------------
*/
	#IntroPanel {
		height: 186px;
	}
	#IntroPanelInner {
		height: 186px;
		text-align: left;
	}
	#PrimaryMediaHolder {
		width: 490px;
		height: 185px;
		float: left;
		margin-left: 15px;
		border-bottom: solid 1px #e0e0e0;
	}
	#BusinessTypeMenuHolder {
		width: 203px;
		height: 185px;
		float: left;
		background-image: url('../../images/back_page.jpg');
		background-position: right top;
		background-repeat: repeat-y;
		border-left: solid 1px #e0e0e0;
		border-bottom: solid 1px #e0e0e0;
	}
	#IntroPanelRight {
		width: 250px;
		height: 186px;
		float: right;
		border-left: solid 1px #e0e0e0;
		background-image: url('../../images/back_dividerDash.jpg');
		background-position: left bottom;
		background-repeat: repeat-x;
	}

/*
	-------------------------------------------------------
	CONTENT
	-------------------------------------------------------
*/	
	
	#ContentPanel {
	}
	
	#ColumnLeft {
		width: 164px;
		float: left;
		/* border-right: dashed 1px #e0e0e0;
		background-color: #eecc00; Debug */
	}
	
	#MsGoldHolder {
		margin: 5px 0;
	}
	#ColumnMid {
		width: 544px;
		float: left;
		/* background-color: #cc0000; Debug */
	}
	
	#ColumnRight {
		width: 250px;
		float: right;
		/* border-left: dashed 1px #e0e0e0;
		background-color: #eecc00; Debug */
	}
	
	.sectionDividerDashed {
		height: 2px;
		margin: 12px 0;
		border-top: solid 1px #ffffff;
		background-image: url('../../images/back_dividerDash.jpg');
		background-position: left top;
		background-repeat: repeat-x;
	}
	
	#PageContentHolder {
		margin: 15px 30px 15px 20px;
		text-align: left;
	}
	
	#PageTitle {
		margin: 0 0 10px 0;
		padding: 12px 20px;
		background-image: url('../../images/back_dividerDash.jpg');
		background-position: left bottom;
		background-repeat: repeat-x;
		text-align: left;
	}
	#PageTitle h1 {
		margin: 0;
		padding: 0;
		color: #666666;
		font-size: 130%;
		font-weight: bold;
	}
	
	.pageSubHead {
		font-weight: bold;
	}
	
	.introText {
		color: #B0B0B0;
		font-weight: bold;
	}
	
	.homePanelHolder {
		width: 151px;
		float: left;
		margin-right: 20px;
	}
/*
	-------------------------------------------------------
	MAIN MENU
	-------------------------------------------------------
*/
	#PrimaryNavHolder {
		margin: 25px 0 0 0;
		text-align: left;
	}
	.primaryNavSection {
		margin: 0 0 0 20px;
	}
	
	#PrimaryNavHolder ul.section {
		margin: 0;
		padding: 0;		
	}
	#PrimaryNavHolder ul.section li {
		list-style-type: none;
	}
	#PrimaryNavHolder ul.section li a.navGroup0,
	#PrimaryNavHolder ul.section li a.navGroup1,
	#PrimaryNavHolder ul.section li a.navGroup2 {
		display: block;
		text-decoration: none;
		font-size: 100%;
		line-height: 160%;
		background-image: url('../../images/navLink.gif');
		background-position: left top;
		background-repeat: no-repeat;
		padding-left: 10px;
	}
	#PrimaryNavHolder ul.section li a.navGroup1:link,
	#PrimaryNavHolder ul.section li a.navGroup1:visited,
	#PrimaryNavHolder ul.section li a.navGroup1:hover {color: #999999;}
	#PrimaryNavHolder ul.section li a.navGroup2:link,
	#PrimaryNavHolder ul.section li a.navGroup2:visited,
	#PrimaryNavHolder ul.section li a.navGroup2:hover {color: #6699cc;font-weight: bold;}
	#PrimaryNavHolder ul.section li a.navGroup1:hover,
	#PrimaryNavHolder ul.section li a.navGroup2:hover {color: #666666;}
	
	/* Top Links */
	
	#BusinessTypeMenu {
		padding-top: 2px;
	}
	
	#BusinessTypeMenu ul.section li {
		text-align: left;
		list-style-type: none;
		border-bottom: 1px solid #e0e0e0;
		
	}
	#BusinessTypeMenu ul.section li a.navGroup3 {
		text-decoration: none;
		font-size: 12px;
		line-height: 15px;
		font-weight: bold;
		color: #999999;
		display: block;
		padding: 15px 15px 15px 12px;
	}
	#BusinessTypeMenu ul.section li a.navGroup3:hover {
		background-color: #f6f6f6;
	}
	
	
	/* Base Links */
	
	#BasePanelLinkBar {
		padding-left: 185px;
		text-align: left;
	}
	#BasePanelLinkBar ul.section li {
		list-style-type: none;
		display: inline;
	}
	#BasePanelLinkBar ul.section li a.navGroup5 {
		text-decoration: none;
		font-size: 90%;
		line-height: 100%;
		color: #ffffff;
	}
	#BasePanelLinkBar .separator {
		color: #ffffff;
		margin: 0 5px;
		font-size: 80%;
	}
	

/*
	-------------------------------------------------------
	RIGHT COLUMN SECTIONS
	-------------------------------------------------------
*/
	.sectionHolder {
		margin: 15px 20px;
		text-align: left;
	}
	.sectionTitle {
		font-size: 120%;
		font-weight: bold;
		color: #6699cc;
		margin: 0 0 10px 0;
	}
	.sectionCopy {
		font-size: 100%;
		line-height: 140%;
	}
/*
	-------------------------------------------------------
	CUSTOMER COMMENTS
	-------------------------------------------------------
*/
	#CustomerCommentsHolder {}
	.customerCommentTitle {}
	.customerCommentCopy {}
	
	.customerCommentName {
		margin: 0 0 5px 0;
		font-size: 90%;
		line-height: 100%;
	}
	.customerCommentName {color: #333333;}

	.commentLink {
		color: #6699cc;
		font-size: 10px;
		text-decoration: none;
		border-bottom: 1px solid #6699cc;
	}
	.commentLink:link {}
	.commentLink:visited {color: #6699cc;}
	.commentLink:hover {
		color: #336699;
		border-bottom: 1px solid #336699;
	}
	
/*
	-------------------------------------------------------
	BASE
	-------------------------------------------------------
*/
	#BasePanel {
		height: 75px;
		background-color: #ffffff;
	}
	#BasePanelLinkBar {
		height: 18px;
		background-color: #999999;	
	}
	#BasePanelPartners {
		height: 57px;
		background-color: #ffffff;
		text-align: left;
	}

/*
	-------------------------------------------------------
	FORMS AND CONTROLS
	-------------------------------------------------------
*/

	.formBox {
		width: 200px;
		border: 1px solid #cccccc;
		font-size: 11px;
		padding: 2px;
		color: #666666;
	}
	.formSectionHead {
		margin: 5px 0;
		border-bottom: 1px dashed #cccccc;
	}
	.formSectionHeadInner {
		margin: 6px 0 5px 0;
	}
	.formSectionHead .formSectionTitle {
		font-weight: bold;
		margin: 5px 0;
		font-size: 13px;
	}
	.labelCell {
		width: 120px;
	}
	.shortLabelCell {
		width: 60px;
	}
	.labelCell, .shortLabelCell, .dataCell, .validCell {
		font-family: Arial, Verdana, helvetica;
		font-size: 11px;
		color: #666666;
		vertical-align: top;
	}
	.labelCell, .shortLabelCell {
		padding: 2px 3px 2px 5px;
	}
	
	.dataCell {
		text-align: left;
		padding: 1px 2px 0px 3px;
		font-weight: normal;
	}
	.validCell {
		text-align: left;
		padding: 4px 2px 0px 3px;
	}
/*
	-------------------------------------------------------
	CONTACT FORM
	-------------------------------------------------------
*/
	#ContactForm fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}
	
	#ContactForm legend {
		margin: 0;
		padding: 0;
	}
	
	#ContactForm label,
	#ContactForm input,
	#ContactForm textarea,
	#ContactForm select,
	#ContactForm div,
	#ContactForm span {
		font-family: Arial, Tahoma, Verdana, Times New Roman;
		font-size: 11px;
		color: #666666;
	}
	
	#ContactForm div {
		clear: both;
		margin: 4px 0;
		/* border-top: 1px solid #efefef; */
	}
	#ContactForm label {
		display: block;
		width: 90px;
		float: left;
		margin-right: 15px;
	}
	#ContactForm input,
	#ContactForm textarea,
	#ContactForm select {
		width: 200px;
		margin: 0;
		padding : 1px;
		border: solid 1px #C7C6C7;
	}
	#ContactForm select {
		width: 204px;
	}
	#ContactForm .checkBoxList input {
		width: 18px;
		border: none;
		float: left;
		margin: 0;
		padding: 0;
	}
	#ContactForm .checkBoxList label {
		margin-left: 6px;
		padding-top: 1px;
	}
	#ContactForm .submitButton {
		margin: 12px 0 0 0;
		padding: 0;
		width: 140px;
		height: 22px;
	}
/*
	-------------------------------------------------------
	Font Control
	-------------------------------------------------------
*/
	#FontControlHolder {
		margin-top: 12px;
	}
	#FontControlHolder ul li {
		text-align: center;
		margin: 0 4px;
		list-style-type: none;
		display: inline;
	}
	#FontControlHolder ul li a {
		background-color: #ffffff;
		border: 1px solid #cccccc;
		padding: 2px 5px;
	}
	#FontControlHolder ul li a:link,
	#FontControlHolder ul li a:visited,
	#FontControlHolder ul li a:hover {
		color: #666666;
		text-decoration: none;
	}
	#FontControlHolder ul li a:hover {
		color: #666666;
		background-color: #ececec;
	}
	
/*
	-------------------------------------------------------
	HELPERS
	-------------------------------------------------------
*/
	.tight {
		margin: 0;
		padding: 0;
	}
	.tightTop {
		margin-top: 0;
		padding-top: 0;
	}
	.tightRight {
		padding-right: 0;
		margin-right: 0;
	}
	.tightBottom {
		padding-bottom: 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 */
	}
