@charset "utf-8";

/* -------- Safe Graphic Novels -------- */

/* ____ CSS Reset ____ */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ____ Basic Containers ____ */

body{
	background-image:url(../images/body_repeat.png);
	background-position:top center;
	background-repeat:repeat;
	text-align:center;
	width:100%;
	display:table;
}

#header{
	width:954px;
	height:187px;
	background-image:url(../images/page_header.png);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0 auto;
	text-indent:-8000px;
}

#content_wrapper{
	width:780px;
	margin:0 auto;
}

#col_left{
	width:596px;
	margin:0px 10px 0px -1px;
	float:left;
}

#col_right{
	width:162px;
	margin:0px 0px 0px 10px;
	float:left;
}

#footer_nav_wrap{
	width:782px;
	margin:0 auto;
}

#footer_nav{
	margin:20px 186px 20px 0px;
	padding:20px 10px 20px 0px;
	float:left;
	background-color:#000000;
	width:586px;
	height:40px;
}

#clear{
	clear:both;
}

/* ____ Main Navigation ____ */

#nav{
	margin:128px 107px 0px 0px;
}

#gnkit{
	display:block;
	width:175px;
	height:31px;
	background-image:url(../images/nav_gnkit.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	margin:-18px 15px 0px 0px;
	outline:none;
	cursor:pointer;
	text-indent:-8000px;
}

#gnkit:hover{
	background-position:0 -31px;
}

#why{
	display:block;
	width:215px;
	height:34px;
	background-image:url(../images/nav_why.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	margin:-8px 15px 0px 0px;
	outline:none;
	cursor:pointer;
	text-indent:-8000px;
}

#why:hover{
	background-position:0 -34px;
}

#our{
	display:block;
	width:184px;
	height:35px;
	background-image:url(../images/nav_our.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	outline:none;
	cursor:pointer;
	text-indent:-8000px;
}

#our:hover{
	background-position:0 -35px;
}

/* ____ Footer Navigation ____ */

#footer_nav li{
	text-align:center;
	float:right;
	padding:10px 2px 2px 5px;
	margin:0px 7px 0px 10px;
}

#footer_nav li a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#FFCC00;
	font-weight:bold;
	text-decoration:none;
}

#footer_nav li a:hover{
	color:#FFFFFF;	
}

#capstone_logo{
	display:block;
	width:94px;
	height:30px;
	background-image:url(../images/capstone_logo.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
	float:right;
	margin:-5px 56px 0px 2px;
}


/* ____ Left Column Content ____ */

#heading_form{
	width:596px;
	height:72px;
	background-image:url(../images/heading_form.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
}

#content_form{
	width:520px;
	background-color:#CCCCCC;
	border:18px solid #000000;
	border-top:none;
	padding:20px;
}

#content_form img{
	float:left;
}

#heading_video{
	width:596px;
	height:70px;
	background-image:url(../images/heading_video.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:20px 0px 0px 0px;
	text-indent:-8000px;
}

#content_video{
	width:520px;
	background-color:#F3722E;
	border:18px solid #000000;
	border-top:none;
	padding:20px;
}

#heading_series{
	width:596px;
	height:70px;
	background-image:url(../images/heading_series.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:20px 0px 0px 0px;
	text-indent:-8000px;
}

#content_series{
	width:520px;
	background-color:#CCCCCC;
	border:18px solid #000000;
	border-top:none;
	padding:0px 20px 20px 20px;
}

/* ____ Form Properties ____ */
	
#content_form form{
	width:250px;
	float:right;
}

#content_form form input, select{
	line-height:18px;
	height:18px;
	padding:4px 2px 2px 2px;;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#666666;
	border:1px solid #999999;
	background-color:#FFFFFF;
	width:250px;
	margin:0px 0px 15px 0px;
}

#content_form form #txtCity{
	width:65px;
	float:left;
	margin:0px 25px 15px 0px;
}

#content_form form #ddlState{
	width:65px;
	float:left;
	height:28px;
	margin:0px 0px 15px 0px;
}

#content_form form #txtZip{
	width:65px;
	float:right;
	margin:0px -5px 15px 0px;
}

#content_form form #how{
	width:70px;
	float:right;
	height:28px;
	margin:0px -5px 15px 0px;
}

#content_form form #have{
	width:70px;
	float:right;
	height:28px;
	margin:0px -5px 15px 0px;
}

#content_form form input.submit{
	width:143px;
	height:37px;
	background:url(../images/button_submit.png);
	background-position:top left;
	background-repeat:no-repeat;
	border:none;
	float:right;
	margin:-10px -30px 0px 0px;
	outline:none;
	cursor:pointer;
	text-indent:-8000px;
}

#content_form form label{
	margin:7px 0px 0px 0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	float:left;
}

.defaultText {
}

.defaultTextActive {
}

#content_form form label.notification{
	font-family:Helvetica, Arial,  sans-serif;
	font-size:14px;
	color:#FF3333;
	text-align:left;
}

/* ____ Series Content ____ */

#subcol_series_left{
	width:276px;
	margin:-8px 10px 0px -30px;
	float:left;
}

#subcol_series_right{
	width:276px;
	margin:-8px -30px 0px 10px;
	float:right;
}

#subheading_series_left_red{
	width:276px;
	height:11px;
	background-image:url(../images/series_left_red_heading.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:20px 0px 0px 0px;
}

#subheading_series_right_purple{
	width:276px;
	height:11px;
	background-image:url(../images/series_right_purple_heading.png);
	background-position:top right;
	background-repeat:no-repeat;
	margin:20px 0px 0px 0px;
}

#subheading_series_left_orange{
	width:276px;
	height:11px;
	background-image:url(../images/series_left_orange_heading.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:20px 0px 0px 0px;
}

#subheading_series_right_yellow{
	width:276px;
	height:11px;
	background-image:url(../images/series_right_yellow_heading.png);
	background-position:top right;
	background-repeat:no-repeat;
	margin:20px 0px 0px 0px;
}

#subcontent_series_left_red{
	width:241px;
	background-image:url(../images/series_left_red_repeat.png);
	background-position:top left;
	background-repeat:y;
	padding:10px 15px 10px 20px;
}

#subheading_series_left_blue{
	width:276px;
	height:11px;
	background-image:url(../images/series_left_blue_heading.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:20px 0px 0px 0px;
}

#subheading_series_right_green{
	width:276px;
	height:11px;
	background-image:url(../images/series_right_green_heading.png);
	background-position:top right;
	background-repeat:no-repeat;
	margin:20px 0px 0px 0px;
}

#subcontent_series_left_red img{
	float:right;
	border:none;
	margin:0px 0px 0px 15px;
}

#subcontent_series_left_red .type{
	float:right;
	width:128px;
	text-align:right;
}

#subcontent_series_left_red .type h3{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 10px 0px;
}

#subcontent_series_left_red .type p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px 0px 10px 0px;
	line-height:14px;
}

#subcontent_series_left_red .type a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
}

#subcontent_series_left_red .type .plus{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#subcontent_series_right_purple{
	width:241px;
	background-image:url(../images/series_right_purple_repeat.png);
	background-position:top right;
	background-repeat:y;
	padding:10px 20px 10px 15px;
}

#subcontent_series_right_purple img{
	float:left;
	border:none;
	margin:0px 15px 0px 0px;
}

#subcontent_series_right_purple .type{
	float:left;
	width:128px;
	text-align:left;
}

#subcontent_series_right_purple .type h3{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 10px 0px;
}

#subcontent_series_right_purple .type p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px 0px 10px 0px;
	line-height:14px;
}

#subcontent_series_right_purple .type a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
}

#subcontent_series_right_purple .type .plus{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#subcontent_series_left_orange{
	width:241px;
	background-image:url(../images/series_left_orange_repeat.png);
	background-position:top left;
	background-repeat:y;
	padding:10px 15px 10px 20px;
}

#subcontent_series_left_orange img{
	float:right;
	border:none;
	margin:0px 0px 0px 15px;
}

#subcontent_series_left_orange .type{
	float:right;
	width:128px;
	text-align:right;
}

#subcontent_series_left_orange .type h3{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 10px 0px;
}

#subcontent_series_left_orange .type p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px 0px 10px 0px;
	line-height:14px;
}

#subcontent_series_left_orange .type a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
}

#subcontent_series_left_orange .type .plus{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}


#subcontent_series_right_yellow{
	width:241px;
	background-image:url(../images/series_right_yellow_repeat.png);
	background-position:top right;
	background-repeat:y;
	padding:10px 20px 10px 15px;
}

#subcontent_series_right_yellow img{
	float:left;
	border:none;
	margin:0px 15px 0px 0px;
}

#subcontent_series_right_yellow .type{
	float:left;
	width:128px;
	text-align:left;
}

#subcontent_series_right_yellow .type h3{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 10px 0px;
}

#subcontent_series_right_yellow .type p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px 0px 10px 0px;
	line-height:14px;
}

#subcontent_series_right_yellow .type a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
}

#subcontent_series_right_yellow .type .plus{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#subcontent_series_left_blue{
	width:241px;
	background-image:url(../images/series_left_blue_repeat.png);
	background-position:top left;
	background-repeat:y;
	padding:10px 15px 10px 20px;
}

#subcontent_series_left_blue img{
	float:right;
	border:none;
	margin:0px 0px 0px 15px;
}

#subcontent_series_left_blue .type{
	float:right;
	width:128px;
	text-align:right;
}

#subcontent_series_left_blue .type h3{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 10px 0px;
}

#subcontent_series_left_blue .type p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px 0px 10px 0px;
	line-height:14px;
}

#subcontent_series_left_blue .type a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
}

#subcontent_series_left_blue .type .plus{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#subcontent_series_right_green{
	width:241px;
	background-image:url(../images/series_right_green_repeat.png);
	background-position:top right;
	background-repeat:y;
	padding:10px 20px 10px 15px;
}

#subcontent_series_right_green img{
	float:left;
	border:none;
	margin:0px 15px 0px 0px;
}

#subcontent_series_right_green .type{
	float:left;
	width:128px;
	text-align:left;
}

#subcontent_series_right_green .type h3{
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 10px 0px;
}

#subcontent_series_right_green .type p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000000;
	margin:0px 0px 10px 0px;
	line-height:14px;
}

#subcontent_series_right_green .type a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
}

#subcontent_series_right_green .type .plus{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

/* ____ Right Column Content ____ */

/* ____ Resources ____ */

#heading_resources{
	width:162px;
	height:61px;
	background-image:url(../images/heading_resources.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:12px 0px 0px 0px;
	text-indent:-8000px;
}

#resources_gntemplate{
	width:162px;
	height:54px;
	display:block;
	background-image:url(../images/resources_gntemplate.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
	cursor:pointer;
}

#resources_gntemplate:hover{
	background-position:0 -54px;
}

#resources_gflesson{
	width:162px;
	height:60px;
	display:block;
	background-image:url(../images/resources_gflesson.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
	cursor:pointer;
}

#resources_gflesson:hover{
	background-position:0 -61px;
}

#resources_edletter{
	width:162px;
	height:60px;
	display:block;
	background-image:url(../images/resources_edletter.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
	cursor:pointer;
}

#resources_edletter:hover{
	background-position:0 -60px;
}

#resources_gnfacts{
	width:162px;
	height:62px;
	display:block;
	background-image:url(../images/resources_gnfacts.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
	cursor:pointer;
}

#resources_gnfacts:hover{
	background-position:0 -62px;
}

#footer_resources{
	width:162px;
	height:19px;
	background-image:url(../images/footer_resources.png);
}

/* ____ "Check Out" Links ____ */

#heading_checkout{
	width:162px;
	height:41px;
	background-image:url(../images/heading_checkout.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
}

#link_capkids{
	width:162px;
	height:70px;
	display:block;
	background-image:url(../images/link_capkids.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
}

#link_capkids:hover{
	background-position:0 -70px;
}

#link_cappress{
	width:162px;
	height:79px;
	display:block;
	background-image:url(../images/link_cappress.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
}

#link_cappress:hover{
	background-position:0 -79px;
}

#link_stonearch{
	width:162px;
	height:80px;
	display:block;
	background-image:url(../images/link_stonearch.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
}

#link_stonearch:hover{
	background-position:0 -80px;
}

#link_facthound{
	width:162px;
	height:79px;
	display:block;
	background-image:url(../images/link_facthound.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
}

#link_facthound:hover{
	background-position:0 -79px;
}

#footer_checkout{
	width:162px;
	height:29px;
	background-image:url(../images/footer_links.png);
	background-position:top left;
	background-repeat:no-repeat;
}


/* ____ Capstone Rewards ____ */

#heading_caprewards{
	width:162px;
	height:73px;
	background-image:url(../images/heading_caprewards.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
}

#link_caprewards{
	width:162px;
	height:85px;
	display:block;
	background-image:url(../images/link_caprewards.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
}

#link_caprewards:hover{
	background-position:0 -85px;
}

#footer_caprewards{
	width:162px;
	height:25px;
	background-image:url(../images/footer_caprewards.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
}


/* ____ Write Your Own Graphic Novel ____ */

#heading_writeyourown{
	width:162px;
	height:73px;
	background-image:url(../images/heading_writeyourown.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
	margin:8px 0px 0px 0px;
}

#link_writeyourown{
	width:162px;
	height:198px;
	display:block;
	background-image:url(../images/link_writeyourown.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000px;
}

#link_writeyourown:hover{
	background-position:0 -198px;
}

#footer_writeyourown{
	width:162px;
	height:23px;
	background-image:url(../images/footer_writeyourown.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-8000;
}