@charset "UTF-8";
/* CSS Document created by Tatiana Promessi, TCP Design for Thinking Big, Learning Big  */

html {margin: 2%;}

* {margin:0; padding:0;}

body {
   font-size: 100%;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   background-color: #0F2D69;
   color: #1F1F1F;
   text-align:center;
}

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

#header {
	background: #fff url(http://thinkingbiglearningbig.com/images/graphics/banner-logo.gif) no-repeat 10% 50%;
   /*border-bottom: 5px solid #b73625;*/
   height: 140px;
}

#header p.logo, #header h1.logo {
	width: 300px;
   height: 140px;
   margin:0;
   padding-left: 601px;
}	
div#container .logolink {
	position:absolute;
	top: 60px;
	left: 100px;
	width: 460px;
	height: 100px;
}

 /* top navigation, horizontal under header banner */
div#topnav { 
	margin: 0;
}

div#topnav ul {
   float:left;
	width:100%;
	margin: 0;
   margin-right: 10px;
	padding: 0;
   border-left: 1px solid #fff;
	list-style-type:none;
	background-color: #2f2d81;
	letter-spacing: .03em;
 }
   
div#topnav li {display:inline;}
   
div#topnav a {
   display: block;
	float:right;
	padding:.4em 1em .3em 1em;
	text-decoration: none;
	color: #fff;
	background-color:inherit;
	border-right:1px solid #eee;
	text-align:center;
   }
   
div#topnav a:hover {
	background-color:#B73625;
   }


/* end top nav ********************************* */


#content {
	float: left;
   width: 858px;
   background: #fff url(../images/graphics/bg-white.gif) repeat-y;  /*  repeating white bg to extend short cols to bottom of pg */
   padding: 1em;
}

#content #col1 {
	float: left;
   width: 25%;
}

#content #col2 {
	float: left;
   width: 60%;
   margin: 1.5em 1em;
}

#footer {
	float: left;  /* IE fix */
   width: 100%;
   color: #29131F;
   padding: 10px 0;
}
#footer p { 
	clear: both;
   font-size: 0.7em;
   margin: .25em auto;
   text-align: center;
   color: #fff;
}
#footer a { 
   color: #fff;
   text-decoration:none;
}



/* Presentation ************************ */


h1 {font-size: 1.5em; margin-bottom: 1em; color: #0F2D69;}
h2 {font-size: 1.5em; margin-bottom: 1em; color: #0F2D69; font-style:oblique;}
h3 {font-size: 0.9em; color: #AD1419;}
h4 {font-size: 0.75em; color:#000;}
h5 {font-size: 0.7em; color:#000;}
h2, h3, h4, h5 {margin-top: 1em;}
h3, h4, h5 {margin-bottom: 0;}

a:link {
	color: #039;
	text-decoration: none;
	}
a:visited {
    color: #936;
    text-decoration: none;
	}
a:hover, a:active {
	color: #7F2922;
	text-decoration: underline;
	}
   
a.linkwhite {color:#fff; text-decoration: underline;}


#content h3 + p, #content h4 + p,#content h5 + p {margin-top: 0;}

hr {
	color: #999;
	background-color: #999;
	height: 1px;
	width: 100%;
}

span {color: #0f2d69;}
acronym, abbr {border-bottom: 1px dotted; cursor:help;}

#content p, #content ul, #content ol, #content dl, #content td{
	font-size: 0.9em;
   line-height:1.5em;
   margin-top: 1em;
}
#content table p, #content table h3, #content dl p {font-style: normal; font-size: 1em; margin-top: 0;}

#content dl ul, #content dl ol {font-size: 100%;}

#content ul, #content ol {
   margin-left: 2em;
   margin-bottom: 1em;
}

#content ul.nobullet li {list-style:none;}

#content li {
	margin-left: .25em;
	margin-bottom: 4px;
   list-style:square;
}

#content ul.list2 {
	line-height:1.1em; 
   text-align:left;
   margin-left: .75em;
}

#content ul.list2 li {margin-bottom: 6px;}

#content dt {
   font-weight: bold;
   clear: both;
   margin-top: 1.5em;
}


#content dd {
   margin-top: .5em;
   margin-bottom: 3px;
}

div#content img {border: 0;}
div#content .imgleft {float: left; border: 0; margin-top: 10px; margin-right: 20px; margin-bottom: 6px;}
div#content .imgright {float: right; border: 0; margin-top: 10px; margin-left: 20px; margin-bottom: 6px;}

#content blockquote{ margin: 1em 4em;}
#content blockquote p {color: #3C9ACD; font-style: italic;}
#content blockquote span.author {
   text-align:right;
   font-style:normal;
   font-size: 0.9em;
   color:#0F2D69;
}

/* blockquote for left col */
#content blockquote.leftcol {margin:.5em;}
#content blockquote.leftcol  p {text-align: right; margin-bottom: 0;color:#3C9ACD; }
#content blockquote.leftcol  span.author  {margin-top: .25em;}

div.box, div.box h3 {
	background-color: #419cd8; 
   padding: .5em; 
   margin-top: 1em; 
   color:#fff;
}


/* image/caption in a frame, used for portraits */
div.imagecaption {
	float: left;
	width: 142px;
	margin: 0 1em 1em 1em;
	padding: 15px 15px 20px 15px;
	display: inline;
	font-size: .8em; 
	text-align: center;
	border-color: #ccc #999 #999 #ccc;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	background:url(../images/graphics/imgframe.jpg) repeat-x 0 100%;
}
div.imagecaption img {
	border-color:#000 #ccc #ccc #000;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}

.datatable {
	border: 1px solid #999;
	border-collapse: collapse;
}
.datatable th, .datatable td{
	font-size: .8em;
	padding: 5px;
	border: none;
	vertical-align: top;
} 
.datatable th{
	font-family: arial, helvetica, sans-serif;
	background-color: #0F2D69;
}


div.dotrule p{border-bottom: 3px dotted #E2E3FF;} /* adds dotted border beneath each paragraph */

/* page specific styles  */
#home #nav_home a, #about #nav_about a, #services #nav_services a, #faqs #nav_faqs a, #links #nav_links a, #chapters #nav_chapters a, #buy #nav_buy a, #testimonials #nav_testimonials a, #resources #nav_resources a, #contact #nav_contact a { 	background: #3c9acd;
   color: #fff;
}


.clear {clear:both;}

.clearfix:after {  /* this is the Aslett Clearing Method */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

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