/*
SECRET
#############################
GENERAL STYLES
#############################
*/

body{
color: #000;
background-color: #fff;
font-size: 62.5%;
}

#container{
font-size: 1.3em;
}

input, select, textarea{
font-size: 1em;
}


*{
font-family: arial, verdana, tahoma, helvetica, sans-serif;
}

p{
line-height: 1.4em;
}

img, a img{
border: 0;
}

input, select, textarea{
max-width: 100%;
}

h1,h2,h3,h4,h5,h6{
margin-top: 0;
padding-top: 0;
}

a:link,
a:visited{
color: #09c;
background-color: transparent;
}

a:hover,
a:active{
color: #c0f;
background-color: transparent;
}


/*
#############################
LAYOUT STYLES
#############################
*/

body{
text-align: center;
margin: 0;
padding: 0;
}

#container{
width: 760px;
margin: auto;
text-align: left;
}

/*** header ***/

.header{
background: #000 url(images/prelaunchsecretheader.jpg) ;
height: 154px;
}


/*** header extras - use this for adding extra elements to header like promos etc ***/

.header-extras{
position: absolute;
top: 0;
right: 0;
}

/*** header navigation ***/

#header-nav{
text-align: left;
}

#header-nav ul{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
background-image: none;
display: list-item;
}

#header-nav li{
margin: 0;
padding: 0;
display: inline;
background-image: none;
list-style-type: none;
list-style-image: none;
background-image: none;
line-height: auto;
}

/*** content sections ***/

#content{
padding: 15px;
height: 1%;
}

*>#content{
height: auto;
}

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

.content-section{
clear: both;
margin-bottom: 10px;
}

.wide{
clear: both;
}

.right,
.left,
.center{
width: 500px;
}

.right{
float: right;
}

.left{
float: left;
}

.center{
margin-left: 120px;
clear: both;
}

/*** sidebar ***/

.sidebar-left,
.sidebar-right{
width: 200px;
}

.sidebar-section{
margin-bottom: 20px;
}

.sidebar-left{
}

.sidebar-right{
margin-left: 517px;
}
*>.sidebar-right{
margin-left: 520px;
}

/*** footer navigation ***/

#footer-nav{
clear: both;
text-align: center;
}

/*** footer ***/

#footer,
#footer *{
clear: both;
text-align: center;
}

#footer *{
margin: 0;
}

/*
#############################
PRESENTATIONAL STYLES
#############################
*/

body{
background: #c6b49d url(images/container-bg.jpg) repeat-x;
}

/*** header ***/

#header {
color: #fff;
background-color: #000;
border-top: 4px solid #f00;
padding-top: 1px;
}

* html #header{
height: 1%;
}

*>#header{
height: auto;
}

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

#header h1{
margin: 10px 0;
padding: 0;
float: left;
width: 300px;
text-align: center;
}

.header-extras{
position: static;
line-height: 1.5em;
font-size: 13px;
margin: 0 0 0 300px;
padding: 10px;
}

/*** header navigation ***/



/*** content ***/

#content{
color: inherit;
background-color: #fff;
position: relative;
}

* html #content{
height: 1%;
}

*:first-child+html #content{
height: 1%;
}

/*** sidebar ***/

.sidebar-section{
color: inherit;
background: #ffd6ad url(images/sidebar-bg.png) no-repeat left bottom;
padding: 10px;
}

.sidebar-section-heading{
color: inherit;
background: #ffd6ad url(images/sidebar-bg.png) no-repeat;
position: relative;
margin: -10px -10px 0;
}

.sidebar-section-heading h3{
margin: 0;
padding: 10px 0 0;
color: #000;
background-color: transparent;
font-size: 20px;
text-align: center;
}

/*** footer navigation ***/


/*** footer ***/

#footer{
font-size: .9em;
color: #ccc;
background-color: #000;
padding: 5px 10px;
border-bottom: 4px solid #f00;
}

.footer-message{
font-size: 1.2em;
padding: 0 0 1em 0;
color: #ccc;
background-color: transparent;
}

.footer-copyright-text {
font-size: 0.8em;
padding: 0 0 1em 0;
color: #ccc;
background-color: transparent;
}

/*
#############################
CONTENT STYLES
#############################
*/

/*** form related elements ***/

.user-link{
text-align: right;
margin-right: 20px;
}
.user-link a{
color: #000;
background-color: #ffd6ad;
padding: 5px 10px;
font-weight: bold;
font-size: 11px;
text-decoration: none;
margin-left: .5em;
}
.user-link a:hover{
text-decoration: underline;
}

.status-message{
color: #fff;
background-color: #000;
padding: 3px 5px;
border-bottom: 4px solid #f00;
font-size: 10px;
}

label{
font-size: 12px;
color: #c60;
background-color: transparent;
}

.form-sidenotes{
color: #666;
background-color: transparent;
font-family: verdana, sans-serif;
font-size: 11px;
}

.form-attention{
font-size: 20px;
font-weight: normal;
color: #f00;
background-color: transparent;
}

.form-highlights{
font-style: normal;
color: #008000;
background-color: transparent;
}

.calculator{
color: inherit;
background: #f0d0a7 url(images/calculator-bg.png) left bottom no-repeat;
padding: 10px;
width: 440px;
}

.calculator h4{
background: transparent url(images/calculator-bg.png) no-repeat;
position: relative;
margin: -10px -10px 0;
padding: 10px 10px 0;
}

.calculator-secret-check{
position: relative;
}

#check-name, #check-date, #result, #result_text{
position: absolute;
color: #006;
background-color: transparent;
font-size: 12px;
}

#check-name{
top: 65px;
left: 44px;
line-height: 18px;
width: 220px;
}

#check-date{
top: 25px;
left: 290px;
line-height: 18px;
width: 220px;
}

#result{
top: 66px;
left: 284px;
line-height: 19px;
}

#result_text{
top: 92px;
left: 24px;
line-height: 22px;
text-indent: 85px;
width: 312px;
}

/*** image and captions ***/
.image{
display: block;
padding: 10px;
text-align: center;
}

.img-right{
float: right;
clear: right;
margin: 0 0 10px 10px;
}

.img-left{
float: left;
clear: left;
margin: 0 10px 10px 0;
}

.image-caption{
padding-top: 5px;
display: block;
color: #666;
text-align: center;
}

.img-right,
.img-left{
height: 1%;
}

*>.img-right,
*>.img-left{
height: auto;
}

.img-right:after,
.img-left:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#sign-up-form{
background: transparent url(images/sidebar-bg.png) no-repeat bottom;
position: relative;
padding: 50px 20px 20px;
}

#sign-up-form .sidebar-section-heading{
position: absolute;
width: 304px;
top: 0;
margin: 0 0 0 -67px;
padding: 66px 0 0;
background: transparent url(images/scrollhead.gif) no-repeat;
}

#sign-up-form .sidebar-section-heading h2{
color: #000;
background-color: transparent;
font: 20px/1em georgia, "times new roman", times, serif;
margin: 0 75px 1em 60px;
padding: 0;
text-align: center;
}

#sign-up-form form{
position: relative;
margin: 5em 0 0;
padding: 0;
}

#sign-up-form label{
color: #000;
background-color: transparent;
font: 11px/1em georgia, "times new roman", times, serif;
text-transform: uppercase;
display: block;
padding: 2px;
}

#sign-up-form input{
border: 0;
padding: 2px;
margin: 0 0 .5em;
color: #000;
background-color: #cca97b;
}

#sign-up-form #sign-up-button{
color: #fff;
background-color: #806439;
font: bold 13px/1em georgia, "times new roman", times, serif;
width: 153px;
padding: 5px 0;
}

#sign-up-form .sign-up-copyright{
color: #806439;
background-color: transparent;
font: 11px/1.2em georgia, "times new roman", times, serif;
margin: 5px 0 0;
padding: 0;
text-align: center;
}

/*
SECRET
#############################
FONT STYLES
#############################
*/


/* This is a temporary class to frame copy in width=490 box when editing the copy in WYSIWYG editors */
.textholder {
  width: 550px;
  padding: 30px;
  margin: auto;
  border: 1px solid;
}

h1 {  
  font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; 
  font-size: 28px; 
  font-style: normal; 
  font-weight: bold; 
  color: #CC3300; 
  text-decoration: none
  line-height: 45px;
  text-align: center;
  letter-spacing:-0.5px;
  }
    
        
h2 {  
  font-family: Georgia, Verdana, Helvetica, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
  margin-bottom: 20px;
  text-align: center;
  }  
  
  
h3 {  
  font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; 
  font-size: 24px; 
  font-style: normal; 
  font-weight: normal; 
  color: #993333; 
  text-decoration: none
  margin: 20px;
  margin-top: 35px;
  text-align: center;
  }
  
h4 {  
  font-family: Georgia, Arial, Verdana, Helvetica, sans-serif; 
  font-size: 18px; 
  font-style: normal; 
  font-weight: bold; 
  color: #CC0033; 
  text-decoration: none
  margin: 20px;
  margin-top: 30px;
  }
  
h5 {  
  font-family: Arial, Arial, Helvetica, sans-serif;
  font-size: 15px; 
  font-style: normal; 
  font-weight: bold; 
  color: #CC3300; 
  text-decoration: none;
  margin-top: 25px;
  margin-bottom: 5px;
  }
  
h6 {  
  font-family: Arial, Trebuchet, Verdana, sans-serif; 
  font-size: 11pt; 
  font-style: normal; 
  font-weight: bold; 
  color: #CC3300; 
  text-decoration: none;
  margin-top: 10px;
  margin-botttom: 0px;
  padding-bottom: 0px;
  }
  
p  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: normal;
	line-height: 17px;
	padding-bottom: 0px;
}

p b, p strong, p a, p i, p u {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/* Special Copy Fonts */
.pic_caption {
	clear: both;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	margin-bottom: 15px;
}

.first_letter {
  font-family: Georgia, Arial, Helvetica, sans-serif;
  font-size: 18pt;
  font-weight: normal;
  color: #7d4212;
}

.sub_text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #666666;
}

.back_to_top {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #666666;
}

ul {
	margin: 10px;
	padding: 0px;
	margin-bottom: 20px
	}
	
ul li {
	line-height: 2.5ex; 
	font-family: Verdana, Arial;
	list-style-type: none;
	font-size: 10pt; 
	background: url('/include/css/images/arrow-bullet.gif') no-repeat top left; 
	display: block; 
	padding-top: 0px; 
	padding-left: 18px; 
	margin-bottom: 5px;
	color: #000; 
	}

.bluecheck {
  line-height: 2.5ex;
  background: url('/include/css/images/checkbox-blue.gif') no-repeat top left;
  margin-bottom: 12px;
  padding-left: 27px; 
  padding-top: 4px;
  margin-left: -8px;
}

	
ol {
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
	padding-top: 0x;
	padding-left: 30px; 
	}
	
ol li {
	list-style-type: decimal;	
	line-height: 16px;
	font-family: Verdana, Arial;
	font-size: 12px; 
	padding-bottom: 8px;
	padding-left: 0px; 
	}

li a:link { 
	font-family: Verdana, Arial;
	font-size: 12px; 
	}
li a:visited {
	}	

.bluecheck {
  line-height: 2.5ex;
  background: url('/include/css/images/checkbox-blue.gif') no-repeat top left;
  margin-bottom: 12px;
  padding-left: 27px; 
  padding-top: 4px;
  margin-left: -8px;
}

	
/*
##########################################################
Boxes for Grouping Elements of copy within boxes
##########################################################
*/

.silver {
	font-size: 12px;
	border: 1px solid #d0e4fd;
	background-color: #f2f5f7;
	padding: 8px;
	margin: 10px;
	margin-bottom: 30px;
	-moz-border-radius: 7px; 
  -moz-box-sizing: border-box;
    }

.white {
	font-size: 12px;
	border: 1px solid #d0e4fd;
	background-color: #FFFFFF;
	padding: 8px;
	margin: 10px;
	margin-bottom: 30px;
	-moz-border-radius: 7px; \
  -moz-box-sizing: border-box;
}

.white h5 {
 margin-top: 10px;
}

.yellow {
	font-size: 12px;
	border: 1px solid #99cc00;
	background-color: #ccff33;
	padding: 8px;
	margin: 10px;
	margin-bottom: 30px;
	-moz-border-radius: 7px; \
  -moz-box-sizing: border-box;
}

.transparent {
	border: none;
	background: transparent
	padding: none;
	margin: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	clear:both;
}



.highlight {
	border-top: 1px solid #99cc00;
	border-bottom: 1px solid #99cc00;
	background: transparent url(images/bg_stripes.gif) left top repeat;
	margin: 0px;
	width: 98%;
	padding: 5px;
}

/*
##########################################################
Styles for Elements Used in Online Lessons
##########################################################
*/

.citation p {
	font-size: 10px;
	font-weight: bold;
	}
	
.citation li {
	font-size: 10px;
	padding-bottom: 8px;
	line-height: 12px;
	}
    

/*
Quote Stylings from http://simon.incutio.com/archive/2003/05/21/stylingBlockquotes
*/

blockquote {
  background: transparent url(images/brownquoteleft.gif) left top no-repeat;
  width: 400px;
  margin-top: 25px;
  margin-bottom: 25px;
}

blockquote div {
  padding: 0 25px;
  background: transparent url(images/brownquoteright.gif) right bottom no-repeat;
}

blockquote p {
	font-size: 10pt;
	font-weight: bold; 
	color: #796758;
	line-height: 22px;
	text-align: center;
}

/*
These are used for main page testimonials - with Pictures. 
*/

.testimonial {
	padding-right: 10px;
	padding-left: 10px;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 0px;
	padding-bottom: 2px;
	border: 1px solid #d0e4fd;
	background-color: #ffffff;
	-moz-border-radius: 7px; 
  -moz-box-sizing: border-box;
}

.testimonial h5 {
  color: #000;
  font-weight: bold;
	padding-top: 0px;
	margin-bottom: 8px;
	padding-bottom: 0px;
}

.quote {
	color: #7d4212;

}

.quote_author {
	color: #666666;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
}

.ancient-paper{
color: inherit;
background: transparent url(images/ancient-paper-bg.png) no-repeat;
width: 481px;
padding: 1px 0 0;
}

.ancient-paper-content{
margin-top: 20px;
color: inherit;
background: transparent url(images/ancient-paper-bg.png) left bottom no-repeat;
padding: 0 20px 20px;
}

.ancient-paper-content h5 {
  color: #000000;
  font-weight: bold;
	padding-top: 0px;
	margin-bottom: 8px;
	padding-bottom: 0px;
}

/*
.quote {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: bold; 
  color: #003399; 
  text-decoration: none
	margin: auto;
	padding: 0px;
	margin-bottom: 30px;
	width: 450px;
}

.quote p {
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #003399;
	line-height: 22px;
	text-align: center;
}

.quote author {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 15px;
}
*/

.fancyline{
color: inherit;
background: transparent url(images/fancyline-hr.png) center no-repeat;
height: 23px;
margin: 10px 0 5px;
}
.fancyline hr{
display: none;
}

/* Banner Links for SEO - Designed by Mike in Oct 2003 */
.banner { font-family: Arial, Verdana, Helvetica, sans-serif; color: #00CCFF; font-size: medium }
.banner_link { font-family: Arial, Verdana, Helvetica, sans-serif; color: #CCFFFF; font-size: 12; text-decoration: none }


/* Signup Form Designs - By Dani Jan 2006 */
.formcontent {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-transform: none;color: #000000;text-decoration: none;}
.form {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;line-height: normal;font-weight: normal;font-variant: normal;text-transform: none;color: #000000;text-decoration: none;border: 1px solid #000000;background-color: #FFFFFF;}
.box {background-color: #99CCFF;border: 1px solid #000000;}
.formcontent2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;line-height: normal;font-weight: normal;font-variant: normal;text-transform: none;color: #000000;text-decoration: none;}

/* Boxes for Decorating Certain Copy Elements */



.img-shadow {
	float:left;
	background: url('images/shadow.gif') no-repeat bottom right !important;
	margin-left:5px;
	margin-right:8px;
	margin-top:10px;
	margin-bottom:4px;
	clear: both;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
A.seminarlink {
display: block;
width: 380px;
text-decoration:none;
border: 3px solid #f2f5f7;
padding: 0px;
}

A.seminarlink:hover {
border: 3px solid #4c86de;
color: #000;
text-decoration:none;
}
  

/*
<script>
CSS Menu highlight- Visit http://www.dynamicdrive.com for this script
var ns4class=''
</script>
*/