/*
Design and Development by Newclear Designs | Nigel M. Duckworth 
for Per4mance Training LLC
01.01.2005 
*/

/* html defaults */
html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	background-color: #CADDEA;
	padding: 0px; 
	margin: 0px;
	text-align: center;
}
/* Left col subnav - used div for future-proof as could well be login fields grouped with subnav */
#divSubnav ul, ol, li { margin: 0px; padding: 0px; list-style: none; background: transparent; border: none; }
#divSubnav ul ul { padding-left: 10px; }
#divSubnav li a { margin: 0px; padding: 0px; text-decoration: none; background: transparent; }
#divSubnav li a:hover { margin: 0px; padding: 0px; text-decoration: none; background: #DEFFDE; }
table { width: 70%; border-collapse: collapse; margin-left: 150px; }
table.login { border-collapse: collapse; margin-left: 0px; border: 0px; }
table.login td { border:0px; }
img { border: none; padding: 0px; margin: 0px; }
td, input, textarea, li	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
}
table { border: 1px dotted #CCCCCC; border-collapse: collapse;  }
caption { margin: 0; padding: 5px; margin-left: 145px; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: left; }
th { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: left; vertical-align: top; }
td { vertical-align: top; border: 1px dotted #CCCCCC; }
.tblHdr {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF9900;
	text-transform: uppercase; 
}
.tblSubHdr {
	color: #000000;
	background-color: #EEEEEE;
}
table .action { font-weight: bold; color: #000; background: #EEE; }
table.tblplain td, table.tblplain { border: 0px; }
dl {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	border-top: 1px dotted #CCCCCC;
}
dt {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-transform: uppercase;
}
dd { margin: 0px; padding: 0px; }
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	padding-top: 50px;
	padding-bottom: 55px;
}

/* positioned elements */
#divContainer			{ 
	width: 770px; 
	height: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 0px; 
}
#divL							{
	width: 27px;
	height: 940px;
	float: left;
	padding: 0px;
	text-align: left;
	background-image: url(../webgfx/bg_l.jpg);
	background-repeat: repeat-y;
}
#divR									{
	width: 43px;
	height: 940px;
	float: left;
	padding: 0px;
	text-align: left;
	background-image: url(../webgfx/bg_r.jpg);
	background-repeat: repeat-y;
}
#divMainContent				{ width: 700px; height: 940px; float: left; padding: 0px; text-align: left; background-color: #FFFFFF; }						

/* NEW TEST PAGE STYLES */

#divBnr								{ width: 700px; float: left; padding: 0px; text-align: left; background: #FFFFFF url(../webgfx/nav/bg_barblue.gif) repeat-x left top; }


/* Top Nav Container */
/* OLD STYLES */
/* ul#nav 							{ width: auto; height: 18px; margin: 0px; padding: 0px; float: right; list-style: none; background-color: #274A60; } */
/* #nav li							{ display: inline; height: 18px; margin: 0px; padding: 0px; background-color: #274A60; } */
/*
#divNavSpacerLeft			{ width: 0px; height: 18px; float: right; padding: 0px }

#divNavBtnHome, #divNavBtnMethodology, #divNavBtnCoaching, 
#divNavBtnLab, #divNavBtnEvents, #divNavBtnNews, #divNavBtnCompany { width: 72px; height: 18px; float: right; padding: 0px; }

#divNavSpacerRight		{ width: 0px; height: 18px; float: right; padding: 0px }
*/

/* BEGIN NEW PAGE STYLES */
#nav 						{ display: block; width: auto; height: 18px; margin: 0px; padding: 0px; float: right; list-style: none; background-color: #2A4D62; }
/* #nav li					{ width: auto; height: 18px; padding-left: 8px; padding-right: 8px; background: #66CC33 url(assets/webgfx/nav/bg_nav.gif) left bottom repeat-x; border-right: 1px solid #57BC25; } */
#nav li					{ width: auto; height: 18px; display: inline; float: right; margin: 0px; padding: 0px; background: #66CC33 url(../webgfx/nav/bg_nav.gif) left bottom repeat-x; border-right: 1px solid #57BC25; } 
#nav a					{ display: block; color: #000000; font-size: 10px; text-decoration: none; text-transform: uppercase; padding: 3px; padding-left: 9px; padding-right: 9px; background: #66CC33 url(../webgfx/nav/bg_nav.gif) left bottom;}
#nav a:hover		{ display: block; color: #000000; text-transform: uppercase; padding: 3px; padding-left: 9px; padding-right: 9px; background: #66CC33 url(../webgfx/nav/bg_nav_over.gif) left bottom; }
#nav #divNavSpacerLeft { display: block; width: 18px; background: #2A4D62 url(../webgfx/nav/bg_nav_left.gif) right bottom no-repeat; }
#nav #divNavSpacerRight { display: block; width: 20px; background: #2A4D62 url(../webgfx/nav/bg_nav_right.gif) left bottom no-repeat; border: none; } 

/* END NEW PAGE STYLES */

#divHdrHome						{ width: 453px; height: 49px; position: relative; top: 0px; left: 100px; padding: 0px; }
#divHdr								{ width: 453px; height: 49px; position: relative; top: 0px; left: 100px; padding: 0px; }
#divMainCopy					{ width: 700px; height: 375px; position: relative; top: -10px; float: left; padding: 0px; text-align: left; }
#divMainCopyHome			{ width: 700px; height: 375px; position: relative; top: -50px; float: left; padding: 0px; text-align: left; }
#divPageEdge					{ width: 770px; float: left; padding: 0px; }

#divFooter		{ width: 770px; height: 56px; float: left; padding: 0px; margin: 0px; margin-bottom: -5px; clear: both; }
#divFooterLeft { width: 343px; height: 56px; float: left; padding: 0px; margin: 0px; }
#divFooterRight { width: 427px; height: 56px; float: left; padding: 0px; margin: 0px; }

.clearBoth				{ clear: both; }

#divMainCopy p, h1, h2, h3, ul, ol { 
	padding-left: 150px; 
	padding-right: 50px; 
	padding-top: 0px; 
	padding-bottom: 0px;
	}
/* Remove padding on any of the above element that are in a table */ 
#divMainCopy table p, table h1, table h2, table h3, table h4, table ul, table ol {
	padding: 0;
	}
#divMainCopyHome p, h1, h2, h3, h4, ul, ol { 
	padding-left: 150px; 
	padding-right: 50px; 
	padding-top: 0px; 
	padding-bottom: 0px;
	}
	
/* use for global secondary nav, i.e. home, login, site map... 	
#divGlobalSec		{ position: absolute; width: 300px; height: 20px; top: -23px; left: 450px; padding: 0px; color: #009900; }
.subnav 	{ font-family: verdana, helvetica, arial, sans-serif; font-size: 10px; color: #009900; text-transform: uppercase; }
.subnav a:link	{ font-size: 10px; color: #009900; text-decoration: underline; text-transform: uppercase; }
.subnav a:visited	{ font-size: 10px; color: #009900; text-decoration: underline; text-transform: uppercase; }
.subnav a:active	{ font-size: 10px; color: #009900; text-decoration: underline; text-transform: uppercase; }
.subnav a:hover	{ font-size: 10px; color: #009900; text-decoration: none; text-transform: uppercase; }
*/

#divLogin		{
	position: absolute;
	width: 140px;
	height: 100px;
	top: 75px;
	left: 0px;
	padding: 10px;
	color: #009900;
	background-image: url(../webgfx/bg_subnav.gif);  
	background-repeat: no-repeat; 
}

#divSubnav		{
	position: absolute;
	width: 120px;
	height: 300px;
	top: 50px;
	left: 0px;
	padding: 10px;
	color: #999999;
	/* border: 1px solid red; */
	background-image: url(../webgfx/bg_subnav.gif);
	background-repeat: no-repeat;
}
.subnav { font-family: verdana, helvetica, arial, sans-serif; font-size: 10px; color: #999999; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.subnav a:link	{ font-size: 10px; color: #009900; font-weight: normal; text-decoration: underline; text-transform: uppercase; }
.subnav a:visited	{ font-size: 10px; color: #009900; font-weight: normal; text-decoration: underline; text-transform: uppercase; }
.subnav a:active	{ font-size: 10px; color: #009900; font-weight: normal; text-decoration: underline; text-transform: uppercase; }
.subnav a:hover	{ font-size: 10px; color: #009900; font-weight: normal; text-decoration: none; text-transform: uppercase; }

h1			{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #274A60;
}

h2			{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #009900;
	text-transform: uppercase;
}
h2.home { margin: 0; padding: 0; margin-left: 144px; margin-top: 2em; }
h2#personalcoaching { margin-left: 144px; text-indent: -5000px; height: 27px; background: url(../webgfx/hdr/hdr-ir_personalcoaching.gif) no-repeat; }
h2#per4mancecenter { margin-left: 144px; text-indent: -5000px; height: 27px; background: url(../webgfx/hdr/hdr-ir_per4mancecenter.gif) no-repeat; }
h2#assessments { margin-left: 144px; text-indent: -5000px; height: 27px; background: url(../webgfx/hdr/hdr-ir_assessments.gif) no-repeat; }
h3			{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 0px;
}
h3 span			{
	font-size: 10px;
	color: #999999;
}
h4			{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 0px;
}

/* news space on home page */
.news { padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; background-color: #EEEEEE; }


/* Bullet Lists in Main Content */

ol, ul		{
	margin-left: 150px; 
	padding-left: 50px; 
	padding-right: 50px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	border-left: solid 5px #274A60; 
	background-color: #DEECDE; 
	}
li					{ 
	font-size: 11px;
	color: #000066;
	padding-top: 5px; 
	padding-bottom: 5px; 
	}
.bulletHighlight	{ font-size: 14px; color: #009900; font-weight: bold; }
ol.plain		{
	margin-left: 150px; 
	padding-left: 50px; 
	padding-right: 50px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	border: none;
	background-color: transparent;
	}
ul.plain		{
	margin-left: 150px; 
	padding-left: 50px; 
	padding-right: 50px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	border: none;
	background-color: transparent;
	}
ol.decimal li { list-style-type: decimal; }
.newsletters li {
	font-size: 12px; 
	}
.newsletters li a {
	font-size: 16px; font-weight: bold; color: #000066; text-decoration: underline; 
	}
.newsletters li a:hover {
	font-size: 16px; font-weight: bold; color: #009900; text-decoration: none; 
	}

.c2a				{ font-weight: bold; }

/* iframe for legal text */
#iframelegaltext	{ 
	width: 450px; 
	height: 400px; 
	margin-left: 150px; 
	padding: 5px; 
	border: solid 5px #CCCCCC; 
	text-align: left;
	}
.footer			{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
}

/* links */
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	text-decoration: underline;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	text-decoration: none;
}

/* Gallery */
.gallery 			{ margin-top: 10px; margin-left: 20px; margin-bottom: 50px; }
.gallery img	{ margin: 0px; }
.gallery p 		{ margin-left: -130px; }


/* DEVELOPMENT TOOLS & DIAGNOTSTICS */
.validation { color: #CCCCCC; }
.validation a  { color: #CCCCCC; }

/* DEBUGGER 
div {border: solid 1px #FF0000; } 
*/