/* 
    Document   : page-style
    Created on : Aug 7, 2012, 3:16:52 PM
    Author     : duncan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
      #pageContent
      {
	margin-top: 14px;
	margin-left: -16px;
	width: 640px;
	height: 356px;
	position:relative;
	z-index: 101;
      }
      #content {
	width: 680px;
	padding: 0 80px 0 80px;
	text-align:left;
	display: table;
	background: #FFF;
      }

      #content p, p{
	margin-bottom: 15pt;
	font-family: "Droid Serif" ,Calibri, "Times New Roman", serif;
	font-size: 12pt;
      }

      .blue {
	color: #3c6e90;
      }

      .grey {
	color: #7f7f7f;
      }

      object {
	margin-left: 20px;
      }


      .smaller{
	font-size: 9pt;
      }

      .comment_author{
	font-size: 16pt;
	line-height: 15pt;
	padding-right: 0.667em;
	font-weight: bold;
	color: #2361A1;
      }

      .comment_time {
	white-space: nowrap;
	color: #888;
	font-size: 11pt;
      }
      .comment {
	margin-bottom: 12pt;
	font-size: 13pt;
	color: #333;
      }

      input[type="text"],
      input[type="password"],
      input[type="email"],
      textarea,
      select {
        border: 1px solid #ccc;
        padding: 6px 4px;
        outline: none;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #777;
        margin: 0;
        width: 290px;
        max-width: 100%;
        display: block;
        margin-bottom: 20px;
        background: #fff; }
      select {
        padding: 0; }
      input[type="text"]:focus,
      input[type="password"]:focus,
      input[type="email"]:focus,
      textarea:focus {
        border: 1px solid #aaa;
        color: #444;
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
        box-shadow:  0 0 3px rgba(0,0,0,.2); }
      .button,
      button,
      input[type="submit"],
      input[type="reset"],
      input[type="button"] {
        background: #eee; /* Old browsers */
        background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
        background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
        background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
        background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
        background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
        background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 4px 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #444;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 8px 10px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

      .button:hover,
      button:hover,
      input[type="submit"]:hover,
      input[type="reset"]:hover,
      input[type="button"]:hover {
        color: #222;
        background: #ddd; /* Old browsers */
        background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
        background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
        background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
        background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
        background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
        background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	border: 1px solid #888;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa; }

      .button:active,
      button:active,
      input[type="submit"]:active,
      input[type="reset"]:active,
      input[type="button"]:active {
        border: 1px solid #666;
        background: #ccc; /* Old browsers */
        background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
        background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
        background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
        background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
        background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
        background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

      .button.full-width,
      button.full-width,
      input[type="submit"].full-width,
      input[type="reset"].full-width,
      input[type="button"].full-width {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center; }

      /* Fix for odd Mozilla border & padding issues */
      button::-moz-focus-inner,
      input::-moz-focus-inner {
	border: 0;
	padding: 0;
      }
      .separator{
	border-top: 1px dotted #ccc;
	clear: both;
	width: 80%;
	margin: 20px auto 20px auto;

      }
      .comment_form {
	font-size: 10pt;
	color: #666;
	font-family: verdana, sans-serif;
      }
      #comments{
	background-color: #fff;
	width:100%;

      }
      
      
      
root { 
  display: block;
}

html, body {margin: 0; padding: 0; background-color: #f4f4f4;}
p { margin-top: 0px; line-height: 15pt; font-family: arial, verdana; font-size: 11pt; color: #292929; }
h2 { margin-top: 0px; margin-bottom: 15px; line-height: 15pt; font-family: arial, verdana; font-size: 11pt; color: #292929; font-weight: normal; }
li { margin-bottom: 16px; color: #292929; font-size: 11pt;}

#main { 
  border: 0;
  box-shadow: 2px 0px 6px 3px #efefef;
  border: 3px solid #efefef;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 800px;
  padding-left: 35px;
  padding-right: 35px;
  background-color: #ffffff;
  width: 650px;
  overflow: visible;
  behavior: url(display/PIE.htc);
}
.bull_items{
  line-height: 15pt; 
  font-family: arial, verdana;
  font-size: 11pt;
  color: #292929;
  font-weight: normal;
}
.heading {
  font-family: 'PT Sans', arial, sans-serif;
  font-size: 30pt;
  line-height: 38pt;
  color: #7d7d7d;
  margin-bottom: -70px;
  z-index: 100;
  position: relative;
  padding-right: 40px;
}
#leftquote{
     margin-bottom: -70px;
     margin-left: -44px;
     margin-top: 30px; 
     color: #e9e9e9; 
     font-size: 124pt;
     font-family: georgia, sans-serif;
     position: relative;
     z-index: 10;

}
#rightquote{
     margin-left: 324px;
     color: #e9e9e9;
     font-size: 124pt;
     font-family: georgia, sans-serif;
     z-index: 10;
     position: relative;

}
.line-item-header {
    border-top-left-radius:8px;
    border-bottom-left-radius:8px;
    background-color: #ccf1ff;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 5px;
    font-family: verdana, arial, sans-serif;
    font-size: 10pt;
    color: #3696af;
    width: 250px;
    font-weight: bold;
}
td{ vertical-align: top;}
#mainbody{
  width: 400px; 
  margin-top: 50px;
  position: relative;
  z-index: 100;
  padding-right: 40px;
}
#bullets{
  margin-top: 50px;
  position: relative;
  z-index: 100;
}
#letter{
     margin-left: auto;
     margin-right: auto;
     width: 800px;
     position: relative;
}
#wrap{
 width: 100%;
}
#copyright{
margin-top:30px;
font-size:9px;
font-family: verdana;
width: 100%;
text-align: center;
padding-bottom: 30px;
}
     
.stephen {
  background-color: #F7F7F7;
  padding: 4px;
}

div.body_box ul li, .short_list li { margin-bottom: 4px;}

.tip{
  font-family: 'Francois One', sans-serif; 
  font-size: 12pt;
  color: #2084b5;
}

/* 
   Lessons menu
*/

#lessons-table tr td{
  border-collapse: collapse;
  font-family: 'PT Sans';
  font-size: 12pt;
  padding: 4px;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px dotted #CCC;
}
td.available{
  background-color: #F5FFF5;
}
td.available:hover{
  background-color: #E0FFE0;
}
td.coming{
  background-color: #A7C0CC;
}
.smaller{
  font-size: 9pt;
  color: #666666;
}



.login-color {
   color: #ffffff;
}