/*-------------------------
Author: Andrew Sherman
Company: Visual Blaze 
Client: Alliance Consulting
(c) 2009, All Rights Reserved.
descr: coreStyle sheet
-------------------------*/

/*------------------------------------------
TOC
=includes
=core objects
	=html
	=body
	=header
		=banner image
		=globalNav
	=content
	=footer
	=metafooter
=col1
=primNav
=sidebar
=certForm
	=contactForm
	=feedback msg
=newsletter form [footer]
=content styles
	=h1 headers
	=h2 headers
	=col1 styles
	=techDoc page
		=techDocs table
			=file icons
		=techDocs signup form
		=registered user form
=global/general styles
	=hPN [honeypot]
	=imgs
	=botImgs [group of three bottom imgs]
-------------------------------------------*/

/*=includes*/
@import url(reset.css);
@import url(typography.css);


/*----------
Core Objects
----------*/

/*-----
=html
------*/

/*-----
=body
------*/

body {
	font-family: arial;
	font-size: 12px;
	/*req. for auto marg center technique*/
	text-align: center;
	/*req. for centering..*/
	min-width: 960px;
	background: url(../images/bodyBgTile.png) repeat;
}

/*-----
=header
-----*/

div#header {
	position: absolute;
	width: 100%;
	height: 177px;
	top: 0;
	left: 0;/*fixes position issue in ie*/
	background: url(../images/headerBgTile.png) repeat-x top left;
	}
	div#header div#headerContent {
		position: relative;
		width: 960px;
		height: 177px;
		margin: 0 auto;
		background: url(../images/headerContentBg.png) no-repeat top left;
}


/*-----
=logo
-----*/

div#header div#headerContent p#logo a {
	position: absolute;
	display: block;
	z-index: 3;
	width: 212px;
	height: 159px;
	top: 0;
	left: 0;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat top left;
}

/*-----------
=banner Image
------------*/

div#header div#headerContent img {
	position: absolute;
	top: 0;
	right: 0;
}

/*-------
=globalNav 
-------*/

div#header div#headerContent ul {
	position: absolute;
	width: 830px;
	height: 159px;
	top: 0;
	right: 0;
	list-style: none;
	background: url(../images/globalNavBg.png) no-repeat top left;
	}
	div#header div#headerContent ul li {
		display: inline;
		margin: 5px 0px 0px 0px;
		padding: 0px 5px 0px 5px;

		color: #013D66;
		font-weight: bold;
		float: left;
		background: url(../images/globalNavDivide.png) no-repeat center left;
	}
	div#header div#headerContent ul li.first {
		margin-left: 160px;
		background: none;
		}
		div#header div#headerContent ul li a {
			/*color: #013D66;*/
			/*color: #E5E3E1;*/
			color: #000;
			font-weight: bold;
			text-decoration: none;
		}
		div#header div#headerContent ul li a:hover {
			text-decoration: underline;
		}
		div#header div#headerContent ul li a.active {
			color: #fff;
		}

/*---------------------------------------------------
=content [content container-> holds content objects]
----------------------------------------------------*/
div#content {
	/*position: relative;*/
	width: 960px;
	/*min-height: 300px;*/
	margin: 0 auto;
	margin-top: 177px;
	text-align:left;
	overflow: auto;/*used to clear child floats -> avoid extranous ele*/
	background: url(../images/contentBgTile.png) repeat-y;
}

/*-----
=footer
-------*/

div#footer {
	width: 960px;
	/*height: 96px;*/
	height: 119px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/footerBg2.png) no-repeat top left;
}


/*---------
=metafooter
-----------*/

div#metafooter {
	width: 940px;
	margin: 0 auto;
	margin-top: 25px;
	font-size: 0.8em;
	color: #fff;
	}
	div#metafooter p#metaText {
		margin-top: 10px;
	}
	div#metafooter p#vbTag {
		margin-top: 10px;
	}
	div#metafooter p#vbTag,div#metafooter p#vbTag a {
		color: #1B3F1D;
}


/*--------------------------------
col1 [container for main content]
--------------------------------*/

div#col1 {
	display: inline;
	width: 447px;
	min-height: 400px;
	margin-left: 191px;/*176[width] + 15[margin between objects]*/
	/*background: #666;*/
	float: left;
}


/*------
=primNav
-------*/
div#content ul {
	display: inline;
	width: 176px;
	margin-left: -638px;/*447+191*/
	list-style:none;
	font-weight: bold;
	/*background: #999;*/
	float: left;
	}
	div#content ul li {
		min-height: 24px;/*33-9*/
		padding-right: 15px;
		padding-top: 9px;
		text-align: right;
	}
	div#content ul li.active {
		background: url(../images/primNavActiveBg.png) no-repeat top right;
		}
		div#content ul li a {
			color: #000;
			text-decoration: none;
		}
		div#content ul li a:hover {
			text-decoration: underline;
		}
		div#content ul li.active a {
			color: #005CA5;
}
		

/*------
=sidebar
-------*/

div#sidebar {
	display: inline;
	width: 206px;/*221-15*/
	min-height: 50px;
	margin-top: 191px;/*gives clearance for certificate*/
	padding-right: 15px;
	float: right;
	}
	div#sidebar h3 {
		margin-bottom: 10px;
		font-size: 1.3em;
		color: #005CA5;
		border-bottom: solid #D1981D 1px;
		background: url(../images/rssIcon.png) no-repeat  right 4px;
		}
		div#sidebar h3 span {
			color: #6EBE52;
	}
	div#sidebar p {
		margin-bottom: 10px;
		padding-right: 8px;
		font-weight: bold;
		font-size: 0.9em;
		color: #6EBE52;
	}
	div#sidebar p.date {
		margin-bottom: 0px;
		color: #005CA5;
	}
	div#sidebar p a {
		display: block;
		color: #6EBE52;
		text-decoration: none;
	}
	div#sidebar p a:hover {
		text-decoration: underline;
	}
	div#sidebar p span a {/*readmore link*/
		text-decoration: underline;
	}
	div#sidebar p span a:hover {
		text-decoration: none;
	}

/*------------------------------
=certForm [form on certificate]
------------------------------*/
div#certForm {
	position: absolute;
	z-index: 12;
	margin-top: 90px;
	right: 5px;
	text-align: left;
	}
	div#certForm h2 {
		width: 313px;
		height: 106px;
		font-family: courier, arial;
		font-weight: bold;
		font-size: 1.2em;
		text-transform: uppercase;
		background: url(../images/certificateHeadBg2.png) no-repeat top left;
		}
		div#certForm h2 span {
			display: inline;
			margin-top: 25px;
			margin-left: 25px;
			width: 210px;
			float: left;
	}
	div#certForm div {
		/*position: relative;*/
		width: 288px;/*313-25*/
		min-height: 130px;
		padding-left: 25px;
		padding-bottom: 30px;
		background: url(../images/certificateFooterBg.png) no-repeat bottom left;
	}
	div#certForm div p#address {
		position: relative;/*ie6 fix for disappearing onLayout content*/
		display: inline;
		width: 210px;
		/*margin-top: -25px;/*pushes text up onto h3*/
		margin-top: -33px;/*pushes text up onto h3*/
		margin-bottom: 5px;
		font-weight: normal;
		font-style: italic;
		float: left;
		}
		div#certForm div p#address strong {/*phone number specific*/
			font-size: 1.3em;
	}
	div#certForm div p#contactLink {
		width: 108px;
		height: 37px;
		background: url(../images/certContactLink.png) no-repeat top left;
		clear: left;
		}
		div#certForm div p#contactLink a {
			display: inline;
			margin: 5px 0px 0px 18px;
			font-weight: bold;
			color: #545454;
			text-decoration: none;
			float: left;
		}
		div#certForm div p#contactLink a:hover {
			text-decoration: underline;
	}
	/*=contact form*/
	div#certForm div form {
		display: none;
		/*min-height: 130px;*/
		margin-top: 5px;
		
		}
		div#certForm div form p {
			margin-bottom: 5px;
		}
		div#certForm div form label {
			display: block;
			width: 60px;
			font-size: 0.9em;
			font-weight: bold;
			color: #777776;
			float: left;
		}
		div#certForm div form input,div#certForm div form textarea {
			width: 173px;
			border: 1px solid #8E8E8B;
			color: #777;
		}
		div#certForm div form input.error {/*style for error input*/
			border: 1px solid #9E0202;
			background: #F4CECE url(../images/exclaimSm.png) no-repeat top right;
			color: #ff0000;
		}
		div#certForm div form textarea {/*FF reset because doesn't pick up default style*/
			font-family: arial;
			font-size: 0.9em;
		}
		div#certForm input#certSubmit {
			width: 98px;
			height: 22px;
			margin-left: 137px;
			border: none;
			color: #fff;
			background: url(../images/certSubmitBtn.png) no-repeat top left; 
		}
		div#certForm input:hover#certSubmit {
			color: #333;
}
/*---------------
=feedback msg
----------------*/

form .formFeedback {
	position: absolute;
	width: 247px !important;/*set to width of form area to cover*/
	height: 238px !important;/*set to height of form area to cover*/
	top: 230px;/*set to position over form*/
	left: 20px;/*set to position over form*/
	padding: 0 !important;
	background: #EDEDED url(../images/ajaxSendingMsg.png) no-repeat center center !important;/*set color to color of formBg*/
	clear: both;/*ie6 pos:ab fix*/
}

form .formFeedback.sent {
	background: #EDEDED url(../images/ajaxSentMsg.png) no-repeat center center !important;
	}
	form .formFeedback span {
		display: block;
		width: inherit !important;
		text-align: center;
		margin-top: 165px;/*set to clear span from image above*/
		font-weight: bold;
		color: #7B7C7C;
}

/*------------------------
=newsletter form [footer]
-------------------------*/
div#footer form {
	display: inline;
	/*width: 666px;*/
	width: 680px;
	margin-left: 250px;
	margin-top: 35px;
	float: left;
	}
	div#footer form p#mailType {/*specific for mailType radio group*/
		}
		div#footer form p#mailType input {
			width: auto;
			margin-right: 2px;
			border: none;
		}
		div#footer form p#mailType span {
			display: inline;
			padding-top: 3px;
			font-size: 0.9em;
			font-weight: bold;
			color: #777776;
			float: left;
		}
		div#footer form p#subType {/*specific for mailType radio group*/
		}
		div#footer form p#subType input {
			width: auto;
			margin-right: 2px;
			border: none;
		}
		div#footer form p#subType span {
			display: inline;
			padding-top: 3px;
			font-size: 0.9em;
			font-weight: bold;
			color: #777776;
			float: left;
		}
    
	div#footer form p#newsEmailP {/*specific for email input*/
		padding-top: 3px;
		clear: left;
		}
		div#footer form p#newsEmailP label {
			min-width: 35px;
		}
		div#footer form p#newsEmailP input {
			width: 448px;
	}
	div#footer form label {
		display: block;
		min-width: 35px;
		margin-right: 2px;
		padding-top: 2px;
		font-size: 0.9em;
		font-weight: bold;
		color: #777776;
		float: left;
	}
	div#footer form label#newsCompanyLabel {/*specific for company name label standardize size*/
		min-width: 88px;
	}
	div#footer form input {
		display: inline;
		width: 173px;
		height: 14px;
		margin-right: 10px;
		border: 1px solid #8E8E8B;
		color: #777;
		float: left;
	}
	div#footer form input[type="hidden"] {
		display: none;
	}
	div#footer form input#newsSubmit {
		width: 99px;
		height: 20px;
		margin-top: 5px;
		border: none;
		color: #fff;
		background: url(../images/newsSubmitBtn.png) no-repeat top left; 
	}
	div#footer input:hover#newsSubmit {
		color: #333;
}

/*--------------
=content styles
--------------*/

/*=h1 headers*/

h1 {
	min-height: 30px;
	/*padding-left: 38px;*/
	margin-top: 11px;
	margin-left: 10px;
	margin-bottom: 20px;
	font-size: 26px;
	color: #005CA5;
	/*background: url(../images/h1Bg.png) no-repeat top left;*/
	}
	h1 span {
		color: #6EBE52;
}

/*=h2 headers*/
#col1 h2 {
	margin-left: 10px;
}


/*=col1 styles*/

#col1 p {
	margin-bottom: 10px;
}
#col1 p, #col1 ul {
	font-size: 1.1em;
}

#col1 p, #col1 ul {
	margin-left: 10px;
}

#col1 ul {/*reset*/
	width: auto !important;
	float: none !important;
}
#col1 ul, #col1 li {/*resets*/
	margin: 0px 0px 0px 10px !important;
	padding: 0 !important;
}
#col1 ul li {/*resets*/
	min-height: 0 !important;
	margin-bottom: 10px !important;
	padding-left: 15px !important;
	text-align: left !important;
	font-weight: normal;
	list-style-position: outside; 
	background: url(../images/ulBullet.png) no-repeat left 3px;
}

/*=techDoc page*/

/*=techDocs table*/
table#docTable {
	width: 420px;
	margin-bottom: 15px;
	border-collapse: collapse;
	}
	table#docTable th {
		height: 24px;
		padding-left: 5px;
		font-weight: normal;
		font-size: 1.1em;
		background: #035684;
		color: #fff;
	}
	table#docTable tr td {
		padding-left: 5px;
		color: #999;
	}
	/*=file icons*/
	table#docTable tr td.first {/*default Icon -> all get this one*/
		height: 20px;/*height interpretted as min-height on table cells?*/
		padding-left: 35px;
		background: url(../images/techDocIcons/default.png) no-repeat top left;
	}
	table#docTable tr.doc td.first {
		background: url(../images/techDocIcons/wordIcon.png) no-repeat top left;
	}
	table#docTable tr.pdf td.first {
		background: url(../images/techDocIcons/pdfIcon.png) no-repeat top left;
	}
	table#docTable tr.jpg td.first, table#docTable tr.gif td.first, table#docTable tr.png td.first {
		background: url(../images/techDocIcons/imgIcon.png) no-repeat top left;
	}
	table#docTable tr.zip td.first {
		background: url(../images/techDocIcons/zipIcon.png) no-repeat top left;
	}
	table#docTable tr.xls td.first, table#docTable tr.xlsx td.first {
		background: url(../images/techDocIcons/excelIcon.png) no-repeat top left;
	}
	
	
	

/*=techDocs signup form*/
form#docForm {
	width: 420px;
	padding-bottom: 30px;
	border-top: 1px solid #005DA6;
	background: #F9F9F9 url(../images/techDocFormBg.png) no-repeat 5px center;
	}
	form#docForm p {
		margin-left: 60px;
		margin-bottom: 3px !important; /*reset*/
	}
	form#docForm p.first {
		margin-top: 20px;
	}
	form#docForm p.radio {
		font-size: 0.9em;
		font-weight: bold;
	}
	form#docForm label {
		display: block;
		font-weight: bold;
		width: 120px;
		float: left;
	}
	form#docForm input {
		width: 215px;
		font-size: 0.8em;
		border: 1px solid #999;
	}
	form#docForm input[type="radio"] {
		border: none;
		width: auto;
	}
	form#docForm input#docFormSubmit {
		width: 99px;
		height: 20px;
		border: none;
		color: #fff;
		background: url(../images/docFormSubmitBtn.png) no-repeat top left;
		float: left;
	}
	form#docForm a {
		/*margin-right: 50px;*/
		font-size: 0.8em;
		/*color: #999;*/
		/*color: #005CA5;
		font-weight: bold;*/
		display: block;
		width: 138px;
		height: 16px;/*20-4*/
		padding-top: 4px;
		border: none;
		color: #fff;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		background: url(../images/docFormRegBtn.png) no-repeat top left;
		float: left;
	}

/*=registered user form*/
form#registeredUserForm {
	display: none;/*initialized as invisible, visbility controlled with js*/
	width: 420px;
	padding-bottom: 10px;
	background: #F9F9F9;
	}
	form#registeredUserForm p {
		margin-left: 60px;
		margin-bottom: 3px !important; /*reset*/
		}
		form#registeredUserForm label {
			display: block;
			font-weight: bold;
			font-size: 0.8em;
			color: #666;
			width: 120px;
			float: left;
		}
		form#registeredUserForm input {
			width: 215px;
			font-size: 0.8em;
			border: 1px solid #999;
		}
		form#registeredUserForm input[type="submit"] {
			width: 99px;
			height: 20px;
			border: none;
			color: #fff;
			background: url(../images/docFormSubmitBtn.png) no-repeat top left;
}



/*--------------------
global/general styles
-------------------*/

/*float Classes*/
.floatLeft {
	display: inline;
	float: left;
}
.floatRight {
	display: inline;
	float: right;
}

/*clear Classes*/
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}

/*visibility*/
.hidden {
	display: none;
}

#hPN, #hPN2 {
	display: none !important;
}

/*------
=imgs
-------*/

.imgRight {
	display: inline;
	float: right;
}
.imgLeft {
	display: inline;
	margin-right: 12px;
	float: left;
}

.imgLeft, .imgRight {
	position: relative;
	padding-bottom: 7px;
	padding-left: 15px;
	background: url(../images/imgBg.png) no-repeat bottom left;
	}
	.imgLeft span, .imgRight span {
		position: absolute;
		display: block;
		width: 47px;
		height: 11px;
		top: -5px;
		left: 0px;
		background: url(../images/imgTapeBg.png) no-repeat top center;
}

/*------
botImgs
--------*/

div#botImgs {
	padding-top: 15px;
	clear: both;
	}
	div#botImgs p {
		margin-left: -2px;
	}
	div#botImgs .imgLeft {/*different styling for bg from above*/
		background: url(../images/imgBgBot.png) no-repeat bottom left;
}