@charset "utf-8";
/* CSS Document */
 
body, html {
  margin:0px;
  padding:0px;
  border:0px;
  font-size:14px;
  background:url(../images/bg-pattern.png);
  background-repeat:repeat;
}
/* Top Navigation */
#topbar {
  border:0px;
  padding:0px;
  margin:0px;
  width:100%;
  min-width:840px;
}
#logo {
  background-color:#8D79B6;
  width:206px;
  height:70px;
}
#date {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.750em;
  color: #663366;
  width:150px;
}
#resources {
  padding:0px;
  margin:0px;
  border:0px;
  width:80%;
  min-width:395px;
  height:41px;
  float:right;
}
/* Top Navigation Menu */
/* Primary Menu */
#nav, #nav ul {
  list-style-image:none;
  background-color: #8d79b6;
  padding:0px;
  margin:0px;
  border:0px;
  text-align:left;
}
#nav li {
  display:inline;
  float: left;
  padding:0px;
  margin:0px;
  border:0px;
}
/* Secondary Menu */
#nav li ul {
  position: absolute;
  top:70px;
  left: -999em;
  padding:0px;
  margin:0px;
  border:0px;
}
#nav a {
  text-decoration: none;
  color: #663366;
  font-size:11.5px;
}
#nav li ul li:hover a { color:#ffffff; }
#nav li ul li.ss3, #nav li ul li.cc3, #nav li ul li.r3, #nav li ul li.rl3 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  list-style-position:inside;
  padding:11.5px 5px;
  margin:0px;
  border:0px;
}
#nav li.ss:hover ul, #nav li.cc:hover ul, #nav li.r:hover ul, #nav li.rl:hover ul {
  padding:0px;
  margin:0px;
  border:0px;
}
/* IE js fix */
#nav li.sfhover ul {
  left:200px;
  padding:0px;
  margin:0px;
  border:0px;
}
/* Survey Says */
#nav li.ss:hover ul { left:196px; }
#nav li ul li.ss3 { background:url(http://www.smartgirl.org/topnav/nav_pinksub_bg.gif); }
#nav li ul li.ss3:hover { background:#FF339A; }
/* Creative Corner */
#nav li.cc:hover ul { left:336px; }
#nav li ul li.cc3 { background:url(http://www.smartgirl.org/topnav/nav_greensub_bg.gif); }
#nav li ul li.cc3:hover { background:#349934; }
/* Reviews */
#nav li.r:hover ul { left:242px; }
#nav li ul li.r3 { background:url(http://www.smartgirl.org/topnav/nav_orangesub_bg.gif); }
#nav li ul li.r3:hover { background:#FF6603; }
/* Real Life */
#nav li.rl:hover ul { left:130px; }
#nav li ul li.rl3 { background:url(http://www.smartgirl.org/topnav/nav_bluesub_bg.gif); }
#nav li ul li.rl3:hover { background:#006699; }
/* Breadcrumb Trail */
#breadcrumb {
  background-color:#E0DCF2;
  text-indent:35px;
  padding:8px 0;
  width:100%;
  min-width:840px;
  text-align:left;
  clear:both;
  border-bottom: 1px #8D79B6 solid;
  border-top: 1px #8D79B6 solid;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #660066;
  padding: 8px 0px;
}
/* heritage class -- delete after redesign */
.breadcrumb {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #660066;
  padding: 8px 0px;
}
.breadcrumb .you-are-here { font-weight:bold; }
.breadcrumb a { color:#660066; }
/* Bottom Navigation */
#bottom-navigation {
  background-color:#8d79b6;
  padding:10px;
  text-align:left;
}
#bottomnavigation {
  background-color:#8d79b6;
  padding:10px;
  text-align:left;
}
/* Positioning */
.right { float:right; }
.left { float:left; }
.center { margin:0px auto; }
.clear { clear:both; }
/* Content */
#container {
  width:820px;
  background-color:#ffffff;
  margin-left:232px;
  border-left:3px #f2eec9 solid;
  border-right:3px #f2eec9 solid;
  border-bottom:3px #f2eec9 solid;
  position:relative;
  z-index:1;
}
#content {
  background-color:#fff;
  width:600px;
  margin-left:50px;
  padding:5px;
  text-align:left;
}
.header {
  padding:15px 10px;
  clear:both;
  margin:0px;
  text-align:left;
  border:0px;
}
p.block-indent {
	padding-left:10px;
  }
div.category-heading {
	padding-left:10px;
  width:100%;
  height:48px;
  background: #f8e7f0;
  border:2px solid #f3dfea;
  position:relative;
  }
div.category-heading p {
	position:relative;
  height:48px;
  top:50%;
  margin-top:-8px;
  }
div.category-heading:hover {
  background: #f3dfea;
  }
.back-to-top {
  display:inline;
  position:absolute;
  right:10px;
  border:0px;
  }
.back-to-top a:hover {
	text-decoration:none;
  font-weight:bold;
  }
.subheader {
  padding:10px 5px;
  clear:both;
  margin:0px;
  text-align:left;
  border:0px;
}
p {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size: 14px;
}
strong {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
b {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
em {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
}
i {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: italic;
}
h2 {
  text-transform:uppercase;
  font-family:'Times New Roman', Times, serif;
  font-size:24px;
  font-weight:normal;
}
h3 {
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:16px;
}
a {
  color:#993399;
  text-decoration:none;
}
a:hover { text-decoration:underline; }
a:active { color: #993399; }
a:visited { color: #993399; }
a.no-decoration {text-decoration:none;}
/* showHide function */
.more { display: none; }
a.showLink, a.hideLink {
  text-decoration: none;
  color:#CC0000;
  padding-left: 8px;
}
a.showLink:visited, a.hideLink:visited { color:#CC0000; }
/* end showHide function */
ol {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
}
ul {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
li.inline {
  display:inline;
  padding:0 5px;
}
li.last { display:inline; }
.subtitle-pink {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#993399;
  font-style:normal;
  text-decoration:none;
}
dt {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
}
dd {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-bottom:10px;
}
/** 
.form {
  background-color: #FFFFEE;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
.form-radio {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #FFFFEE;
}
 **/
/* Examples */
.example {
  width:95%;
  border:3px #fce06a solid;
  background-color:#fdf6d6;
  padding:15px;
  margin:5px;
}
div.example li {
	list-style:inside;
  list-style-type:decimal;
  }
div.example textarea {
	width:450px;
  }
div.example input[text] {
	width:300px;
  }
.good-example {
  width:90%;
  border:3px #6ebf90 solid;
  background-color:#defeeb;
  padding:5px;
  margin:10px;
}
.bad-example {
  width:90%;
  border:3px #ff775f solid;
  background-color:#fee1dc;
  padding:5px;
  margin:10px;
}
/* Images */
.caption-img {
  padding: 5px;
  margin:0 10px;
  border: solid #CDCDCD;
  width:243px;
  background-color:#EBEBEB;
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-style:italic;
  font-size:10px;
}
/* Home */
/* Tip of the Day */
.tiptext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
}
.tipname {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
  font-style: italic;
}
.tiplink {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  font-style: normal;
}
/* Survey Says */
/* Index */
div.index-section-survey-says {
	background:#f8e7f0;
  padding: 0px 5px 10px 5px;
  margin:3px;
  }
div.index-section-survey-says:hover {
	background:#f3dfea;
}
/* Girl 1 */
#girl1 {
  height:334px;
  width:134px;
  z-index:0;
  margin-top:-335px;
  margin-bottom:0px;
  float:right;
}
.survey-says { background-color:#fff; }
.speakout-tablebottom { background-color: #CC0066; }
.speakout-tabletop {
  background-color: #CC0066;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
}
.speakout-tableoddrow {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
}
.speakout-tableevenrow {
  background-color: #FEEFF6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
}
.report-header {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  background-color: #FFFFEE;
}
.report-text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #FFFFEE;
}
.report-credit {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  color: #CC3366;
  background-color: #FFFFEE;
}
.report-title {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.500px;
  background-color: #FFFFEE;
}
.report-graph-header {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  background-color: #FFFFEE;
  padding-left: 8px;
  padding-top: 8px;
}
.report-graph-text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #FFFFEE;
  padding-left: 8px;
}
.report-graph {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #FFFFEE;
  padding-left: 8px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  text-align: center;
}
.report-graph-title {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #FFFFEE;
  padding: 2px 8px;
  text-align: center;
  font-weight: bold;
  color: #666666;
}
.report-graph-caption {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #FFFFEE;
  padding: 2px 8px 9px;
  text-align: center;
  color: #666666;
  font-style: italic;
}
.graph-table-row-head {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  background: #E8D6DF;
  border-color: white white #999999 #999999;
  border-style: solid;
  border-width: 0px;
}
.graph-table-col-head {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  background: #CC0066;
  color: #FFFFFF;
  border-color: #999999 white white #999999;
  border-style: solid;
  border-width: 0px;
}
.graph-table-cell {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  background: #FFFFFF;
  border-color: white #999999 #999999 white;
  border-style: solid;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
/* Reviews */
/* Index */
div.index-section-reviews {
  background:#FFF3E1;
  padding: 0px 5px 10px 5px;
  margin:3px;
}
div.index-section-reviews:hover { background:#ffedd3; }
/* Featured Reviews */
div.featured-review {
  height:350px;
  width:270px;
  padding:0px 10px;
  background:#FFCC00;
  color:#000000;
  float:left;
  margin:3px;
}
div.featured-review a {
  text-decoration:none;
  color:#996600;
}
div.featured-review:hover { background:#ffe680; }
div.featured-review:hover a { text-decoration:none; }
p.featured-review-category {
  font-size:35px;
  color:#996600;
}
div.featured-review-category-image {
  float:right;
  padding:10px 0px;
  border:0px;
}
/* SmartGirl Suggests */
div.suggests-gallery {
  margin:2px;
  border:1px solid #000000;
  height:360px;
  width:190px;
  float:left;
  background:#000000;
  text-align:center;
}
div.suggests-gallery a { text-decoration:none; }
div.suggests-gallery:hover {
  text-decoration:none;
  background-color:#666666;
}
div.suggests-gallery img {
  display:inline;
  margin:3px;
  border:none;
}
div.suggests-gallery a:hover img { border:1px solid #ffffff; }
.suggests-gallery-desc {
  font-weight:normal;
  width:170px;
  margin:2px 10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#ffffff;
  text-align:left;
}
.suggests-gallery-title {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#ffffff;
  padding:5px 0px;
  text-align:center;
}
p.suggests-byline {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#ff6603;
  font-weight:bold;
  font-style:italic;
}
p.suggests-author {
  font-style:italic;
  font-size:12px;
}
img.suggests {
  margin-right:10px;
  border: 1px #e2e2e2 solid;
}
div.coming-soon, div.coming-soon a, div.coming-soon p, div.coming-soon:hover {
  background:#efefef;
  color:#000;
}
.spread-tablebottom { background-color: #FF6603; }
.spread-tabletop {
  background-color: #FF6603;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
}
.spread-tableoddrow {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
}
.spread-tableevenrow {
  background-color: #FFEEEB;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
}
.spread-table0 {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
}
.spread-table1 {
  background-color: #FFEEEB;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
}
.reviewtitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #FF6603;
  font-style: normal;
}
.review-phrase {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:  8px;
  font-style: italic;
  color: #333333;
  font-weight: bold;
}
.review-quote {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: italic;
  color: #333333;
  font-weight: normal;
}
.review-questions {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #333333;
  font-weight: bold;
}
.review-categories { font-family: Verdana, Arial, Helvetica, sans-serif; }
.review-categories-selected {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
}
/*Weekly Quote*/
.quote {
  width:auto;
  background-color:#FF944F;
  margin:15px auto;
  padding:10px;
}
/* Girl 3 */
#girl {
  height:334px;
  width:134px;
  z-index:0;
  margin-top:-334px;
  margin-bottom:0px;
  float:right;
}
#girlpainter {
  z-index:0;
  float:right;
  right:0px;
  margin-bottom:3px;
}
.other-tablebottom { background-color: #663366; }
.other-tabletop th {
  background-color: #663366;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 15px 15px;
}
.other-tabletop th:hover { background: #8f478f; }
.other-tableoddrow td {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 5px 10px;
}
.other-tableevenrow td {
  background-color: #F0E2F0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 5px 10px;
}
/* Creative Corner */
/* Index */
/* Green Facts */
#green-facts {
  width:auto;
  background-color:#319c31;
  margin:15px auto;
  padding:10px;
}
div.index-section-creative-corner {
  background:#e6f9e6;
  padding: 0px 5px 10px 5px;
  margin:3px;
}
div.index-section-creative-corner:hover {
	background:#dbf1db;
  }
/* Girl 2 */
#girl2 {
  height:335px;
  width:140px;
  z-index:0;
  margin-top:-335px;
  margin-bottom:0px;
  float:right;
}
.creative-corner { background-color:#edf7f2; }
.writing-month {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
.subtitle-green {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #006600;
  font-style: normal;
}
.green { color: #006600; }
/* Real Life */
/* Index */
div.index-section-real-life {
  background:#e2edf8;
  padding: 0px 5px 10px 5px;
  margin:3px;
}
div.index-section-real-life:hover {
	background:#d8e6f3;
  }
.issues-tablebottom { background-color: #003366; }
.issues-tabletop {
  background-color: #003366;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
}
.issues-tableoddrow {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
}
.issues-tableevenrow {
  background-color: #DADEF0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
}
.issues-table1 {
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
}
.issues-table0 {
  background-color: #DADEF0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
}
/* Brain Food */
div.index-section-brain-food {
  background:#fbf8db;
  padding: 0px 5px 10px 5px;
  margin:3px;
}
div.index-section-brain-food:hover {
	background:#f7f4d4;
  }
/* Miscellaneous */
.blurb {
  background-color:#efefef;
  border: 3px #999999 solid;
  padding:7px;
  width:250px;
  margin:10px;
}
.style4 { font-size: x-small }
.tutnav {
  margin-left: 12px;
  padding-left: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  color: #000000;
}
.error {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #880000;
}
.small-text {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8px;
  color: #000000;
}
.subnav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}
.subnav a { text-decoration:none; }
.admin-header {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #663366;
}
.hide { display:none; }
.pageblurb { padding: 0px 0 0 15px; }
/*Resources Side Nav */
.resources-subtopics, .resources-subtopics ul {
  padding:0px;
  margin:0px 20px;
  text-align:left;
  border-bottom:1px #8D79B6 solid;
  position:relative;
  bottom:1px;
  width:195px;
}
.resources-subtopics li {
  list-style:none;
  background:#E0DCF2;
  color:#8D79B6;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  border-right:6px solid #8D79B6;
  border-left:1px solid #8D79B6;
  padding:10px 22px;
}
.resources-subtopics li.menu-heading {
  font-weight:bold;
  text-transform:uppercase;
  padding-left:13px;
}
.resources-subtopics a, .resources-subtopics a:hover, .resources-subtopics a:visited {
  color:#8D79B6;
  text-decoration:none;
}
.resources-subtopics li:hover {
  border-right:6px solid #A29B61;
  background:#ede9c0;
}
.resources-subtopics li:hover a { color:#A29B61; }
.resources-subtopics a:hover { color:#a29b61; }
/*SmartScopes*/
.aboutsmartscope {
  padding:10px;
  background:#E0DCF2;
}
.famoussmartscope {
  padding:10px;
  border:0px;
}