html,body{margin:0;padding:0}
body{font: 76% Arial,Verdana,sans-serif;text-align:center}
a{color:#069;text-decoration:none;}
img{border:0;}
img.left{float:left;margin:0 10px 5px 0;}
img.right{float:right;margin:0 0 10px 5px;}
.text-right{text-align:right;}
div.clear{clear:both;}

/* Some default entity styles to be overridden as necessary */
ul {list-style: disc outside;}
ul li, ol li {padding:3px 0;}
ul li ul {list-style:circle;}
h2 {color:#069;}

/* Main header container */
div#header {background: url(/i/header.jpg) left top no-repeat;height: 135px;color: #333;padding: 0; margin:0;}

/* Container for the site's H1 tag and blurb paragraph */
div#h1_container {width:800px;float:left;}
div#h1_container h1 {color:#000;font-weight: normal;font-size: 2.5em;padding:30px 0 0 212px;margin:0;}
div#h1_container h1 span {font-size: 0.8em;}
div#h1_container p {padding:5px 0 0 212px;margin:0;font-size: 1.4em;}

/* The header nav at the upper right of the screen */
ul#header_nav {padding:30px 0 0 0;margin:0;width: 250px;float: left;list-style:none;}
ul#header_nav li {display:block;float:left;}
ul#header_nav li {font-size: 1.2em;text-transform:uppercase;}
ul#header_nav li a {text-decoration:none;color:#333;}


/* Main container.  The full 1050px width */
div#container{text-align:left;background:#fffde4 url(/i/nav.jpg) left top repeat-y;}

/* Paragraph styles for main content */
div#content p{line-height:1.4}

/* Links above the menu.  Kind of hackish, but don't see any other way with current design */
div#nav_top_links {height:97px;background: url(/i/nav_top_links.jpg) left top no-repeat;}
div#nav_top_links p {margin:0;padding:100px 0 0 0;}
div#nav_top_links p a {text-indent: -9999px;text-align:center;outline:0;height:45px;display:block;}

/* Menu styles.  This is the main navigation */
div#menu {background: #ffc;margin:0;padding:0;width:170px;margin:0 0 10px 10px;}
div#menu ul { border:1px solid #999; padding:0;margin:0;}
div#menu ul {list-style:none;}
div#menu ul li { font-weight:bold; margin:0 3px; padding:0;}
div#menu ul li a { color:#000; text-decoration:none;}
div#menu ul li a:hover { background:#9cf;}
div#menu ul li ul { list-style: disc inside url(/i/menu_arrow.gif); padding:0; margin:0 0 10px 0; border-bottom:0;}
div#menu ul li ul li { font-weight:normal; padding:1px 0; margin:0; border-bottom:1px solid #999;}
div#menu ul li ul li:hover { background:#9cf;}


/* The banner column */
div#extra{background:#fffde4;}
div#extra p {margin:20px auto;}

/* Footer stuff */
div#footer{background: #666;color: #FFF; text-align:center;padding:15px 0;}
div#footer a {color: #FFF}
div#footer p{margin:0;padding:5px 10px}


/*
 *
 *
 * Where the main div layout widths are defined
 *
 *
 */
div#container{width:1050px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{font-size:14px; margin: 0 150px 0 212px}
div#navigation{float:left;width:212px;margin-left:-1050px}
div#extra{float:left;width:150px;margin-left:-150px}
div#footer{clear:left;width:100%}
div.view_wrapper{padding: 15px 14px 0 0;}
div.column_wrapper, div.column_wrapper_left, div.column_wrapper_right {float:left;width:50%;}
div.column_wrapper_left {width:450px;}
div.column_wrapper_right {width:224px;}
div.column_wrapper p, div.column_wrapper h3 {padding-left:10px;padding-right:10px;}
div.column_wrapper_left p, div.column_wrapper_left h3, div.column_wrapper_left ul {padding-right:10px;}
div.column_wrapper_right p, div.column_wrapper_right h3, div.column_wrapper_right ul {padding-left:10px;}

/*
 *
 *
 * Begin View Styles
 *
 *
 */

/* Features at the top of the homepage */
div#index_features {margin-bottom:20px;}
div.index_feature {width:33%;float:left;}
div.index_feature h2 {font-size:14px;width:66%;text-align:center;margin:0 auto;}
div.index_feature p {font-size:12px;width:80%;text-align:center;margin:0 auto;}
div.index_feature img {display:block;margin:0 auto;}

/* Testimonials */
div.testimonial {margin-bottom:20px;} 
div.testimonial p {font-size:12px;text-align:left;margin:0 0 10px 0;padding:0;}
div.testimonial p.t_byline {color:#069;text-align:left;}
.t_byline a {text-decoration:underline;}
div.column_wrapper div.testimonial {padding:0 10px;}

.copywritegeo
{
	color:#333333;
	font-size:12px;
	text-decoration:none;
}

.center{text-align:center;}
.bold{font-weight:bold;}
.ital{font-style:italic;}
.blue{color:#069;}
.red{color:red;}
.small{font-size:1.2em;}
.medium{font-size:1.5em;}
.large{font-size:2em;}
.xlarge{font-size:2.5em;}
.xxlarge{font-size:3em;}
.checked
{
	list-style-image:url(/i/green-check.gif);
	padding-left:0;
}
.boxed
{
	background:#eee;
	border: 1px solid #666;
	padding:5px;
}

/* Begin Clearfix */
/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/
.clearing:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearing {display: inline-block;}       /*sets hasLayout for IE<=6*/
.clearing {display: block;}              /*resets display without resetting hasLayout*/
/* End Clearfix */

.image_bkg {
	background: transparent url(/i/freecourse-signup-bg.jpg) top left no-repeat;
}