/*---------------------------------------------------------------------
Life Coach: Software Base Styles
Author: Mario S. Cisneros
Version 1: 26 February 2008
Email: mario@webnetts.com
----------------------------------------------------------------------*/
body
{margin: 0;
  padding: 0;
  text-align: center;
	font: 1em/1.5 verdana, arial, sans-serif;
  color: #000;
  background: #AAB4C6 url("/img/backgrounds/body.jpg") repeat-x top left;}

#container
{width: 800px;
  margin: 0 auto;
  padding: 4px 5px 5px 5px;
  border-right: 1px solid #142A53;
  border-left: 1px solid #142A53;
  border-bottom: 1px solid #142A53;
  background-color: #FFF;}


/*MASTHEAD
---------------------------------------------------------------------------------------------------------------------------*/
div #header
{position: relative;
	width: 800px;
	height: 100px;
  border-top: 2px solid #12405E; 
  border-bottom: 1px solid #666; /*#4470A6*/
  background: transparent url("/img/backgrounds/header.jpg") no-repeat;}

div p#logo
{position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  left: 5px;
  display: block;
  font: normal 2em georgia, trebuchet, arial, sans-serif;
  margin: 0;
  padding: 0;}

div p#logo img
{border: 0;}

div p#logo a
{color: #355884;
  text-decoration: none;}

div p#company
{position: absolute;
  width: 55%;
  top: 13%;
  left: 7%;
  display: block;
  font: normal 2em "copperplate gothic bo", "monotype corsiva", georgia, trebuchet, arial, sans-serif;
  color: #1E3D77;
  margin: 0;
  padding: 0;}

div p#company span
{color: #666;}

div p#tagline
{position: absolute;
  width: 200px;
  top: 56%;
  left: 36%;
  color: #A81118;
  letter-spacing: 1px;
	font: normal 0.8em trebuchet, arial, sans-serif;
  margin: 0;
  padding: 0;}


/*HEADINGS 
---------------------------------------------------------------------------------------------------------------------------*/
#rightcolumn h1
{font: normal 1.4em georgia, trebuchet, arial, sans-serif;
  color: #A81118;
	margin: 15px 0;
	padding: 0 0 4px 0;
  border-bottom: 1px solid #A81118;}

#rightcolumn h2
{font: bold 1.2em trebuchet, arial, sans-serif;
  color: #142A53;
	margin: 15px 0;
	padding: 0 0 2px 0;
  border-bottom: 1px solid #AAB4C6;}

#rightcolumn h2.noborder /* webcasts */
{border-bottom: none;}

#webcasts #rightcolumn h2
{margin-top: 20px;
  margin-bottom: 5px;}

#main h1
{font: normal 1.5em georgia, trebuchet, arial, sans-serif;
  color: #FFF;
	margin: 0;
	padding: 5px 0 6px 20px;}

#main #section1 h1
{border-top: 5px solid #8A3737;
  background: #A94343 url("/img/bullets/down-arrow.gif") no-repeat 3% 54%;}

#main #section2 h1
{border-top: 5px solid #142A53;
  background: #1E3D77 url("/img/bullets/down-arrow.gif") no-repeat 3% 54%;}

#main #section3 h1
{border-top: 5px solid #58761B;
  background: #7DA826 url("/img/bullets/down-arrow.gif") no-repeat 3% 54%;}/*#9A951F #B2B05B*/

#main h2
{font: normal 1.2em trebuchet, georgia, serif;
  text-align: left;
  margin: 0;
	padding: 15px 0 5px 5px;}

#main #section1 h2
{color: #8A3737;}

#main #section2 h2
{color: #0D2D42;}

#main #section3 h2
{color: #58761B;}

#leftcolumn h3
{font: normal 1em georgia, serif;
 text-align: left;
 margin: 15px 0 10px 0;
 padding: 0 0 0 8px;}
 
#rightcolumn h3
{font: bold 1.1em georgia, serif;
 text-align: left;
 margin-bottom: 5px;
 padding: 0;}


/*LEFT COLUMN STRUCTURE
---------------------------------------------------------------------------------------------------------------------------*/
#leftcolumn
{float: left;
 width: 180px;
 display: inline;
 font: normal 0.8em arial, verdana, sans-serif;
 text-align: left;
 color: #FFF;
 margin-top: 1px;
 padding-bottom: 5px;
 background-color: #1A3568;}

#leftcolumn div#sidebar
 {position: relative;
   top: 20px;
   left: 5px;
   float: left;
   line-height: 1.5;
   padding: 5px 10px;
   border: 1px solid #95B8D8;}

#leftcolumn dl
 {margin: 0;
   padding: 0;}

#leftcolumn dt
 {font-size: 1.2em;}

#leftcolumn dt, #leftcolumn dd
 {margin: 0;
   padding: 0;}


/*Login
---------------------------------------------------------------------------------------------------------------------------*/
#leftcolumn form
 {width: 180px; 
   margin: 0;
   padding: 0;}

#leftcolumn form p
 {clear: left;
   margin: 0;
   padding: 5px 5px 5px 0;}

#leftcolumn form p label
 {float: left;
   width: 40%;
   display: inline;
   text-align: right;
   font-weight: normal;
   font-size: 0.9em;
  /* color: #B3D8E8; #ABCBC0 */
   margin: 0;
   padding: 7px 0 0 0;}

#leftcolumn form p input
 {float: right;
   width: 85px;
   display: inline;
   margin: 0;
   padding: 0;}

#leftcolumn form p input.btn
 {color: #000; 
   width: 45px;
   padding: 2px 3px;
   background-color: #ABCBC0;}

p span.password
 {float: left;
   position: relative;
   text-align: left;
   font-size: 0.8em;
   margin: 0;
   padding: 13px 0 0 13px;}


/*MAIN COLUMN STRUCTURE
---------------------------------------------------------------------------------------------------------------------------*/
#main
{float: right;
 width: 620px;
 font: normal 0.7em/1.5 verdana, arial, sans-serif;
 text-align: left;
 display: inline;
 margin-right: 0;}

#main #feature
{float: left;
  position: relative;
  width: 620px;
  height: 210px;
  color: #333;
  font-size: 1.2em;
  margin-bottom: 5px;}

#main #feature #intro
{position: relative;
  float: left;
  width: 390px;
  padding-left: 15px;}

#main #feature #intro h1
{font-size: 1.4em;
  font-weight: normal;
  text-align: left;
	color: #A81118;
  margin: 5px 0;
  padding-left: 0;
	border-top: none;
  background: none;}

#main #feature #intro p
{margin: 0 0 7px 0;
  padding: 0;}

#main #feature #intro p#player
{padding-left: 10px;
  background: url("/img/bullets/arrow.gif") no-repeat 0% 50%;}

#main #feature #featurebox
{position: relative;
  float: right;
  width: 200px;
  height: 185px;
  margin-top: 10px;
  border-bottom: 4px solid #007ACE;
  background-color: #EEE;}

#main #feature #featurebox h1
{font-size: 1.2em;
  color: #FFF;
  height: 70px;
  margin: 0;
  padding: 0;
	border-top: none;
  background: url("/img/backgrounds/featurebox-heading.jpg") no-repeat;}

#main #feature #featurebox dl
{font-size: 0.9em;
  list-style: none;
  margin: 0;
  padding: 0 0 0 5px;}

#main #feature #featurebox dt
{font-weight: bold;
  padding: 0;}

#main #feature #featurebox dd
{padding-bottom: 15px;
  margin: 0;}


/*MAIN COTENT
---------------------------------------------------------------------------------------------------------------------------*/
#main #content
{position: relative;
  width: 620px;
  margin: 0 auto;}

#main #content ul
{list-style: square;
  margin: 5px 0 15px 24px;
  padding: 0;} 

#main #content li
{line-height: 1.5;}

#main #section1
{float: left;
 width: 200px;
 display: inline;
 margin-left: 5px; 
 margin-right: 3px;}

#main #section2
{float: left;
  width: 200px;
  padding: 0 4px;
  display: inline;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;}

#main #section3
{float: right; 
  width: 199px;
  display: inline;}

#main #content p.learn
{margin: 0;
  padding: 5px 0 8px 25px;
  border-top: 1px solid #ccc;}

#main #content p.orange
{background: url("/img/bullets/double-arrows/orange.gif") no-repeat 53% 54%;}

#main #content p.blue
{background: url("/img/bullets/double-arrows/blue.gif") no-repeat 53% 54%;}

#main #content p.green
{background: url("/img/bullets/double-arrows/green.gif") no-repeat 53% 54%;}


/*RIGHT COLUMN STRUCTURE
---------------------------------------------------------------------------------------------------------------------------*/
#rightcolumn
{float: right;
 width: 595px;
 font: normal 0.8em/1.5 verdana, arial, sans-serif;
 text-align: left;
 display: inline;
 margin: 0;
 padding: 0 10px 15px 15px;}

#rightcolumn ul
{list-style: square;}

#webcasts #rightcolumn ul
{margin: 0 0 0 15px;
  padding: 0 0 0 15px;}

#webcasts #rightcolumn ul li
{padding-top: 5px;}

#rightcolumn img.bio
{float: right;
  width: 115px;
  height: 150px;
  margin-left: 5px;
  padding: 2px;
  border: 1px solid #333;}


/*EXTRAS
---------------------------------------------------------------------------------------------------------------------------*/
div.clear
{clear: both;
 height: 1px; 
 overflow: hidden;}

.fineprint
{font-size: 0.9em;}

cite
{font-size: 0.9em;}

img.left
{float: left;
  margin-right: 15px;
  padding-bottom: 15px;}

img.right
{float: right;
	margin-left: 15px;
	padding: 2px;
	border: 1px solid #333;}


/*WHB
-------------------------------------------------------------------------------------------------------------------------- */
body#topics div#list-box
{position: relative;
  width: 595px;
  height: 170px; 
  line-height: 1.5;
  font-size: 0.8em;
  border: 1px solid #A81118;}

body#topics #left-list-box
{float: left;
	display: inline;
	text-align: left;}

body#topics #right-list-box
{float: left;
	display: inline;
	text-align: left;
  margin-left: 25px;}

body#topics #list-box ul
{margin: 5px 0 5px 10px;
  padding: 5px 0 5px 10px;}

body#topics p a.appointment
{color: #990000;
 padding: 0 5px 2px 5px;
 background-color: #ddd;}

body#webcasts p a.login
{color: #fff;
  text-decoration: none;
  padding: 5px 10px 10px 10px;
  background: #fff  url("/img/backgrounds/login.jpg") no-repeat center;}