/**********************************************
*  ThoughtLab Web Site Styles
*
*  Copyright 2008
***********************************************/
body
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 100%;
	line-height: 1.2em;
	font-weight: normal;
	text-decoration: none;
	color: #525546;
	background-color: #848879;
}

h1
{
	margin: 6px 0px 2px 0px;
	padding: 0px;
	font: bold 1.0em "Trebuchet MS" , Arial, Sans-Serif;
	text-decoration: none;
	color: #72674b;
}

h2
{
	margin: 0px;
	padding: 12px 0px 0px 3px;
	font: bold 1.1em "Trebuchet MS" , Arial, Sans-Serif;
	color: #4d6d3d;
	letter-spacing: .01em;
	text-decoration: none;
}

/*
h3 
{  
    white-space:nowrap;
	float:left;
	width:223px;
	margin:0px;
	padding:12px 0px 2px;
	background:url(../../images/left-box-seporator.gif) no-repeat 0px 100%;
	text-align:center;
	font:bold 1em "Trebuchet MS", Arial, Sans-Serif;
	color:#858585;
	letter-spacing: 0em;
}
*/

h4
{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font: normal .9em "Trebuchet MS" , Arial, Sans-Serif;
	color: #000;
	letter-spacing: .01em;
}

a:link
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #000;
}
a:visited
{
	color: #000;
}
a:hover
{
	text-decoration: none;
}

p
{
	font-size: .8em;
}
p a:link
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #000;
}
p a:visited
{
	color: #000;
}

p.ulListTitle
{
	text-transform: uppercase;
	font-weight: bold;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

ul li
{
	list-style: disc;
}

a img
{
	border: none;
}




/********************
**   Main Layout   **
********************/
#Container
{
	width: 100%;
	min-width: 1168px;
	margin: 0px auto;
	margin-left: -55px;
	padding: 0px;
}

.body-bg
{
	/* 	margin: 0px; 	padding: 0px; */
	width: 100%;
	float: left; /* This is the "paper" effect background */
	background: #828779 url(../../images/bkgnd_body.jpg) repeat-y 50% 0px;
}

.top-bg
{
	/* 	width:100%; 	float:left; 	margin: 0px; 	padding: 0px; */ /* This is the top electric and header link bar */
	background: url(../../images/bkgnd_header.jpg) no-repeat 50% 0px;
}

.bottom-bg
{
	/* 	width:100%; 	float:left; 	margin: 0px; 	padding: 0px; */ /* This is the top electric and header link bar */
	background: url(../../images/bkgnd_footer.jpg) no-repeat 50% 0px;
	background-position: bottom;
}

.main
{
	/* 	position:relative; 	padding: 0px; 	height:1063px; 	z-index:10; */
	margin: 0px auto;
	width: 1013px;
	min-height: 1000px;
}









/********************
**   Left Column   **
********************/
.left-column
{
	position: relative;
	float: left;
	width: 237px;
	display: inline;
	margin: 65px 0px 0px -78px; /* background:url(../../images/left-column-bg.jpg) repeat-y; */
}

.LeftNavArea
{
	/*border: 1px solid yellow;*/ /*background:url(../../images/left-nav-bg.gif) repeat-y; */
	float: left;
	width: 236px;
}

.LeftNavFooter
{
	height: 469px;
	margin: 351px 0px 0px 0px;
	background: url(../../Images/left-nav-foot2.jpg) no-repeat -1px 100%;
	float: left;
	width: 237px; /*border: 1px solid yellow;*/
}

.nav-bg
{
	background: url(../../images/left-nav-bg.jpg) repeat-y;
	float: left;
	width: 237px;
}

.nav-no-bg
{
	/*background:url(../../images/left-nav-bg.jpg) repeat-y;*/
	float: left;
	width: 237px;
	margin-right: 1px;
}

UL.left-nav
{
	position: relative;
	margin: 0px 0px -270px;
	padding: 160px 0px 0px 83px;
	background: url(../../Images/left-nav-head.jpg) no-repeat 0px 0px;
	float: left;
	width: 154px;
}
UL.left-nav li
{
	width: 150px;
	float: left;
	list-style: none;
	padding: 10px 0px 3px;
	font: .65em "Trebuchet MS" , sans-serif;
	font-weight: 700;
	line-height: 1.3em;
	background: url(../../Images/left-nav-seporator.gif) no-repeat 4px 100%;
}
UL.left-nav li a
{
	float: left;
	width: 119px;
	padding: 0px 0px 0px 10px;
	background: url(../../Images/a-arrow.gif) no-repeat 2px 3px;
	text-decoration: none;
	color: #2e67b2;
}

UL.left-nav li a:hover, UL.left-nav li a.active
{
	background: url(../../Images/a-down-arrow.gif) no-repeat 0px 4px;
	font-weight: 700;
}

UL.left-nav ul
{
	float: left;
	width: 154px;
	background: url(../../Images/left-nav-seporator.gif) no-repeat 4px 0px;
	padding: 5px 0px 0px;
	margin: 0px;
}
UL.left-nav LI.active
{
	background: none;
}
UL.left-nav LI.active li
{
	padding: 3px 0px 0px 10px;
	background: none;
}

UL.left-nav ul li
{
	font: 1em Arial, sans-serif;
	line-height: 1.3em;
}

UL.left-nav ul li a
{
	background: url(../../Images/a-short-line.gif) no-repeat 0px 6px;
	color: #636363;
}
UL.left-nav ul li a:hover
{
	background: url(../../Images/a-arrow-right.gif) no-repeat 0px 4px;
	color: #2e67b2;
}

UL.left-nav ul li a.selected
{
	background: url(../../Images/a-arrow-right.gif) no-repeat 0px 4px;
	color: #2e67b2;
}

.nav-foot
{
	height: 557px;
	background: url(../../images/left-nav-foot.jpg) no-repeat 0px 100%;
	float: left;
	width: 237px;
}





/********************
**  Right Column   **
********************/
.right-column
{
	/* 	position:relative; 	padding:0px 0px 30px 0px; 	display:inline; 	margin: 0px; */
	float: left;
	width: 760px;
	min-width: 760px;
}

.right-column div.masterErrorMessage
{
	color: #cc0000;
	font-weight: bold;
	font-size: 1em;
}








/********************
**     Header      **
********************/
.right-column DIV.PageHeader
{
	/*border: 1px solid Black;*/
	position: relative;
	min-height: 93px;
}


/** Pre Navigation **/
DIV.PreNavHeader
{
	/*border: 1px solid Blue;*/
	min-height: 60px;
}

DIV.PreNavHeader A.MSGoldCert
{
	position: relative;
	float: right;
	width: 88px;
	top: 13px;
}

DIV.PreNavHeader A.MSGoldCert IMG
{
	margin: 0px;
	border: none;
}

DIV.PreNavHeader SPAN.SloganImg
{
	display: block;
	width: 400px;
	height: 17px;
	position: relative;
	top: 45px;
	left: 130px;
	background: url(../../images/high-impact.gif) no-repeat;
}

DIV.PreNavHeader SPAN.SloganText
{
	display: none;
}

A.TLLogo
{
	position: absolute;
	height: 124px;
	width: 168px;
	background-image: url(../../images/ThoughtLab_Logo.png);
	left: -48px;
	top: 13px;
	z-index: 10;
}



/** Header Navigation  **/
UL.top-nav
{
	height: 27px;
	margin: 0px;
	padding: 5px 0px 0px 119px;
	float: left; /*border: 1px solid green;*/
}

UL.top-nav LI
{
	display: block;
	float: left;
	margin-right: 2px;
	width: auto;
	list-style: none;
	white-space: nowrap; /*border: 1px solid blue;*/
}

UL.top-nav LI A, UL.top-nav LI SPAN
{
	display: block;
}

UL.top-nav LI A, UL.top-nav LI A:visited
{
	cursor: pointer;
	color: #ccc;
	text-decoration: none;
	font-family: "Trebuchet MS" , Arial, Sans-Serif;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	letter-spacing: .0125em; /*border: 1px solid red;*/
}

UL.top-nav LI SPAN.LCorner
{
	padding-left: 3px;
}

UL.top-nav LI SPAN.RCorner
{
	padding-right: 3px;
}

UL.top-nav LI SPAN.Arrow
{
	/*border: 1px solid yellow;*/
	padding: 5px 15px;
}

UL.top-nav LI.active SPAN.LCorner, UL.top-nav LI A:hover SPAN.LCorner
{
	background: url(../../images/HdrNav_bkgnd_LCorner.gif) no-repeat bottom left;
}

UL.top-nav LI.active SPAN.RCorner, UL.top-nav LI A:hover SPAN.RCorner
{
	background: url(../../images/HdrNav_bkgnd_RCorner.gif) no-repeat bottom right;
}

UL.top-nav LI.active SPAN.Arrow, UL.top-nav LI A:hover SPAN.Arrow
{
	color: #FFFFFF;
	padding-bottom: 17px;
	background: url(../../images/HdrNav_bkgnd_Arrow.gif) no-repeat 50% 27px;
}







/********************
**     Footer      **
********************/
DIV.PageFooter
{
	/*border: 1px solid blue;*/
	padding-top: 18px;
	height: 94px;
	font: .6em Arial, sans-serif;
	color: #000000;
}

DIV.PageFooter SPAN.Copyright
{
	float: left;
	margin-left: 72px;
}

DIV.PageFooter UL
{
	display: inline;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 430px;
}

DIV.PageFooter UL LI
{
	float: right;
	margin: 0px 3px;
	list-style: none;
	color: #000000;
}
DIV.PageFooter UL LI A
{
	padding: 0px 3px;
}
DIV.PageFooter A
{
	color: #000;
}
DIV.PageFooter A:hover
{
	text-decoration: none;
}







/********************
**  Page Content   **
********************/
DIV.PageContent
{
	/*border: 1px solid yellow;*/
	margin-bottom: 30px;
	min-height: 760px;
}

DIV.PageBanner
{
	/*border: 1px solid yellow;*/
}

DIV.PageBanner IMG.TopPageBanner
{
	margin: 0px;
	padding: 0px;
}



DIV.MainSection
{
	/*border: 1px solid yellow;*/
	width: 705px;
	margin: 0px;
	padding: 30px 27px 0px 28px;
}


DIV.ContentArea
{
	/*border: 1px solid red;*/
	margin: 0px 0px 20px 0px;
}






/********************
**   Two Columns   **
********************/
/*-- 2 brown columns layout --*/
DIV.brownColumnsContainer
{
}

DIV.brownColumnLeft
{
	float: left;
	width: 341px;
	background: url(../../Images/Brown_Column_Left_bkgnd.gif) top left repeat-y; /*border: 1px solid blue;*/
}

DIV.brownColumnRight
{
	float: right;
	margin-left: 20px;
	width: 341px;
	background: url(../../Images/Brown_Column_Left_bkgnd.gif) top left repeat-y;
}

DIV.brownColumnsContainer div.brownColumnLeft div div
{
	margin: 0px;
	padding: 2px 10px 15px 14px;
}
DIV.brownColumnsContainer div.brownColumnRight div div
{
	margin: 0px;
	padding: 2px 10px 15px 14px;
}

DIV.brownColumnsContainer p
{
	margin: 0px 8px 0px 16px;
	padding: 0px;
}


DIV.brownColumnsContainer h1
{
	margin: 6px 0px 2px 0px;
	padding: 0px;
}
DIV.brownColumnsContainer h1:hover
{
	margin: 6px 0px 2px 0px;
	padding: 0px;
}

DIV.brownColumnsContainer h1 a:link
{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 100%;
	font: bold 1em "Trebuchet MS" , Arial, Sans-Serif;
	text-decoration: none;
	color: #72674b;
	background: url(../../Images/Arrow_Brown_Title.gif) 0px 6px no-repeat;
}

DIV.brownColumnsContainer h1 a:visited
{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 100%;
	text-decoration: none;
	color: #72674b;
	background: url(../../Images/Arrow_Brown_Title.gif) 0px 6px no-repeat;
}

DIV.brownColumnsContainer h1 a:hover
{
	color: #2e67b2;
	background: url(../../Images/Arrow_Blue_Title.gif) 0px 6px no-repeat;
}

/**************** H2 *****************/

DIV.brownColumnsContainer H2 
{
		font: bold 1.0em "Trebuchet MS" , Arial, Sans-Serif;
	margin: 6px 0px 2px 0px;
	padding: 0px 0px 0px 0px;

}
DIV.brownColumnsContainer H2 a
{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 100%;
	font: bold 1em "Trebuchet MS" , Arial, Sans-Serif;
	color: #72674b;
	background: url(../../Images/Arrow_Brown_Title.gif) 0px 6px no-repeat;
	text-decoration: none;

}

DIV.brownColumnsContainer H2 a:hover
{
	padding: 0px;
	background: url(../../Images/Arrow_Blue_Title.gif) 0px 6px no-repeat;
	color: #2e67b2;
	padding: 0px 0px 0px 15px;
}

/*DIV.brownColumnsContainer H2 a:link
{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 100%;
	font: bold 1em "Trebuchet MS" , Arial, Sans-Serif;
	color: #72674b;
	background: url(../../Images/Arrow_Brown_Title.gif) 0px 6px no-repeat;
}*/



/*DIV.brownColumnsContainer H2 a:hover
{
	color: #2e67b2;
	background: url(../../Images/Arrow_Blue_Title.gif) 0px 6px no-repeat;
}*/





/*-- 2 brown columns layout variation --*/
div.brownColumnsContainer2
{
}

div.brownColumnsContainer2 div.brownColumnLeft div.littleBrownBox
{
	margin: 0px;
	padding: 7px 10px 17px 8px;
}
div.brownColumnsContainer2 div.brownColumnRight div.littleBrownBox
{
	margin: 0px;
	padding: 7px 10px 17px 8px;
}

div.brownColumnsContainer2 div.littleBrownBox p
{
	margin: 4px 8px 5px 12px;
	padding: 0px;
}

div.brownColumnsContainer2 div.littleBrownBox img
{
	margin: 4px 8px 5px 12px;
	padding: 0px;
}

div.brownColumnsContainer2 div.littleBrownBox div.brownLarge
{
	height: auto;
	margin: 8px 0px 0px 10px;
	padding: 0px;
	text-transform: uppercase;
}

div.brownColumnsContainer2 div.littleBrownBox ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

div.brownColumnsContainer2 div.littleBrownBox ul li
{
	margin: 3px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	font-size: .75em;
	color: #28372d;
	text-transform: uppercase;
	list-style: none;
}

div.brownColumnsContainer2 div.littleBrownBox ul li ul
{
	margin: 0px 0px 10px 8px;
	padding: 0px;
}

div.brownColumnsContainer2 div.littleBrownBox ul li ul li
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	text-transform: none;
	list-style: none;
}







a.print
{
	position: relative;
	top: 25px;
	font: .65em Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	color: #333;
	float: left;
	margin: -7px 0px 0px 693px;
}
a.print:hover
{
	text-decoration: none;
}

/*-- container --*/
.container
{
	float: left;
	background: url(../../images/container-bg.jpg) repeat-y;
	width: 412px;
}
.container-head
{
	background: url(../../images/container-head.jpg) no-repeat;
	float: left;
	width: 412px;
}

.container-head h4
{
	padding: 24px 0px 0px 16px;
}

.container ul
{
	margin: 0px;
	padding: 8px 0px 10px 32px;
}
.container ul li
{
	padding: 0px 0px 0px 14px;
	background: url(../../images/list-boollet.gif) no-repeat 0px 6px;
	list-style: none;
	line-height: 18px;
}

.container ul li a
{
	font: .9em Arial ,sans-serif;
	text-decoration: none;
	color: #666766;
}
.container ul li a:hover
{
	text-decoration: underline;
}
.container span.foot
{
	float: left;
	width: 412px;
	background: url(../../images/container-foot.jpg) no-repeat;
	height: 16px;
	font-size: 0px;
	line-height: 0px;
}

.reqFieldMessage
{
	font-size: .8em;
}

/*-- misc. styles --*/
.littleBrownBox
{
	background: url(../../Images/Column_Cell_Line_WWD.gif) bottom left repeat-x;
}

.basic2ColumnFull
{
	float: left;
	margin: 0px;
	padding: 3px;
	width: 341px;
}

.errorMessage
{
	color: #CC0000;
	font-weight: bold;
	font-size: .9em;
	margin: 100px 100px 50px 100px;
}

.floatLeft
{
	float: left;
}

.grayBorder
{
	border: 1px solid #666;
}

.grayText
{
	color: #666;
}

.greenText
{
	color: #28372d;
}

.grayLarge
{
	font: bold .9em "Trebuchet MS" , Arial, Sans-Serif;
	text-decoration: none;
	color: #666;
}

.brownLarge
{
	font: bold 1.0em "Trebuchet MS" , Arial, Sans-Serif;
	text-decoration: none;
	color: #72674b;
}

.brownCaps
{
	font-family: "Trebuchet MS" , Arial, Sans-Serif;
	text-decoration: none;
	color: #72674b;
	text-transform: uppercase;
}
.blackCaps
{
	font-family: "Trebuchet MS" , Arial, Sans-Serif;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
}
.blueCaps
{
	font-weight: bold;
	letter-spacing: .3;
	font-family: "Trebuchet MS" , Arial, Sans-Serif;
	text-decoration: none;
	color: #2e67b2;
	text-transform: uppercase;
}

.noBackgroundImg
{
	background: none;
}


/*-- contact-us form --*/
.ContactUsForm
{
	width: 200px;
	padding: 0px;
	margin: 0px 0px 0px 25px;
}

.ContactUsForm table td
{
	margin: 0px;
	padding: 2px;
}

.ContactUsForm table td.allRequired
{
	font-size: .80em;
	text-align: right;
	padding: 0px 5px 0px 0px;
}

.ContactUsForm table td label
{
	font-size: .80em;
	font-weight: normal;
	margin: 0px 0px 1px 0px;
	font-family: "Trebuchet MS" , Arial, Sans-Serif;
}

.ContactUsForm table td input
{
	margin: 0px 0px 5px 0px;
	padding: 2px;
	width: 205px;
	font-size: .8em;
	font-family: "Trebuchet MS" , Arial, Sans-Serif;
	background-color: #fff;
	border: 1px solid #ccc;
}
.ContactUsForm table td textarea.inputComments
{
	width: 410px;
	height: 130px;
	font-size: .8em;
	font-family: "Trebuchet MS" , Arial, Sans-Serif;
	background-color: #fff;
	border: 1px solid #ccc;
}
.ContactUsForm table td .btnSubmit
{
	margin: 0px;
	padding: 0px;
}

/*** Div Popup Styles ******/
div.divPopup
{
	position: absolute;
	top: 200px;
	left: 200px;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 500px;
	border: 1px solid #000;
	display: none;
	z-index: 100;
}

div.popupBackground
{
	position: absolute;
	top: 0;
	left: 0;
	width: 102%;
	height: 110%;
	background-color: #333;
	filter: alpha(opacity=75);
	opacity: .75;
	display: none;
	z-index: 90;
}

div.divPopup a:link
{
	font-size: .75em;
	color: #333;
}
div.divPopup a:visited
{
	font-size: .75em;
	color: #333;
}
div.divPopup a:hover
{
	color: #2e67b2;
}

div.divPopup div.divPopupTaskbar
{
	margin: 0px;
	padding: 2px 0px 0px 0px;
	height: 26px;
	text-align: right;
	background: #808677 url(../../Images/taskbar_bg_light_green.gif) top left repeat-x;
	border-bottom: 1px solid #000;
}

div.divPopup div.divPopupTaskbar a
{
	margin: 0px;
	padding: 0px;
	font-size: .8em;
}

div.divPopup div.divPopupTaskbar span.divPopupTitle
{
	float: left;
	font-size: .8em;
	margin: 2px 0px 2px 10px;
}

div.divPopup a.btnClosePopup img
{
	margin: 3px 8px 0px 0px;
	padding: 0px;
}

div.divPopup div.divPopupContent
{
	width: 100%;
	height: 400px;
	margin: 0px;
	padding: 0px;
	background: #fff url(../../Images/popup_div_bg_light_green.gif) bottom left repeat-x;
}

div.divPopup div.divPopupContent div.contentLeft
{
	float: left;
	width: 26%;
	margin: 15px 0px 15px 18px;
}

div.divPopup div.divPopupContent div.contentRight
{
	margin: 0px 10px 15px 29%;
	padding: 0px;
	width: 68%;
}

div.divPopup div.divPopupContent iframe
{
	margin: 10px;
	padding: 0px;
	width: 99%;
	height: 350px;
	border: 1px solid #ccc;
}

/*** iFrame Page Content Styles ******/
.iFrameContent
{
	margin: 0px;
	padding: 5px;
	background-color: #fff;
}

.iFrameContent div.iFrameContentContainer
{
	width: 375px;
	margin: 5px 0px 10px 0px;
	padding: 0px;
	background-image: none;
	background-color: Transparent;
}


/*** XML PageContent area styles *************************/
div.Content_TOP
{
	clear: both;
	width: 695px;
	margin: 0px 0px 30px 30px;
}

div.Content_PAGE
{
	clear: both;
	width: 695px;
	margin: 0px 0px 30px 30px;
}

div.Content_LEFT
{
	background: url(../../images/left-box-bg.gif) repeat-y 100% 0px;
	display: inline;
	float: left;
	width: 223px;
	margin: 0px 0px 0px 51px;
}

div.Content_RIGHT
{
	float: left;
	width: 412px;
	padding: 0px 49px 0px 30px;
}

div.Content_BOTTOM
{
	clear: both;
	width: 695px;
	margin: 0px 0px 30px 30px;
}

body#PreviewContent
{
	margin: 10px;
	padding: 0px;
	background-color: #fff;
}

/*** Font sizes availible to TinyMCE *******************/
.fontSizeTiny
{
	font-size: .5em;
}

.fontSizeExtraSmall
{
	font-size: .6em;
}

.fontSizeSmall
{
	font-size: .7em;
}

.fontSizeMedium
{
	font-size: .8em;
}

.fontSizeLarge
{
	font-size: .9em;
}

.fontSizeExtraLarge
{
	font-size: 1em;
}

.fontSizeLargest
{
	font-size: 1.1em;
}




.clearBoth
{
	clear: both;
	width: 100%;
}



.clearAfter:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearAfter
{
	height: 1%;
}
/* End hide from IE-mac */