body {
  background: #203773 url("../images/background.png") repeat-x fixed top left;
  font-family: Arial, Helvetica, Sans-serif;
  font-size:  14px;
  margin:  0;
}

a { color: #0663a6; }
a:hover { color: #000; }
a img { border:  0; }
p { margin: 0 0 1em 0; padding: 0; line-height:  150%; }
li { line-height:  150%; }
.clear { clear: both; }
h1, h2, h3, h4, h5, h6 { color: #333; margin-bottom: 0.5em; font-weight: normal; }
h1 { font-size: 160%; margin: 0 0 5px 0; padding: 0; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }
.picture { border: 2px solid #555; }
.left { float: left; margin-right: 10px; }
.right { float: right; margin-left: 10px; }
.caption { font-weight: bold; font-size: 90%; color: #777; padding-top: 3px; }
.nowrap { white-space:nowrap; }
.footnote { font-size: 80%; color: #555; }
.info { color: #555; }
.hidden { display: none; }
.highlight { background-color: #ff9; }
a .highlight { background-color: transparent; }

#site {
  width: 770px;
  margin: 20px auto;
}

#header {
	background: #d3e9b5 url("../images/header_background.png") top left repeat-x;
	height: 138px;
	position:  relative;
	color:  #444;
	padding: 0;
}

#header a {
	color: #444;
}

#header a:hover {
	color: #000;
}

#header .tab {
	position: absolute;
	bottom: 0px;
}

#tab_home {
	left: 13px;
}

#tab_1 {
	right: 389px;
	z-index: 10;
}

#tab_2 {
	right: 179px;
	z-index: 9;
}

#tab_3 {
	right: 10px;
	z-index: 8;
}

#parent_help_logo {
	position:  absolute;
	left: 10px;
	top: 10px;
}

#parent_help_phone {
	position:  absolute;
	right:  10px;
	top:  50px;
}

#header_utility_bar {
	position:  absolute;
	right: 10px;
	top:  5px;
	text-align:  right;
}

#utility_bar_search {
	margin-left:  10px;
}

#header_utility_bar form {
	display: inline;
}

#header_tabs {
	position:  absolute;
	bottom: 0;
	left:  0;
}

#content {
	background-color:  #fff;
	padding: 10px 10px 0 10px;
	position: relative;
	width: 750px;
	min-height: 350px;
}

#intro_image_container {
	width: 248px;
	height: 164px;
	border:  1px solid #999;
	margin: 0 0 10px 10px;
	float:  right;
	position: relative;
	overflow: hidden;
}
#teen_image_container {
	width: 185px;
	height: 225px;
	border:  1px solid #999;
	margin: 0 0 10px 10px;
	float:  right;
	position: relative;
	overflow: hidden;
}

#boxes_container {
	background: #072e71 url("../images/boxes/boxes_bg.png") top left repeat-y;
	width: 749px;
	margin-bottom: 20px;
}

#boxes {
	background: transparent url("../images/boxes/boxes.png") top left no-repeat;
	position: relative;
}

#boxes_bottom {
	position: absolute;
	left: 0;
	bottom: 0;
}

.box {
	float: left;
	position: relative;
	width: 243px;
	color: #fff;
	padding-bottom: 12px;
}

.box .number {
	position: absolute;
	top: 5px;
	left: 0px;
	font-size: 80px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	display: block;
	font-family: "Times New Roman", Serif;
}

.box h2 { margin: 5px 0 10px 60px; padding: 0; font-weight: normal; font-size: 140%; }
.box p { margin: 0 5px 0 60px; line-height:  120%; }
#boxes a { text-decoration: none; color: #fff;}

#box1 { margin-right: 10px; }
#box2 { margin-right: 10px; }
#box3 { }



.sub_boxes_container {
	width: 498px;
	margin: 10px auto 18px auto;
}

.sub_boxes_container1 {
	width: 255px;
	margin: 10px auto 18px auto;
}

.sub_boxes {
	position: relative;
}

.sub_boxes_bottom {
	position: absolute;
	left: 0;
	bottom: 0;
}

.step1_boxes { background: #fff url("../images/boxes/sub_blue_bg.png") top left repeat-y; }
.step1_boxes .sub_boxes {	background: transparent url("../images/boxes/sub_blue_boxes.png") top left no-repeat; }
.step2_boxes { background: #fff url("../images/boxes/sub_green_bg.png") top left repeat-y; }
.step2_boxes .sub_boxes {	background: transparent url("../images/boxes/sub_green_boxes.png") top left no-repeat; }
.step3_boxes { background: #fff url("../images/boxes/sub_orange_bg.png") top left repeat-y; }
.step3_boxes .sub_boxes {	background: transparent url("../images/boxes/sub_orange_boxes.png") top left no-repeat; }
.step4_boxes { background: #fff url("../images/boxes/sub_orange_bg.png") top left repeat-y; }
.step4_boxes .sub_boxes {	background: transparent url("../images/boxes/sub_orange_boxes.png") top left no-repeat; }

.sub_box {
	float: left;
	position: relative;
	width: 210px;
	color: #000;
	padding: 10px 15px 15px 15px;
}

.sub_box h2 { color: #000; margin: 0 0 5px 0; padding: 0; font-weight: bold; font-size: 130%; }
.sub_box p { margin: 0; line-height:  120%; }
.sub_box ul { margin-left: 0; padding-left: 1.8em; }
.sub_boxes h2 a { text-decoration: none; color: #000; }
.sub_boxes p a { text-decoration: none; color: #000;}

.sub_box1 { margin-right: 18px; }
.sub_box2 { }




#footer {
	padding:  10px;
	color:  #fff;
	text-align:  center;
	font-size:  85%;
}

#footer strong {
	font-weight: normal;
}

#footer a {
	color:  #fff;
	text-decoration:  none;
}

#footer a:hover {
	text-decoration:  underline;
	color: #fff;
}

#footer_links {
	padding: 0 20px;
}

.entry {
padding-bottom: 1em;
margin: 0;
border-top: 1px dotted #ccc;
border-bottom: 0;
}

.first.entry {
border-top: 0;
margin-top: 1em;
}

.entry h3 {
color: #333;
font-size: 140%;
margin-bottom: 0;
margin-top: 0.5em;
padding: 0;
}

.entry p {
margin-bottom: 0.5em;
}

.info {
color: #777;
margin: 0 0 5px 0;
padding: 0;
}

#phForm {
width: 100%;
}

#phForm fieldset {
  display: block;
  border: 0;
  margin: 10px 0;
  padding: 5px 20px;
}

#phForm legend {
  font-size: 120%;
  font-weight: bold;
  color: #333;
}

#phForm fieldset label {
  display: block;
  width: 100%;
}

#phForm p {
  padding: .5em 1em;
  margin: 0;
}

#phForm .even_field {
  float: left;
  clear: both;
}

#phForm .odd_field {
  float: left;
}

#phForm fieldset input, select {
  width: 15em;
}

#dobm, #dobd {
  width: 2em !important;
}

#doby {
  width: 3.5em !important;
}

#phForm fieldset textarea {
  width: 32em;
  height: 10em;
}

.quote {
padding: 10px;
margin: 5px auto 0 auto;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
width: 80%;
font-size: 130%;
font-style: italic;
font-family: Book Antiqua, Times New Roman;
}

.quote1 {
background: #fff url("../images/left_quote.png") no-repeat scroll left top; 
color: #999;

padding: 0 0 0 60px;
}

.quote2  { 
padding: 0 60px 0 0;
background: transparent url("../images/right_quote.png")  no-repeat scroll right bottom;
}

.quote_author {
text-align: right;
}

.quote p {
margin: 0;
padding: 0;
}

#search-again-form {
width: 80%;
margin: 0 auto;
padding: 20px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background-color: #f9f9f9;
text-align: center;
}

#search-again-form p {
margin-bottom: 0;
padding-bottom: 0;
}

.search_entry {
padding-top: .5em;
padding-bottom: .5em;
}

.search_entry h3 {
padding: 0;
margin: 0;
font-size: 120%;
}

.search_entry p {
padding: 0;
margin: 0;
}

.search_entry p.search_url {
color: green;
}

.notice {
padding: 10px;
border-top: 1px solid #d4e5c9;
border-bottom: 1px solid #d4e5c9;
background-color: #eefbe6;
text-align: center;
margin-bottom: 10px;
font-size: 120%;
}

.CreativeCommonsLicense {
padding: 10px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background-color: #f9f9f9;
text-align: center;
font-size: 80%;
}

.CreativeCommonsLicense p {
margin: 0;
padding: 0;
}

#alert {
width: 500px;
margin: 0 auto;
font-family: Arial, Helvetica, Sans-serif;
}

#alert h1 {
text-align: center;
font-family: Georgia, Serif;
font-size: 250%;
margin: .5em 0;
}

#alert h4 {
margin-bottom: 0;
padding-bottom: 0;
margin-top: .5em;
font-size: 110%;
}

.sources {
   color:  #777;
   font-size: 85%;
}

.sources h4 {
  color:  #777;
  font-weight:  bold;
}

#ads {
text-align: center;
margin: 10px 0 0 0;
}


#teasers_container {
  background: #eee url("../images/teasers/boxes_bg.png") top left repeat-y;
  width: 749px;
  margin-top: 20px;
}

#teasers {
  background: transparent url("../images/teasers/boxes.png") top left no-repeat;
  position: relative;
  margin: 0;
}

#teasers_bottom {
  position: absolute;
  left: 0;
  bottom: 0;
}

.teaser {
  float: left;
  width: 339px;
  padding: 15px 15px 8px 15px;
  text-align: center;
}

.teaser h3 {
  margin: 0 0 .5em 0;
  text-shadow: #fff 1px 1px 0;
  font-weight: bold;
  color: #444;
}

.teaser p {
  text-align: left;
  color: #555;
  font-size:  90%;
  line-height: 130%;
}

.teaser form {
  margin: 0 0 1em 0;
}

.teaser h5 {
  text-align: left;
  margin: 0 0 .2em 0;
}

.teaser ul {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 90%;
  margin-left: 0;
  padding-left: 2em;
  color: #777;
}

#teaser1 .info {
  font-size: 80%;
  color:  #777;
}

#gravity-matters-logo {
  margin-bottom: .5em;
}

#teaser1 {
  margin-right: 11px;
}

#teaser input#email {
  color: #999;
}

#new_sticker {
  position: absolute;
  right: -5px;
  top: -5px;
}

#listing{
	padding-left:30px;
	margin-top:20px;
	float:left;
	width:420px;
}
#listing img{
	float:left;
	padding:0 10px 0 0;
	width:150px;
	height:150px;

}
#listing h3.right{
	float:right;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	margin-bottom:10px;
	padding:0;
	width:260px;
}
#listing p.right{
	margin:0;
	padding:0;
	width:260px;
	float:right;
}
.video {
	margin-bottom: 1em;
}

#overview .video {
	text-align: center;
}

#video_nav .video_link { width: 105px; text-align: center; float: left; margin-bottom: 1em; }
#video_nav .video_link img { border: 2px solid #fffce1; margin-bottom: 4px; }
#video_nav .selected_video img { border-color: #a00; }
