/* @override http://sciencefaircentral.hzdesign.com/css/main.css */


html,body {
  padding: 0;
  margin: 0;
}

html {
  background-color: #6797b9;
  background-image: url(../images/background/pattern.png);
  background-repeat: repeat-x;

}

body {
  /*background-image: url(../images/background/sketch.png);*/
  /*background-image: url(../images/background/sketch-summer.png);*/
  background-repeat: no-repeat;
  background-position: center top;

  color: #000;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 135%;
}

ul {
  margin: 0;
  padding-left: 1.5em;
  marker-offset: 0;
}

li {
  margin: 0;
  padding: 0;
}

a {
  color: #369;
}

a img {
  border-style: none;
}



/* @group Headers */

h1,h2,h3 {
  color: #000;
}

h1 {
  margin: 0;
  padding: 0;

  font-size: 1.9em;
  font-weight: normal;
  line-height: 130%;
}

h2 {
  margin: 2em 0 0 0;
  font-size: 1.4em;
}

h2#investigation,h2#invention {
  margin: 3em 0 0.5em 0;
  padding: 0 0 0 50px;

  height: 36px;

  line-height: 36px;

  font-size: 1.1em;
  font-weight: bold;

  background-repeat: no-repeat;
}

h2#investigation {
  background-image: url(../images/content_chrome/header_investigation.png);
}

h2#invention {
  background-image: url(../images/content_chrome/header_invention.png);
}

/* @end */

/* @group Tables */

table {
  margin: 0 0 1.5em 0;
  padding: 0;
  border-collapse: collapse;
}

caption {
  color: #fff;
  background-color: #86aecd;
  padding: 1em;
  font-weight: bold;
}

thead {
  padding: .5em;
}

th {
  background-color: #cbdeed;
  color: #363638;

  padding: .5em;

  border: 1px solid #fff;
}

th,caption {
  vertical-align: text-top;
}

td {
  padding: .5em;

  border: 1px solid #cbdeed;
}

/* @end */

#content_body ul,#content_body ol {
  margin: 1em 0 0.5em 0;
}

/* @group Inline Navbars */

.inline_nav {
  padding: 0;
  margin: 0;

  display: block;
  float: left;

  list-style-type: none;
}

.inline_nav li {
  display: block;
  float: left;

  list-style-type: none;

  padding: 0;
  margin: 0;
}

.inline_nav a {
  display: block;

  height: 100%;
  width: 100%;
}

.inline_nav a span {
  display: none;
}

/* @end */



#main {
  position: relative;
  margin: 0 auto;

  width: 952px;
  min-height: 673px;
  height:auto !important;
  height:673px;
  
  border: 1px solid #939393;
  border-top-width: 0;

  background-color: #edf5fa;
}

/* @group Header */

#header {
  position: relative;

  background: url(../images/header/bg.png) repeat-x;

  float: left;

  overflow: hidden;
}

/* @group Logo */

#logo {
  position: relative;
  padding: 16px 0 3px 11px;
  height: 39px;
  width: 426px;
  clear: both;
}

#logo a {
  display: block;

  width: 100%;
  height: 100%;

  background: url(../images/header/logo.gif) no-repeat;
}

#logo span {
  display: none;
}

/* @end */

#page_curl {
	position: absolute;
	top: 0;
	right: 0;
}

/* @group Steps Navigation */

#steps_nav {
  clear: left;
  padding: 2px 0 3px 0;
  background-image: url(../images/steps_nav/bg.png);
}

#steps_nav a{
  width: 205px;
  height: 40px;
  margin-left: 3px;
  background-image: url(../images/steps_nav/sprite.png);
}

#steps_nav_1 a {
  background-position: 0 0;
}

#steps_nav_1 a:hover,#steps_nav_1.selected a {
  background-position: 0 40px;
}

#steps_nav_2 a {
  background-position: -205px 0;
}

#steps_nav_2 a:hover,#steps_nav_2.selected a {
  background-position: -205px 40px;
}

#steps_nav_3 a {
  background-position: -410px 0;
}

#steps_nav_3 a:hover,#steps_nav_3.selected a {
  background-position: -410px 40px;
}

/* @end */

/* @group Resources Navigation */

#resources_nav {
  padding: 3px 6px 4px 5px;

  width: 317px;
  height: 38px;

  background-image: url(../images/resources_nav/bg.png);
}

#resources_nav a {
  height: 38px;
  margin-left: 6px;

  background-image: url(../images/resources_nav/sprite.png);
}

#resources_nav_parent a {
  width: 99px;
}

#resources_nav_parent a:hover,#resources_nav_parent.selected a {
  background-position: 0 -38px;
}

#resources_nav_coordinator a {
  width: 107px;
  background-position: -99px 0;
}

#resources_nav_coordinator a:hover,#resources_nav_coordinator.selected a {
  background-position: -99px -38px;
}

#resources_nav_feedback a {
  width: 92px;
  background-position: -206px 0;
}

#resources_nav_feedback a:hover,#resources_nav_feedback.selected a {
  background-position: -206px -38px;
}

/* @end */

/* @end */

/* @group Footer */

#footer {
  margin-top: 4em;
  text-align: center;

  color: #fff;
  font-size: 0.8em;
}

/* @group Sitemap */

#sitemap {
  display: block;
  float: none;
}

#sitemap li {
  display: inline;
  float: none;

  padding: 0 1em;

  border-left: 1px solid #fff;
}

#sitemap li:first-child {
  border-style: none;
}

#sitemap a {
  display: inline;

  color: #fff;
  text-decoration: none;
}

#sitemap a:hover {
  text-decoration: underline;
}

/* @end */

#copyright {
}

/* @end */

/* @group Main Content */

#content_wrapper {
  clear: left;
  background: url(../images/content_chrome/narrow/topcap.png) no-repeat;
  padding: 13px 0 0 0;
  overflow: hidden;
}

#content_wrapper.wide {
  background: url(../images/content_chrome/wide/topcap.png) no-repeat;
 
}

#content_body {
  position: relative;
  
  left: 208px;
  top: 0px;
  width: 672px;

  margin: ;
  padding: 12px 3em 2px 35px;

  background: #fff url(../images/content_chrome/narrow/bg.png) repeat-y;

  color: #666;
}

#content_wrapper.wide #content_body {
  left: 2px;
  width: 878px;
  background-image: url(../images/content_chrome/wide/bg.png);
}

#content_footer {
  position: relative;
  left: 208px;

  background: #fff url(../images/content_chrome/narrow/bottomcap.png) no-repeat;

  width: 742px;
  height: 10px;

  margin-bottom: 5px;
  padding: 0;
}

#content_wrapper.wide #content_footer {
  left: 2px;

  width: 948px;

  background-image: url(../images/content_chrome/wide/bottomcap.png);
}

#content_wrapper.wide.ruler-cap {
	background: transparent url(../images/supply_kit/science-kit-ruler.png) no-repeat 0 0;
	padding-top: 48px;
}

#content_wrapper.wide #content_body.supplykit {
	overflow: hidden;
}

#content_wrapper.wide #content_body.supplykit li {
	list-style-image: url(../images/list-bullet.png);
	margin-left: 30px;
}

#content_wrapper.wide #content_body.supplykit h1, #content_wrapper.wide #content_body.supplykit h2, #content_wrapper.wide #content_body.supplykit h3 {
	margin:0;
	padding: 5px 0;
}

#content_wrapper.wide #content_body.supplykit h1 {
	font-size: 2.2em;
	color: #F5882D;
}

#content_wrapper.wide #content_body.supplykit h3 {
	font-size: 1.5em;
	font-weight: normal;
	color: #F5882D;
}

#content_wrapper.wide #content_body.supplykit .tips {
	clear: both;
}

#content_wrapper.wide #content_body.supplykit .tips div {
	width: 535px;
	height: 274px;
}

#content_wrapper.wide #content_body.supplykit .tips p {
	float:left;
	padding:20px 0;
	width:335px;
}

#content_wrapper.wide #content_body.supplykit .tips span {
	color: #F5882D;
}

#content_wrapper.wide #content_body.supplykit .tips p.product span {
	font-size: 1.5em;
}

#content_wrapper.wide #content_body.supplykit .tips p.desc span {
	font-size: 1em;
	font-weight: bold;
}

#content_wrapper.wide #content_body.supplykit .tips p.desc {
	width: 275px;
	font-size: 0.909em;
}


#content_wrapper.wide #content_body.supplykit .tips .triboard {
	background: transparent url(../images/supply_kit/tips-tri-fold.png) no-repeat 0 0;
	float: right;
}

#content_wrapper.wide #content_body.supplykit .tips .triboard p.desc {
	padding: 65px 10px 10px 220px;
}

#content_wrapper.wide #content_body.supplykit .tips .tools {
	background: transparent url(../images/supply_kit/tips-xacto.png) no-repeat 0 0;
	float: left;
}
#content_wrapper.wide #content_body.supplykit .tips .tools p.desc {
	padding: 58px 10px 10px 220px;
}

#content_wrapper.wide #content_body.supplykit .tips .adhesive {
	background: transparent url(../images/supply_kit/tips-glue.png) no-repeat 0 0;
	float: right;
}
#content_wrapper.wide #content_body.supplykit .tips .adhesive p.desc {
	padding: 58px 10px 10px 220px;
}

#content_wrapper.wide #content_body.supplykit .tips .accessories {
	background: transparent url(../images/supply_kit/tips-popperz.png) no-repeat 0 0;
	float: left;
}

#content_wrapper.wide #content_body.supplykit .tips .accessories p.desc {
	padding: 58px 10px 10px 220px;
}

#content_wrapper.wide #content_body.supplykit p.sidebar {
	background: transparent url(../images/supply_kit/callout-box.png) no-repeat 0 0;
	height: 95px;
	padding:15px 23px;
	width:135px;
}



/* @group Page Navigation */


#page_nav {
  position: absolute;
  left: 10px;

  padding: 0;

  width: 185px;
}

#page_nav,#page_nav ul {
  margin: 0;

  list-style-type: none;
}

#page_nav ul {
  padding-left: 15px;
}

#page_nav li {
  margin: 0;
  padding: 1px 0;
  border-top: 1px solid #dfe6eB;

  display: block;
  float: left;

  width: 185px;
}

#page_nav li li {
  border-style: none;
  padding: 0;

  width: 170px;
}

#page_nav > li:first-child {
  border: none;
}

#page_nav li a {
  display: block;

  padding: 5px 1px 5px 18px;

  line-height: 17px;
  text-decoration: none;
}

#page_nav a:hover,#page_nav a.selected {
  background: #fff url(../images/bullet.png) no-repeat 8px center;
  color: #c00;

  border: 1px solid #D9E5EF;
  padding: 4px 0 4px 17px;
}


/* @end */

/* @group Sidebar */

.sidebar {
  float: right;
  clear: both;

  margin: 0 0 1em 30px;

  width: 235px;
}

.sidebar .tips {
  position: relative;

}

.sidebar .tips div {
  margin: 0;
  padding: 0 15px 5px 15px;

  border: 1px solid #D9E5EF;
  border-width: 0 1px;
}

.sidebar .tips h3 {
  width: 214px;
  height: 52px;

  padding: 0 0 0 21px;
  margin: 0;

  background: url(../images/sidebar_tips/header.png) no-repeat;

  line-height: 52px;
}

.sidebar .tips ol {
  padding: 0;
}

.sidebar .tips .more_tips {
  display: block;

  height: 96px;
  width: 235px;

  background: url(../images/sidebar_tips/footer.png) no-repeat;
}

.sidebar .tips .more_tips span {
  display: none;
}

/* @end */

/* @group Table of Contents */

#toc {
  width: 608px;

  list-style: none;

  padding: 0;

  border: 1px solid #d9e5ef;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#toc li {
  background: url(../images/bullet.png) no-repeat 8px center;

  padding: 8px 20px;
  font-size: 1.1em;
  border-top: inherit;
}

#toc li:first-child {
  border: none;
}

#toc a {
  text-decoration: none;
}

#toc a:hover {
  text-decoration: underline;
}

/* @end */

.read_more, .partner-sites {
  overflow: hidden;
  list-style: none;

  padding: .5em 1em 1em 1.5em;

  color: #3a3a3a;
  font-weight: bold;

  border: 1px solid #cbdeed;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.read_more li {
  margin-top: .5em;
}

.partner-sites li {
	float: left;
	font-size: 1.125em;
	margin: 15px 30px 0 0;
}

/* @end */



/* MDR Lookup Form -DDS */

#feedback {z-index:1; padding:0px 0px 0px 322px; font-size:12px;}
#feedback div.spacer {height:165px;width:100%; position:relative; *height:65px;}
#feedback ul {margin:0px 0 0 0; z-index:2; padding:0; list-style-type:none;}
#feedback li {display:block; overflow:hidden; height:100%; margin:0 0 12px 0; padding:0;}
*html #feedback li {height:auto; overflow:auto;}
#feedback li span {color:#000000;}
	#formBlock label {font-weight:normal; width:100px; display:block; padding-top:3px; float:left;}
	#formBlock input {width:160px; font-size:11px; font-family:Arial, Helvetica, sans-serif; display:block; float:left;}
	label {font-weight:normal; font-size:12px; color:#003493;}
	label.chk {font-weight:normal; position:relative; top:-3px; left:12px; padding-bottom:16px; color:#666666;}
	textarea {margin-top:5px;}
	#strZip {width:93px;}
	#feedback h6 {font-weight:bold; font-size:16px; color:#003493; margin:80px 0 0 0;}

#resultFrame {line-height:18px; margin-top:14px; background-color:#ffffff;}
#resultFrame a {text-decoration:underline;}
.listBox {border:1px solid #999999; height:171px; width:266px; overflow:auto;}

#refer {position:absolute; left:497px; top:202px; width:426px; background:URL(../images/refer_bg.jpg) repeat-y;}
#refer ul {margin:10px 0 0 66px; position:relative; z-index:2; padding:0; list-style-type:none;}
#refer li {display:block; position:relative; overflow:hidden; height:100%; margin:0 0 12px 0; padding:0; color:#666; font-size:12px;}
#refer li span {color:#000000;}
#thankyou {z-index:1; padding:0px 0px 0px 0px; font-size:12px; text-align: center; font-weight: bold;}

/*places link over logo from the header*/
#SFC_logoLink {display:block; position:absolute; top:7px; left:355px; height:48px; width:440px; z-index:8; text-decoration: none;}
#SFC_logoLink span {float:left; font-size:1.066em; font-weight:bold; padding:16px 10px 0; position:relative;}

/*Summer Activities Page*/

.two-col-left, .two-col-right { width:280px; float:left;}
.two-col-right {margin:20px 0 0 40px;}
.two-col-left {margin:20px 0 0 25px;}
.activity img {height:55px; width:85px; overflow:hidden; display:block; border:1px solid #999; float:left;}
.activity p {width:180px; float:right; display:block; margin:0 0 0 10px; padding:0;}
.activity p a {font-weight:bold; text-decoration:none; display:block;}
.activity p a:hover{text-decoration:underline;}
.activity {float:left; margin-bottom:20px;}


#landing-summer-top { height:72px; width:950px; display:block; background: url("../images/landing-pages/SF-Summer-Top.png") 0 0 no-repeat; float:left;}
#landing-summer-top h1 {color:#FFF; margin:25px 0 0 25px;}
#landing-summer-middle {width:950px; background: url("../images/landing-pages/SF-Summer-Middle.png") 0 0 repeat-y; float:left;}
#landing-summer-bottom {width:950px; height:20px; display:block; background: url("../images/landing-pages/SF-Summer-Bottom.png") 0 0 no-repeat; float:left;}

.two-col-sidebar {margin-left:70px;  _margin-left:50px; _margin-top:0px !important; border:1px; float:left;}

/* @end */