* { margin: 0; padding: 0; }

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .8em;
  background:  url(../images/interface/page_bg.png) 0 0 repeat-x;
  color: #333;
  margin-bottom: 20px;
}
img { border: none; }
ul { list-style: none; }
fieldset { border: none; }
a, a.alt:hover { text-decoration: none; color: #295FB5; }
a:hover, a.alt { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 190%; }
h2 {
  font-size: 140%;
  margin-bottom: 10px;
}
h3 { font-size: 120%; margin-bottom: .5em; }
p { margin-bottom: 1em; }
option { padding-left: 10px; }

.clearer { clear: both; }
.ltrule { height: 1px; background: url(../images/interface/lt_grey_dotrule.png) 0 0 repeat-x; }
.dkrule { height: 1px; background: url(../images/interface/dk_grey_dotrule.png) 0 0 repeat-x; }
.spacer { margin: 7px 0; }
.dotrule.blue { background: url(../images/interface/blue_dotrule.png) 0 100% repeat-x; padding-bottom: 3px; }
.dotrule.blue:hover { background-image: url(../images/interface/blue_solidrule.png); text-decoration: none; }
a.dkrule, a.ltrule { background-position: 0 100%; color: #666666; }
a.dkrule:hover { background-image: url(../images/interface/dk_grey_solidrule.png); text-decoration: none; }
a.ltrule:hover { background-image: url(../images/interface/lt_grey_solidrule.png); text-decoration: none; }
.circle_right { padding-right: 20px; background: url(../images/interface/circle_arrow_right.png) 100% 0 no-repeat; }
img.bordered { padding: 1px; border: 1px solid #999; }
label.hidden { position: absolute; left: -100em; }

/* HEADER ---------------------------------------------- */

/* contains title, special nav and primary navigation */

div#header {
  width: 990px;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
}
div#header h1 {
  white-space: nowrap;
  text-indent: 100em;
  background:  url(../images/interface/header_logo.png) 0 0 no-repeat;
  height: 33px;
  width: 558px;
  margin: 15px 10px 22px 6px;
  position: relative;
}
div#header h1 a {
  position: absolute;
  top: 0;
  left: 0;
  height: 33px;
  width: 175px;
  display: block;
}
/* special nav --------------------------------- */

ul#special_nav {
  position: absolute;
  right: -3px;
  top: 7px;
  font-size: 95%;
}
ul#special_nav li {
  display: block;
  float: left;
  padding: 0 10px 2px 10px;
  line-height: 1;
  border-left: 1px solid #aeaeae;
}
ul#special_nav li.first {
  font-weight: bold;
  border-left: none;
}

/* global nav ---------------------------------- */

div#global_nav {
  height: 34px;
  padding-left: 1px;
}
div#global_nav li {
  float: left;
  display: block;
  margin-left: -3px;
  height: 34px;
}
div#global_nav li a {
  text-indent: 100em;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  height: 31px;
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-top: 3px;
}
div#global_nav li.home a {
  width: 87px;
  background-image: url(../images/interface/tab_home.png);
}
div#global_nav li.learning a {
  width: 170px;
  background-image: url(../images/interface/tab_learning_center.png);
}
div#global_nav li.themes a {
  width: 103px;
  background-image: url(../images/interface/tab_themes.png);
}
div#global_nav li.resources a {
  width: 121px;
  background-image: url(../images/interface/tab_resources.png);
}
div#global_nav li.tools a {
  width: 84px;
  background-image: url(../images/interface/tab_tools.png);
}
div#global_nav li.about a {
  width: 138px;
  background-image: url(../images/interface/tab_about.png);
}

div#global_nav li.profile a {
  width: 119px;
  background-image: url(../images/interface/tab_profile.gif);
}

div#global_nav li a:hover,
div#global_nav li.active a {
  background-position: 0 -31px;
}
/* search bar --------------------------------- */

#search {
  padding: 0 1px 14px 1px;
  margin: 0 1px;
  clear: both;
  overflow: hidden;
  position: relative;
  width: 976px;
}

#search fieldset {
  background: #E8EEF2 url(../images/interface/search_bg.png) 0 100% repeat-x;
  padding: 8px 10px 11px 128px;
  border: none;
  margin: 0;
}
#search input.button {
  vertical-align: bottom;
  position: relative;
  top: -1px;
  margin: 0 18px 0 3px;
}
#search select#search_category {
  width: 106px;
}
#search input#search_terms {
  width: 320px;
  padding: 0 5px;
}
#search a.blue.dotrule {
  font-size: 90%;
  padding-bottom: 3px;
}
#search input.button {
  vertical-align: bottom;
  position: relative;
  top: -1px;
  margin-left: 3px;
}
div.advanced_search {
  /*float: left;
  width: 255px;
  margin-top: -1.5em;*/
  display: inline;
}

div#wrapper {
  width: 980px;
  padding: 0 5px 3px 5px;
  background:  url(../images/interface/wrapper_bg.png) 0 28px no-repeat;
  margin: 0 auto;
  clear: both;
}
div#wrapper div.subwrap {
  border: 1px solid #ddd;
  border-top: none;
  padding: 0 15px;
  background:  url(../images/interface/sidebar_bg.png) 100% 0 repeat-y;
}

/* CONTENT STYLES --------------------------------------------- */

div#content {
  width: 673px;
  float: left;
  margin-bottom: -9px;
  position: relative;
}
div#content h1 { 
  position: relative;
  top: -5px;
  margin-bottom: 8px;
}

div#content p {
  line-height: 1.4;
}
div#content ul {
  padding: 2px 0 5px 3px;
}
div#content ul li {
  padding-left: 15px;
  background: url(../images/interface/sq_grey_bullet.png) 0 5px no-repeat;
  margin-bottom: 5px;
}
div#content ol {
  margin-left: 2em;
  margin-bottom: 5px;
}
div#content ol li {
  margin-bottom: 5px;
}

div#toc {
  float: right;
  padding: 10px;
  margin: 0 0 20px 20px;
  border: 8px solid #f4f4ee;
  width: 224px;
}
div#toc div.header {
  margin-bottom: 10px;
  font-size: 90%;
  color: #666666;
}
div#toc div.header img {
  float: left;
  margin-right: 5px;
}
div#toc h3 {
  color: #666666;
  margin-bottom: 5px;
}

div#toc ul {
  background: url(../images/interface/dk_grey_dotrule.png) 0 0 repeat-x;
  padding: 8px 0 2px 7px;
  font-weight: bold;
  font-size: 90%;
}
div#toc li {
  padding-left: 15px;
  background: url(../images/interface/sq_grey_bullet.png) 0 60% no-repeat;
  margin-bottom: 8px;
  display: block;
}
div#toc ul a {
  font-weight: normal;
}
div#toc div.comments {
  margin: 10px 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
}

/* FOOTER -------------------------------------------- */

div#footer {
  width: 976px;
  padding: 1px;
  margin: 4px auto 10px auto;
  border: 1px solid #ddd;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
}
div#footer ul {
  height: 2.6em;
  padding: 0 15px;
  background-color: #F2F1ED;
}
div#footer li {
  float: left;
  display: block;
  padding: .6em 5px .4em 10px;
  background: url(../images/interface/sm_grey_bullet.png) 0 50% no-repeat;
}
div#footer li.first {
  padding-left: 0;
  background: none;
}
span.copyright { 
  float: right;
  display: block;
  margin: -1.9em 14px 0 0;
  color: #666666;
}
div#footer .logos {
  clear: both;
  background: url(../images/interface/lt_grey_dotrule.png) 0 0 repeat-x;
  margin: 2px 0;
  padding: 1px 2px 0 12px;
}
div#footer .logos img {
  margin-right: 25px;
  vertical-align: middle;
}

div#footer .logos span.circle_right {
  display: block;
  min-height: 30px;
  float: right;
  margin: 25px 10px 0 0;
  font-size: 110%;
}
div#footer .logos span.circle_right a {
  text-decoration: none;
  margin-bottom: 2px;
  color: #999;
line-height: 1.4;
}

/* SIDEBAR STYLES --------------------------------- */

div#sidebar {
  margin-top: 20px;
  width: 260px;
  float: right;
  font-size: 90%;
}
div#sidebar p {
  line-height: 1.35;
  margin-bottom: .6em;
}
div#sidebar div {
  padding: 6px 20px 15px 20px;
  border-top: 8px solid #F4F4EE;
}
div#sidebar div.related {
  padding-top: 20px;
}
div#sidebar div div {
  padding: 0;
  border-top: none;
}
div#sidebar h3 {
  color: #666666;
  background: url(../images/interface/dk_grey_dotrule.png) 0 100% repeat-x;
  padding-bottom: 6px;
  margin: 0 0 8px 0;
  font-size: 120%;
  line-height: 1.4;
}
div#sidebar ul {
  padding-top: 4px;
}
div#sidebar li {
  margin-bottom: 5px;
  line-height: 1.4;
}
div#bookend { /* bookend comes after the content div and adds the bottom border to the sidebar */
  clear: both;
  /*background: url(../images/interface/bookend_bg.png) 100% 0 no-repeat; */
  height: 22px;
}
div#sidebar dl {
  background: #fff url(../images/interface/lt_grey_dotrule.png) 0 100% repeat-x;
  min-height: 64px;
  position: relative;
  margin: 3px 0 4px 0;
  padding-bottom: 5px;
}
div#sidebar dt,
div#sidebar dd {
  margin-left: 92px;
}
div#sidebar dt {
  font-weight: bold;
}
div#sidebar dd.thumb {
  position: absolute;
  top: 3px;
  left: 0;
  margin-left: 0;
}
div#sidebar dd.creator {
  color: #666666;
}
div#sidebar img.button {
  margin-top: 8px;
}

/* ARTICLE STYLES --------------------------------- */
/* an article is all the pages that make up a Learning Center */

/* an article is made up of one or more sections, or pages */

/* STANZA STYLES ------------------------------- */
/* a section is made up of one or more stanzas */

div.stanza {
  margin-bottom: 25px;
}
div.stanza.links {
  margin-bottom: 10px;
}
div.stanza h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ALLUSION STYLES ----------------------------- */
/* a stanza is made up of one or more allusions */
div.allusion {
  background-color: #F2F1ED;
  padding: 15px 20px;
}
div.allusion.video {
  min-height: 300px;
}
div.allusion.photo {
  min-height: 184px;
}
div.allusion h4 {
  font-size: 100%;
  margin: 0 0 .3em 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.allusion h3 {
  color: #666666;
  font-size: 110%;
}
div.allusion div.media {
  float: right;
  margin: 0 0 20px 20px;
}
div.allusion div.media_left {
  float: left;
  margin: 0px 20px 0px 0px;
}
div.allusion dl {
  width: 16em;
}
div.allusion dt,
div.allusion dd {
  font-size: 95%;
  display: block;
  float: left;
  margin-bottom: 2px;
  min-height: 1.5em;
}
div.allusion dt{
  color: #666666;
  min-width: 3.5em;
}
div.allusion dd {
  font-size: 95%;
  display: block;
  float: left;
  min-width: 4.5em;
}
div.allusion div.info div.clearer {
  clear: left;
  width: 257px;
  padding: 7px 0 8px 0;
  background-position: 0 5px;
}
div.comments div.comment {
  padding: 4px 0 3px 0;
  background: url(../images/interface/dk_grey_dotrule.png) 0 0 repeat-x;
}
div.comments div.comment dl {
  position: relative;
  padding: 10px;
  min-height: 56px;
}
div.comments div.comment.alt dl {
  background-color: #F7F7F4;  
}
div.comments div.comment.museum dl {
  background-color: #EBF6FB;  
}
div.comments div.comment dt,
div.comments div.comment dd {
  margin-left: 70px;
}
div.comments div.comment dt {
  color: #999;
}
div.comments div.comment dt span.posted {
  color: #666666;
}
div.comments div.comment dd.text {
  width: 560px;
  clear: left;
  margin-top: 6px;
}
div.comments div.comment dd.thumb {
  position: absolute;
  top: 12px;
  left: 10px;
  margin-left: 0;
}
div.comments div.comment dd.thumb img {
  padding: 1px;
  border: 1px solid #9a9a9a;
}
div.comment_footer {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 110%;
  position: relative;
  min-height: 30px;
  padding: 5px 0 10px 0;
}
div.comment_footer a {
  padding-bottom: 3px;
}
div.comment_footer a.button {
  position: absolute;
  top: 8px;
  right: 0;
}
div.prev_next {
  background-color: #F2F1ED;
  padding: 7px 9px;
  font-size: 110%;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}
div.prev_next a {
  padding-bottom: 3px;
}
div.prev_next .prev {
  float: left;
  padding-left: 20px;
  background: url(../images/interface/circle_arrow_left.png) 0 0 no-repeat;
}
div.prev_next .next {
  float: right;
  padding-right: 20px;
  background: url(../images/interface/circle_arrow_right.png) 100% 0 no-repeat;
}
/* EDIT MODE ------------------------------------------------------ */

a.edit,
span.edit {
  font-weight: normal;
  background: #FBFFCC url(../images/interface/orange_carrot.png) 5px 50% no-repeat;
  padding: 5px 5px 5px 18px;
}

div.instructions {
  background-color: #DDF0F8;
  font-family: Arial, Helvetica, sans-serif;
}

div.edit_bar.master {
  background-color: #F2F1ED;
  padding: 3px 7px;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
  font-size: 95%;
}
div.edit_bar.master .dotrule.blue,
div.edit_bar.master .dkrule {
  padding-bottom: 3px;
}
div.edit_bar.master img.button {
  float: left;
}
div.edit_bar.master span.status,
div.edit_bar.master span.circle_right {
  float: left;
  display: block;
  margin-top: 3px;
  margin-left: 14px;
  min-height: 16px;
}
div.edit_bar.master span.circle_right {
  margin-left: 10px;
}
div.edit_bar.master span.more_actions {
  float: right;
  display: block;
  margin-top: 1px;
  min-height: 16px;
  position: relative;
  border: 1px solid #ccc;
  padding: 2px 8px 2px 8px;
  background-color: #fff;
}
div.edit_bar.master span.more_actions a.primary {
  background: url(../images/interface/down_arrow_blue.png) 100% 50% no-repeat;
  padding-right:  20px;
  text-decoration: none;
}
div.edit_bar.master span.more_actions div {
  font-size: 95%;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 166px;
  padding: 4px 1px;
  position: absolute;
  z-index: 20;
  top: 20px;
  left: -1px;
}
div#content div.edit_bar.master span.more_actions div ul {
  padding-top: 3px;
}
div#content div.edit_bar.master span.more_actions div li {
  background-image: none;
  padding-left: 0;
  margin-bottom: 8px;
}
div#content div.edit_bar.master span.more_actions div li a {
  padding: 3px 5px;
  text-decoration: none;
}
div#content div.edit_bar.master span.more_actions div li a:hover {
  background-color: #DDF0F7;
  color: #333;
}
div#content.edit h2 {
  margin-bottom: 15px;
}
div#content.edit h1 a.edit {
  font-size: 50%;
  position: relative;
  top: -.25em;
}
div#content.edit div.stanza  {
  border: 1px solid #ccc;
  padding: 1px;
  margin-bottom: 0;
}
div.stanza div.edit_bar  {
  background-color: #F2F1ED;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
}
div.stanza div.edit_bar a.edit {
  padding: 2px 11px 4px 21px;
  border-left: 1px solid #ccc;
  background-position: 9px 50%;
  min-height: 16px;
}
div.stanza div.edit_bar h6  {
  font-size: 100%;
  padding: 2px 0 4px 20px;
  float: left;
  color: #999;
  font-weight: normal;
}
div.stanza div.edit_bar div.tools  {
  float: right;
  padding-top: 2px;
}
div.stanza div.edit_bar div.tools a.move  {
  background: #DCF4CC url(../images/interface/move_icon.png) 11px 50% no-repeat;
  padding: 2px 11px 4px 34px;
  border-left: 1px solid #ccc;
  min-height: 16px;
}
div.stanza_content {
  padding: 10px 20px 0 20px;
}
div#content.edit div.allusion  {
  background-color: #fff;
}
div#content.edit div.allusion div.info div.clearer {
  width: 250px;
}
div#sidebar div.edit h2 {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #DDF0F8;
  padding: 7px 9px;
  margin-top: 1px;
  margin-bottom: 14px;
  font-size: 120%;
}
div#sidebar a.edit {
  font-size: 90%;
}
div#sidebar a.edit,
div#sidebar span.edit {
  padding: 3px 5px 2px 16px;
}

div#sidebar div.edit ul,
div#sidebar div.toc ul {
  padding: 0 0 2px 0;
  font-weight: bold;
  font-size: 100%;
}
div#sidebar div.edit li,
div#sidebar div.toc li {
  padding-left: 15px;
  background: url(../images/interface/sq_grey_bullet.png) 0 .75em no-repeat;
  margin-bottom: 2px;
  display: block;
}
div#sidebar div.edit a,
div#sidebar div.toc a {
  font-weight: normal;
}

div#sidebar div.add_stanzas {
  font-size: 105%;
}
div#sidebar div.add_stanzas div.instructions {
  padding: 2px 7px 5px 7px;
  border-top: none;
  margin-bottom: 3px;
  color: #666666;
}
div#sidebar div.add_stanzas div.instructions p {
  margin-bottom: 0;
}
div#sidebar div.add_stanzas div.options {
  padding: 5px 8px;
  border: 1px solid #ddd;
}
div#sidebar h4 {
  color: #666666;
  font-size: 100%;
  margin-bottom: 4px;
}
div#sidebar div.add_stanzas dl {
  background-position: 0 0;
  padding-top: 8px;
  min-height: 44px;
  font-weight: bold;
  font-size: 110%;
  margin-top: 0;
}
div#sidebar div.add_stanzas dt,
div#sidebar div.add_stanzas dd {
  margin-left: 100px;
}
div#sidebar div.add_stanzas dt{
  margin-bottom: 7px;
}
div#sidebar div.add_stanzas dd.thumb {
  position: absolute;
  top: 6px;
  left: 0;
  margin-left: 0;
}
form.edit {
  border: 1px solid #ccc;
  padding: 1px;
}
form.edit.header {
  border: none;
  padding: 25px 0;
}
form.edit input.button {
  width: 6em;
  font-weight: bold;
  background-color: #F0F0F0;
}
form.edit input.save,
form.edit input.add {
  color: #fff;
  background-color: #3568B8;
}
form.edit input.save{
  margin-right: 4px;
}
form.edit input.cancel {
  margin-left: 4px;
}
form.edit fieldset.actions {
  position: relative;
  padding: 4px 12px;
  background-color: #F2F1ED;
}
form.edit input.delete {
  position: absolute;
  top: 1px;
  right: 21px;
}
input#page_header {
  width: 446px;
  padding: 1px 5px;
  display: block;
  margin-bottom: 3px;
}
form.edit textarea {
  width: 660px;
  height: 250px;
  border: none;
  margin: 3px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
}
div#sidebar form.edit {
  border: none;
  padding: 0;
}
div#sidebar div.categories li {
  margin-bottom: 8px;
}
div#sidebar a.delete {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FBFFCC;
  padding: 0 3px 2px 3px;
  font-size: 90%;
}
form.edit input.add {
  width: 4em;
}
div#sidebar li.no_edit {
  color: #999;
  font-weight: bold;
}
div#sidebar div.toc ul {
  font-size: 95%;
}
div#sidebar div.toc li {
  padding: 0 0 6px 15px;
  background-position: 0 .5em;
}
div#sidebar div.toc.edit li.with_form {
  background-position: 0 .7em;
}
div#sidebar div.toc.edit.open li {
  padding-bottom: 0;
}
div#sidebar div.toc.edit.open li a {
  float: left;
  width: 100px;
}
div#sidebar div.edit li span.tools {
  float: right;
  font-size: 110%;
  display: block;
  min-height: 20px;
}
div#sidebar div.toc.edit.open li a.edit {
  width: auto;
  background-image: none;
  padding: 1px 3px 4px 3px;
  float: left;
  text-decoration: underline;
}
div#sidebar div.toc.edit.open li a.edit:hover {
  text-decoration: none;
}
div#sidebar div.toc.edit.open li a.move {
  display: block;
  height: 16px;
  width: 16px;
  margin-left: 6px;
  text-indent: 100em;
  overflow: hidden;
  
  float: left;
  background: url(../images/interface/move_icon.png) 0 0 no-repeat;
}
div#sidebar div.edit li span.ltrule {
  display: block;
  clear: both;
  margin: 6px 0 6px -15px;
  padding: 0 0 0 15px;
}
div#sidebar form.edit input.text {
  width: 192px;
  padding: 2px 4px;
  font-size: 100%;
  margin-bottom: 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;  
}
div#sidebar form.edit input.save {
  float: left;
}
div#sidebar form.edit input.delete {
  position: static;
  float: right;
}

/* add resource ----------------------------- */

div.stanza div.media.add {
  border: 8px solid #DDF0F8;
  text-align: center;
}
div.stanza div.allusion.video div.media.add {
  padding: 70px 40px 65px 40px;
  width: 264px;
}
div.stanza div.allusion.photo div.media.add {
  padding: 20px 20px 20px 20px;
  width: 204px;
}
div.stanza div.media.add div.instructions {
  padding: 12px 15px;
  margin-bottom: 20px;
}

/* add resource popup --------------------------- */

div.popup {
  position: absolute;
  top: 85px;
  left: 50%;
  margin-left: -285px;
  z-index: 10;
  background: url(../images/interface/add_resource_bg_bottom.png) 0 100% no-repeat;
  width: 570px;
  padding-bottom: 8px;
  font-family: Arial, Helvetica, sans-serif;
}
div.popup h2 {
  padding: 5px 10px;
  background-color: #DDF0F8;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 130%;
  margin-bottom: 8px;
}
div.popup div.subwrap {
  background: url(../images/interface/add_resource_bg_top.png) 0 0 no-repeat;
  min-height: 500px;
  padding: 13px 15px 8px 15px;
}
div.popup.resource div.thumbs {
  border: 1px solid #ccc;
  height: 543px;
  overflow: auto;
  background-color: #fff;
}
div.popup.resource div.thumbs div.subwrap {
  background: none;
  min-height: 544px;
  padding: 0;
}
div.thumb {
  float: left;
  min-height: 180px;
  width: 120px;
  margin: 14px 0 0 10px;
  text-align: center;
}
div.thumb img {
  display: block;
  margin: 0 auto;
  padding: 1px;
  border: 1px solid #ccc;
}
div.popup.resource div.thumb img.button {
  padding: 0;
  border: none;
}
div.thumb .name {
  margin: 4px 0;
}
div.thumb div.name {
  color: #666666;
  margin: 4px 0;
  font-size: 90%;
}
div.popup div.cancel {
  background-color: #F2F1ED;
  padding: 4px 7px;
  margin-top: 8px;
}
div.popup div.cancel span {
  font-size: 95%;
  padding: 3px;
}
div.popup input.button {
  width: 6em;
  color: #333;
  background: #fff;
  font-size: 100%;
}
input.button.save {
  color: #fff;
  background: #069;
}
input.button.cancel {
  background: #efefef;
}

/* SEARCH RESULTS ------------------------------------------ */

div#content.search h2 {
  color: #666666;
  font-size: 150%;
  font-family: Arial, Helvetica, sans-serif;
}

h2 em {
  font-style: normal;
  color: #333;
}
div#results_total {
  color: #666666;
  margin-bottom: 15px;
  font-family: Arial, Helvetica, sans-serif;
}

/* tab navigation ----------------------------------- */

div#content ul.tabs  {
  clear: both;
  height: 1.5em;
  padding: 6px 0 12px 11px;
  border-bottom: 1px solid #ddd;
  margin: 6px 0 12px 0;
}
div#content ul.tabs li {
  float: left;
  display: block;
  font-weight: bold;
  background: url(../images/interface/tab_left.png) 0 0 no-repeat;
  padding: 0 0 0 20px;
  margin: 0 3px 0 0;
}
div#content ul.tabs li span {
  height: 1.5em;
  display: block;
  background: url(../images/interface/tab_right.png) 100% 0 no-repeat;
  padding: 7px 20px 5px 0;
}
div#content ul.tabs li.active {
  background-image: url(../images/interface/tab_left_active.png);
}
div#content ul.tabs li.active span {
  background-image: url(../images/interface/tab_right_active.png);
  padding-bottom: 6px;
}
div#content ul.tabs li a {
  padding-bottom: 3px;
}
div.barhead {
  background-color: #F4F4EE;
  padding: 7px 10px 5px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 95%;
  min-height: 18px;
  clear: both;
}
div.alt.barhead {
  margin-bottom: 20px;
}
div.barhead div,
div.barhead h3 {
  float: left;
}
div.barhead h3 {
  color: #c60;
  text-transform: uppercase;
  font-size: 100%;
  margin-top: 3px;
}
div.col,
div.barhead div.col {
  float: right;
}
div.barhead img.logo {
  vertical-align: middle;
  margin:-3px 0 -3px 5px;
}
div.barhead .circle_right {
  padding-top: 2px;
  padding-bottom: 2px;
display:block;
text-decoration:none;
}
div.barhead div.clearer {
  float: none;
}
div#content div.search_tools ul {
  display: inline;
}
div#content div.search_tools li {
  background: none;
  padding: 0 8px 0 12px;
  display: inline;
  border-left: 1px solid #ccc;
}
div#content div.search_tools li.first {
  border-left: none;
  padding-left: 0;
}
div#content.search div.spacer {
  margin: 10px 0;
}
div#content.search div.thumbs {
  font-size: 90%;
  line-height: 1.5;
}
div#content.search div.thumb {
  min-height: 150px;
}
span.pick {
  padding: 0 4px;
  background-color: #DCF4CC;
  color: #390;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
}
div#content.search div.thumb img.button {
  display: inline;
  vertical-align: middle;
  margin: 0;
  border: none;
}
div.videos div.thumb .name {
  font-weight: bold;
}
span.source {
  position: relative;
  width: 1px;
}
div.thumb span.source img {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  margin: 0;
}
a.delete {
  background: #F4F4EE url(../images/interface/delete_icon.png) 1px 3px no-repeat;
  padding: 1px 2px 1px 15px;
  font-size: 95%;
  color: #666666;
}
/* UPLOAD RESOURCE POPUP --------------------------------------- */

div.popup.upload form {
  position: relative;
}
div.popup.upload label {
  display: block;
  font-weight: bold;
}
div.popup.upload img.thumb {
  position: absolute;
  top: 10px;
  left: 10px;
}
div.popup.upload fieldset.col {
  float: none;
  padding: 10px 10px 10px 200px;
  background-color: #f4f4f4;
}

div.popup.upload fieldset.col input.text, 
div.popup.upload fieldset.col textarea {
  width: 240px;
  margin: 2px 0 10px 0;
  padding: 2px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
}
div.popup.upload fieldset.col textarea {
  width: 280px;
}
div.popup.upload fieldset.col input.button {
  width: 5em;
  padding: 2px 5px;
  margin: 2px 0 10px 0;
}
div.popup.upload div.cancel {
  clear: both;
}
div.popup.upload p.instructions {
  color: #666666;
}

/* RESOURCE PAGE ------------------------------------------ */

div#content.resource h1 span.pick {
  font-size: 60%;
}
div#content.resource ul.stats li {
  background: none;
  padding-left: 0;
}
div#content.resource ul.stats li.collection,
div#content.resource ul.stats li.name {
  font-weight: bold;
}
div#sidebar div.resource_actions  dl {
  background: none;
  min-height: 55px;
}
div#sidebar div.resource_actions  dt,
div#sidebar div.resource_actions  dd.view {
  margin-left: 60px;
}
div#sidebar div.resource_actions  dt {
  margin-bottom: 5px;
}

/* LEARNING CENTER LANDING PG ---------------------------------------- */

div#landing {
  border: 8px solid #F4F4EE;
  padding: 2px;
  margin-bottom: 20px;
}
div#landing div.subwrap {
  background: #FAF7E5;
  border: none;
  padding: 10px;
}
div#landing img.feature {
  float: left;
}
div#landing div.info {
  float: right;
  width: 300px;
}
div#landing dl {
  min-height: 64px;
  position: relative;
  margin: 3px 0 4px 0;
  padding-bottom: 5px;
}
div#landing dt,
div#landing dd {
  margin-left: 60px;
}
div#landing dd.thumb {
  position: absolute;
  top: 3px;
  left: 0;
  margin-left: 0;
}
div#landing dd.thumb img {
  border: 1px solid #ccc;
}
div#featured {
  background-color: #F4F4EE;
  padding: 10px;
  margin-bottom: 10px;
}
div#featured h3 {
  margin-bottom: 10px;
}
div#featured div.subwrap {
  background: #fff;
  border: none;
  padding: 10px 0;
  margin-bottom: 10px;
}
div#featured div.unit {
  width: 148px;
  padding: 0 7px 0 6px;
  background: url(../images/interface/lt_grey_dotrule_vertical.png) 0 0 repeat-y;
  float: left;
}
div#featured div.unit.first {
  background: none;
}
div.unit img.thumb {
  padding: 1px;
  border: 1px solid #ccc;
}
div.unit h4 {
  font-size: 110%;
}
div.unit div.source {
  position: static;
  width: auto;
  margin: 10px 0;
  color: #999;
  font-size: 95%;
}
div.unit img.logo {
  display: block;
}
div#sidebar div.about div.subwrap {
  background: #efefef;
  border: 1px solid #ddd;
  padding: 10px;
}
div#sidebar div.about a.circle_right {
  background-image: url(../images/interface/circle_arrow_right_blue.png);
  float: left;
  display: block;
  min-height: 16px;
  font-weight: bold;
}
div.thumbs.centers div.thumb {
  width: 150px;
  min-height: 100px;
}
div.thumbs.centers div.thumb img {
  padding: 5px;
}
div.thumbs.centers div.thumb a {
  font-weight: bold;
  background: url(../images/interface/blue_dotrule.png) 0 100% repeat-x; padding-bottom: 3px; 
}
div.thumbs.centers div.thumb .pick {
  font-size: 90%;
  font-weight: bold;
}
div.thumbs.centers div.thumb a:hover { 
  background-image: url(../images/interface/blue_solidrule.png); 
  text-decoration: none; 
}
div.thumbs div.thumbs_footer {
  clear: both;
}
div.thumbs div.thumbs_footer a.circle_right {
  font-weight: bold;
  display: block;
  float: right;
}

/* TOOLS LANDING PAGE --------------------------------- */

div.toolbox {
  margin: 20px 0;
}
div.toolbox h4 {
  font-size: 150%;
  margin-bottom: 10px;
}
div.toolbox .col {
  width: 200px;
}
div.toolbox .col span {
  font-size: 95%;
  color: #666666;
}

div.toolbox div.toolbox_content {
  float: left;
  width: 440px;
}
div.toolbox div.toolbox_content a {
  text-decoration: underline;
}
div.toolbox div.toolbox_content a:hover {
  text-decoration: none;
}
div.toolbox div.toolbox_content h3 {
  margin-bottom: 5px;
}
div.toolbox div.toolbox_content h3 span {
  color: #666666;
}
div#content div.toolbox ul li { 
  margin-bottom: 10px;
}
div.toolbox ul a { 
  background: url(../images/interface/blue_dotrule.png) 0 100% repeat-x; padding-bottom: 3px; 
  font-weight: bold;
}
div.toolbox ul a:hover { background-image: url(../images/interface/blue_solidrule.png); text-decoration: none; }

div.col.tutorial {
  margin: 0 0 20px 20px;
}
div.col.tutorial img {
  display: block;
  border: 1px solid #bebebe;
  margin-bottom: 3px;
}
/* GENERIC PAGES ------------------------------------------- */

.public-tagline1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 130%;
  font-weight: bold;
  background-color: #F4F4EE;
  padding: 1em 1.5em;
  color: #c60;
}
.public-tagline2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 130%;
  font-weight: bold;
  margin: 1em 0;
  color: #B0B0B0;
}
/* MY PROFILE PAGE --------------------------------------------- */

div#profile_summary {
  position: relative;
  min-height: 150px;
  padding: 0 0 10px 140px;
}
div#profile_summary h1 {
  font-size: 140%;
  margin-bottom: 10px;
}
div#profile_summary h1 span {
  font-size: 80%;
}
div#content div#profile_summary li {
  background: none;
  padding-left: 0;
  font-size: 110%;
  font-weight: bold;
  color: #666666;
}
div#profile_summary img.thumb {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1px;
  border: 1px solid #ccc;
}
div#content.profile div.dkrule.spacer {
  clear: both;
}
div#content.profile div.thumbs {
  margin-bottom: 20px;
}

/* EDIT MY PROFILE -------------------------------- */

form#profile_summary {
  background-color: #f4f4f4;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
}
form#profile_summary h1 {
  font-size: 130%;
  margin-bottom: 10px;
}
#profile_summary fieldset.thumb {
  float: left;
  clear: left;
  width: 150px;
}
#profile_summary fieldset.thumb img {
  padding: 1px;
  border: 1px solid #ccc;
}
#profile_summary fieldset.thumb input.text {
  margin: 5px 0;
}
#profile_summary fieldset.thumb input.button {
  background: #efefef;
  font-size: 90%;
  padding: 2px 5px;
}
#profile_summary div.col {
  float: right;
  width: 430px;
}
#profile_summary label.wrap {
  font-weight: bold;
}
#profile_summary div.col label.wrap {
  width: 430px;
  margin-bottom: 10px;
  font-size: 95%;
}
#profile_summary div.col label.wrap span {
  font-weight: normal;
  color: #666666;
}
#profile_summary div.col label.wrap input {
  width: 300px;
  margin: 3px 0 10px 0;
}
#profile_summary div.col label.wrap textarea {
  width: 400px;
  margin: 3px 0 10px 0;
}
#profile_summary div.col label.wrap.short {
  width: 215px;
  float: left;
}
#profile_summary div.col label.wrap.short input {
  width: 180px;
}
#profile_summary label.wrap input,
#profile_summary textarea {
  font-weight: normal;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  padding: 2px 5px;
}
#profile_summary div.col input.button {
  width: 6em;
}

/* MY LEARNING CENTERS ------------------------ */

div#content.my_centers h1 {
  font-size: 130%;
  margin-bottom: 10px;
}
div#content.my_centers div.thumb {
  margin: 0 15px 20px 0;
  width: 130px;
}
div#content.my_centers div.thumb {
  margin: 0 15px 20px 0;
}

/* LOGIN PAGE ---------------------------------- */
div#sign_in {
  background-color: #F4F4EE;
  padding: 10px;
}
form#login {
  background-color: #fff;
  padding: 10px;
} 
form#login label.wrap {
  font-family: Arial, Helvetica, sans-serif;
}
form#login label.wrap {
  font-weight: bold;
  display: block;
}
form#login label.wrap input.text {
  font-weight: normal;
  display: block;
  width: 250px;
  margin: 2px 0 10px 0;
}
form#login a.forgot {
  display: block;
  float: left;
  margin: 20px 0;
}
/* NAMED ANCHORS PAGE (FAQ) ------------------------------------- */

div#content ul.anchor_nav {
  background-color: #F4F4EE;
  padding: 10px;
  margin-bottom: 20px;
}
div#content ul.anchor_nav li {
  margin-bottom: 10px;
}
div#content ul.anchor_nav a { 
  background: url(../images/interface/blue_dotrule.png) 0 100% repeat-x; 
  padding-bottom: 3px; 
  font-weight: bold;
}
div#content ul.anchor_nav a:hover { 
  background-image: url(../images/interface/blue_solidrule.png); 
  text-decoration: none; 
}
/* ALERTS PAGE ------------------------------------------------ */

div#content h1.alert {
  color: #fff;
  background: #c60 url(../images/interface/circle_arrow_right_alert.png) 20px 20px no-repeat;
  padding: 20px;
  padding-left: 50px;
  border: 8px solid #F4F4EE;
  font-size: 170%;
  margin-bottom: 20px;
  margin-top: 5px;
}

/* static pages ------------------------- */

div.highlight {
  margin-bottom: 10px;
  background-color: #F3F4EE;
  padding: 12px;
}
div.highlight img.primary {
  float: left;
  border: 1px solid #cdcdcb;
}
div.highlight_content {
  float: right;
  width: 500px;
}
div.highlight h3 {
  margin-bottom: 10px;
}
div.highlight h3 a { 
	background: url(../images/interface/blue_dotrule.png) 0 100% repeat-x; 
	padding-bottom: 3px; 
}
div.highlight h3 a:hover { 
	background-image: url(../images/interface/blue_solidrule.png); 
	text-decoration: none; 
}
div#sidebar div.news li {
  padding-left: 15px;
  background: url(../images/interface/sq_grey_bullet.png) 0 .9em no-repeat;
  margin-bottom: 2px;
  display: block;
}
div#sidebar div.news li li {
  padding-left: 0;
  background: none;
}
a.more {
  text-transform: uppercase;
}
li.event_title {
  font-weight: bold;
}
div#sidebar div.news li ul {
  margin-bottom: 10px;
} 
.map {
  margin-bottom: 20px;
}
/* CALENDAR STYLES --------------------------- */

li.obiki-calendar-list-daterange {
  font-size: 110%;
}

li.obiki-calendar-list-eventname {
  font-size: 120%;
  font-weight: bold;
  margin: .25em 0;
}

li.obiki-calendar-list-detail1 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1.5em;
  margin-bottom: .75em;
  font-size: 90%;
  line-height: 1.5;
}

div#content ul.obiki-calendar-list {
  border-top: 1px solid #ddd;
  margin-top: 2em; 
  padding-top: 1em;
  padding-left: 0;
  width: 500px;
}
div#content ul.obiki-calendar-list ul {
  padding-left: 0;
}

div#content ul.obiki-calendar-list li {
  background: none;
  padding-left: 0; 
}

h5.obiki-calendar-location {
  font-size: 120%;
  margin-bottom: .25em;
}

div.obiki-calendar-description {
  margin-bottom: .5em;
}

div.obiki-calendar-event h4 {
  margin-bottom: .5em;
  margin-top: 1em;
}
div#content ul.obiki-calendar-list li.obiki-calendar-list-attachment {
  display: none;
}

div.obiki-calendar-attachment {
	float: left;
	padding-left: 18px;
	background: url(../images/interface/attachment_icon.png) 0 0 no-repeat;
	margin-bottom: 1em;
}
a.back_home.news {
	clear: both;
}

li.back_home {
  width: 11.25em;
  background: url(../images/back_bu.gif) 7px 50% no-repeat;

}

div#section_nav ul li.back_home a {
  padding-left: 20px;
}
div#sidebar ul.sidebar_news li {
	padding-left: 15px;
	background: url(../images/interface/sq_grey_bullet.png) 0 .5em no-repeat;
	margin-bottom: 10px;
}
ul.sidebar_news li span {
	display: block;
}
ul.sidebar_news li span.title {
	font-weight: bold;
}
div#sidebar div.toc h3 a {
  font-weight: bold;
}
/* partner institution page ----------------- */
div#partner_institutions .dkrule {
	clear: both;
	margin: 20px 0;
}
div#partner_institutions h3 {
	margin-bottom: 1em;
}
div.inst_data {
	float: left;
	width: 430px;
}
div.inst_logo {
	float: right;
	width: 190px;
}
/* about obiki fixes -------------------- */
div.obiki-component-static img {
	margin: 10px;
}
form#form_435568 input,
form#form_435568 textarea {
	margin: 2px 0 10px 0;
}
form#form_435568 input[type="checkbox"] {
	margin-bottom: 20px;
}
/* 	VIDEO LANDING PG --------------------------- */
h3.barred_head {
	background: #F4F4EE url(../images/interface/barred_head_bg.png) 0 0 repeat-x;
	padding: 11px 10px 7px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 110%;
  	color: #c60;
	clear: both;
	margin-bottom: 18px;
}
div.video_thumb {
	width: 132px;
	height: 150px;
	margin: 0 0 7px 47px;
	float: left;
	font-weight: bold;
}
div.video_thumb.first {
	margin-left: 0;
}
div.video_thumb img {
	border: 1px solid #cdcdcd;
}
a.back_to_all {
	position:absolute;
	top: 0;
	right: 0;
	text-decoration: underline;
}
/* MINI-CALENDAR FOR NEWS PAGES */
div#sidebar div#mini_calendar h3 {
	color: #333;
}
div#sidebar div.obiki-simplecalendar-nav,
div#sidebar obiki-simplecalendar {
	border-top: none;
	padding: 0;
}
div.obiki-simplecalendar table
 {
	margin-bottom: 0px;
}
div.obiki-simplecalendar table table
 {
	margin-bottom: 0;
}
div.obiki-simplecalendar table,
div.obiki-simplecalendar td,
div.obiki-simplecalendar th
 {
	border: none;
	border-collapse: collapse;
}
div.obiki-simplecalendar table,
div.obiki-simplecalendar td,
div.obiki-simplecalendar th
 {
	border-color: #fff;
}
div.obiki-simplecalendar th
 {
	font-size: 90%;
	font-weight: normal;
}
div.obiki-simplecalendar td
{
	padding: 0;
}
div.obiki-simplecalendar td td
{
	padding: 1px 2px;
}
div#sidebar div.obiki-simplecalendar-nav {
	text-align: center;
	width: 160px;
	margin-bottom: 5px;
	position: relative;
	height: 2em;
}
span.obiki-simplecalendar-leftnav,
span.obiki-simplecalendar-rightnav {
	font-size: 130%;
}
span.obiki-simplecalendar-leftnav {
	float: left;
	padding-left: 3px;
}
span.obiki-simplecalendar-rightnav {
	float: right;
	padding-right: 3px;
}
span.obiki-simplecalendar-monthname {
	width: 110px;
	position: absolute;
	left: 25px;
	top: 3px;
}
span.obiki-simplecalendar-monthname a {
	font-weight: bold;
	color: #333;
}
div#sidebar div.obiki-simplecalendar  {
	background: transparent url(../images/interface/dk_grey_dotrule.png) repeat-x scroll 0 100%;
	clear: both;
	padding-bottom: 10px;
}
/* PARTNER CONTACT LANDING PAGE ------------------------- */
a#export_list {
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 18px;
	background: url(../images/interface/xl_icon.png) 0 0 no-repeat;
	font-size: 90%;
	min-height: 20px;
}
h3.barred_head a.edit {
	background-image: none;
	padding: 3px 5px;
	font-size: 80%;
	text-decoration: underline;
}
h3.barred_head a.edit:hover {
	text-decoration: none;
}
div#content ul.partner_address {
	margin-bottom: 20px;
}
div#content ul.partner_address li {
	background: none;
	padding-left: 0;
	margin-bottom: 3px;
}
dl.contact {
	display: block;
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 20px;
}
dl.contact dt {
	background: url(../images/interface/sq_grey_bullet.png) no-repeat 0 5px;
	padding-left: 15px;
	font-weight: bold;
	margin-bottom: 3px;
}
dl.contact dd {
	padding-left: 15px;
	margin-bottom: 3px;
}
a.submit_event {
	display: block;
	background: url(../images/interface/circle_plus.png) 0 0 no-repeat;
	padding-left: 20px;
	margin-top: 10px;
	min-height: 20px;
}
/* POPUP ------------------ */
div.contact_popup {
	position: absolute;
	top: 70px;
	left: 50%;
	width: 594px;
	margin-left: -307px;
	background: url(../images/interface/popup_middle.png) 0 0 repeat-y;
	z-index: 100;
	padding: 0 10px;
}
.darkenBackground {
	background-color: #6AABEC;
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}
div.contact_popup div.popup_top {
	position: absolute;
	top: -10px;
	width: 614px;
	height: 10px;
	left: 0;
	background: url(../images/interface/popup_top.png) 0 0 no-repeat;
}
div.contact_popup div.popup_bottom {
	position: absolute;
	bottom: -10px;
	width: 614px;
	height: 10px;
	left: 0;
	background: url(../images/interface/popup_bottom.png) 0 0 no-repeat;
}
div.contact_popup div.subwrap {
	background: #fff;
	max-height: 490px;
	overflow: auto;
}
div.contact_popup h3 {
	margin-bottom: 3px;
}
div.contact_popup fieldset {
	background-color: #efefef;
	padding: 10px 10px 0;
	margin-bottom: 10px;
	margin-top: 0;
	width: 530px;
	border: none;
}
div.contact_popup legend {
	display: none;
}
div.contact_popup label.wrap,
div.contact_popup div.multiwrap {
	display: block;
	clear: both;
	padding-bottom: 10px;
}
div.contact_popup label.wrap span,
div.contact_popup div.multiwrap span {
	float: left;
	width: 110px;
	text-align: right;
	margin-right: 5px;
	font-weight: bold;
}
div.contact_popup label.wrap.state,
div.contact_popup label.wrap.zip {
	float: left;
	clear: none;
	width: 14em;
}
div.contact_popup label.wrap.zip span {
	width: auto;
}
div.contact_popup fieldset.actions {
  background-color: #fff;
  padding-left: 120px;
  width: 400px;
}
div.contact_popup fieldset.actions input.button {
  width: 6em;
  font-weight: bold;
  background-color: #F0F0F0;
}
div.contact_popup fieldset.actions input.save {
  color: #fff;
  background-color: #3568B8;
}
div.contact_popup div.add_contact {
	background-color: #efefef;
	padding: 5px 10px 5px 120px;
	width: 420px;
	font-size: 90%;
}
div.contact_popup div.add_contact a {
	padding-left: 20px;
	background: url(../images/interface/circle_plus_gray.png) 0 0 no-repeat;
	text-decoration: underline;
}
div.contact_popup div.add_contact a:hover {
	text-decoration: none;
}
div.obiki-calendar-image {
	margin-bottom: 10px;
}
div.back_to_calendar {
	clear: both;
	margin-bottom: 10px;
}
div.edit_calendar_event {
	float: right;
	padding: 0 0 5px 5px;
	font-size: 90%;
}

/* ABOUT PAGES WITH IMAGE IN BG ------------------------------- */

div#wrapper div.subwrap.about {
	background: #eeebd5 url(../images/interface/about_yellow.jpg) 1px 0 no-repeat;
	padding-top: 1px;
	margin-top: -12px;
}
/* different class and background for each sub-section */
div#wrapper div.subwrap.about.yellow {
	background-image: url(../images/interface/about_yellow.jpg);
}
div#wrapper div.subwrap.about.blue {
	background-image: url(../images/interface/about_blue.jpg);
	background-color: #d9e4e7;
}
div#wrapper div.subwrap.about.brown {
	background-image: url(../images/interface/about_brown.jpg);
	background-color: #fee8d2;
}
div#wrapper div.subwrap.about.green {
	background-image: url(../images/interface/about_green.jpg);
	background-color: #dffade;
}
div#wrapper div.subwrap.about.purple {
	background-image: url(../images/interface/about_purple.jpg);
	background-color: #d7ddf3;
}
div#wrapper div.subwrap.about.violet {
	background-image: url(../images/interface/about_violet.jpg);
	background-color: #f2e1ee;
}
div.subwrap.about div#sidebar div {
	border-top: none;
}
div.subwrap.about div.content_superwrap {
	background: url(../images/interface/superwrap_bg.png);
	margin: 25px 20px 35px;
	color: #fff;
}
div.content_superwrap div#section_nav li {
	float: left;
	text-align: center;
	background: url(../images/interface/dotrule_vertical_black.png) 0 0 repeat-y;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.25;
}
div.content_superwrap div#section_nav li.first {
	background: none;
}
div.content_superwrap div#section_nav li a {
	color: #bdbdbd;
	display: block;
	height: 32px;
	width: 152px;
	padding: 9px 0;
	background: url(../images/interface/section_nav_bg.png);
}
div.content_superwrap div#section_nav li a:hover {
	background: url(../images/interface/superwrap_bg.png);
	text-decoration: none;
	color: #FFF;
}
div.content_superwrap div#section_nav li.first a {
	width: 148px;
}
div.content_superwrap div#section_nav li.oneline a {
	padding-top: 17px;
	height: 24px;
}
div.content_superwrap div#section_nav li.active a {
	color: #fff;
	background: url(../images/interface/superwrap_bg.png);
}
div.content_superwrap div#content {
	margin: 0 0 20px 40px;
	width: 580px;
	padding: 0 20px 0 0;
	background: url(../images/interface/dotrule_vertical_black.png) 100% 0 repeat-y;
}
div.content_superwrap h1 {
	color: #f90;
	letter-spacing: .02em;
	margin: 15px 0 15px 40px;
}
div.content_superwrap div#content img.bannerimg {
	padding: 3px;
	border: 1px solid #cccccb;
	margin-bottom: 20px;
}
div.content_superwrap div#sidebar {
	width: 250px;
}
div.content_superwrap div#sidebar div {
	padding: 0 0 10px 0;
}
div.content_superwrap div#sidebar div.toc {
	font-weight: bold;
}
div.content_superwrap div#sidebar div.toc a {
	color: #fff;
	font-weight: bold;
}
div.content_superwrap div#sidebar h3 {
  color: #f90;
  background: none;
  padding-bottom: 0;
  margin: 0 0 8px 0;
}
div.content_superwrap div#sidebar h3 a {
  color: #f90;
}
div.content_superwrap div#sidebar a {
  color: #9cf;
}
div.content_superwrap div#sidebar a.title {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
div.content_superwrap div#sidebar div.toc li {
	background-image: url(../images/interface/toc_carrot.png);
}
div.content_superwrap div#sidebar ul.sidebar_news li {
	background-image: url(../images/interface/sq_dkgrey_bullet.png);
}

div.about a {
  color: #9CF;
}