/* MEYER RESET v1.0*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*-------------------------------------------------
Baseline
-------------------------------------------------*/
html { font-size: 62.5%; background: #fff; height: 100%; background: #fff; }
body { min-width: 980px; height: 100%; margin: 0; padding: 0; color: #373737; font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; }

#website { height: 100%; }

/* Text Styles */
.red { color: #cc3333; }
.small { font-size: 11px; }

/* Link Colors */
a:link { text-decoration: underline; color: #36c; }
a:visited { text-decoration: underline; color: #36c; }
a:hover { text-decoration: underline; color: #36c; }
a:active, a:focus { text-decoration: underline; color: #36c; }

.ie6 #heroic, .ie6 .divider img, .ie6 #free-trial-signup-button
{ behavior: url('/css/iepngfix.htc'); }

/*-------------------------------------------------
Header
-------------------------------------------------*/
#header { width: 100%; margin: 0; padding: 0; background: url('../images/menu-bg.png') top left repeat-x; }
	#logo { }
	#header nav { float: right; font-size: 14px; margin: 36px 8px 0 0; }
		#header nav a { float: left; margin: 0 40px 0 0; color: #fff !important; text-decoration: none !important; }
		#header nav a.current { }
		#header nav a:hover { text-decoration: underline !important; }
		#header nav a:last-child { margin-right: 0; }


/*-------------------------------------------------
Content
-------------------------------------------------*/
p { font-size: 12px; line-height: 22px; }
p strong { font-size: 18px; }

h1 { font-size: 24px; color: #363636; }
h2 { font-size: 20px; font-weight: normal; color: #363636; }
h3 { font-size: 16px; font-weight: normal; color: #444; }

#page { margin: 0; padding: 0; }
	#banner { width: 100%; height: 543px; color: #fff; background: #15356a url('../images/banner-bg.jpg') top center no-repeat; }
	    .gecko #banner { margin-top: -1px; }
	    .ie7 #banner, .ie6 #banner { margin-top: -2px; }
		#heroic { width: 958px; height: 52px; margin: 0 auto; padding: 20px 0 !important; text-indent: -9999em; background: url('../images/heroic.png') 50% 50% no-repeat; }
		    .ie6 #heroic { margin-top: 24px; margin-bottom: -24px; }
		#banner-intro { float: left; width: 378px; }
		#intro { width: 372px; margin: 0 0 16px 18px; color: #b6d1e4; }
			#intro p { font-size: 16px; line-height: 28px; }
			#intro strong { color: #fff; }
		#signup { width: 402px; text-align: center; }
			#free-trial-signup-button { cursor: pointer; width: 368px; height: 54px; margin: 10px auto; overflow: hidden; text-indent: -9999em; background: url('../images/free-trial-button.png') top left no-repeat; }
			#free-trial-signup-button:active { background-position: 0 -54px; }
			#signup span { display: block; margin: 0 0 16px 0; color: #d1d7e2; }
			#signup .divider { width: 402px; height: 14px; margin: 0 auto; }
		#benefits { width: 372px; margin: 16px 0 0 16px; padding: 0;  }
			#benefits li { font-size: 12px; line-height: 1.5em; color: #d1d7e2; text-shadow: 0 0 4px rgba(0,0,0,0.55); list-style: none; background: url('../images/checkmark.png') 0 50% no-repeat; margin: 0 0 12px 0; padding: 0 0 0 30px; }
		#banner-site { float: right; margin: -7px 0 0 0; }
		    .ie6 #banner-site { padding-bottom: 20px; margin-bottom: 1px; }
	#features { margin: 0; padding: 22px 0 0 0; background: url('../images/banner-site-bottom.jpg') 50.2% 0 no-repeat; }
	    .chrome #features { background: url('../images/banner-site-bottom.jpg') 50% 0 no-repeat; }
		#features h2 { margin: 0 0 20px 0; }
		.feature { float: left; position: relative; text-align: center; margin: 3px 25px 0 -4px; }
			.feature img { }
			.feature p { }
			.feature .zoom { position: absolute; top: 0; right: -4px; }
	#content { width: 100%; font-size: 12px; background: #fff url('../images/page-bg.png') top left repeat-x; }
		#content h2 { margin: 0 0 18px 0; }
		#content p { margin: 0 0 18px 0; color: #555; }
	#three-col-content { margin: 26px auto; }

.news-post { line-height: 22px; }
    .news-post h3 { font-weight: bold; margin: 0 0 10px 0; }
        .news-post .date { font-size: 11px; padding: 0 8px; font-weight: normal; color: #999; }
    .news-post p { }
    .news-post .more { }
    
#sample-schools td { padding: 0 16px 16px 0; }

.feature-list { margin: 4px 0 0 0; }
.feature-list li { font-weight: bold; line-height: 22px; margin: 0 0 20px 0; list-style: none; }
    .feature-list li li { font-weight: normal; color: #555; margin: 0 0 0 30px; list-style: disc; }

/*-------------------------------------------------
Forms
-------------------------------------------------*/
input { font-size: 16px; color: #777; padding: 6px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

#form-page { margin: 20px auto; }

/*-------------------------------------------------
Footer
-------------------------------------------------*/
#footer { font-size: 12px; background: #efefef; border-top: 1px solid #ccc; height: 40px; }
	#footer div { position: relative; }
	#footer nav { position: absolute; top: 14px; left: 0; }
		#footer nav a { float: left; color: #333 !important; text-decoration: none !important; margin: 0 30px 0 0; }
		#footer nav a:hover { text-decoration: underline !important; }
	#copyright { position: absolute; top: 14px; right: 0; }