/* CSS Document */
body {
background-image:url(../images/bg_main.gif);
background-repeat:repeat-x;
background-color:#EFEFEF;
margin:0;
}
img {
border:none;
}
a { color: #069; }
html fieldset { border: none; margin: 0; padding: 0; }
h1 {
color:#930;
padding:10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:19px;
font-weight: normal;
margin:0;
}
h2 {
color:#333;
padding: 10px 0;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
margin:0;
}
h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#333333;
padding:0 0 10px 0;
margin:0;
}
h4 {
  font-size: 14px;
  margin: 10px 0;
}
h5 {
  font-size: 12px;
  margin: -8px 0 10px 0;
  font-style: italic;
  color: #666666;
}
p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding:5px 30px 15px 0;
line-height:17px;
margin:0;
}
.clear {
clear:both;
height:1px;
margin-top:-25px;
}
html > body .clear {
margin-top:-1px;
}
#container {
width:780px;
margin:0 auto 0 auto;
background: url(../images/bg_no_fade.gif) 0 0 repeat-y;
}
#bodycontent {
  background: url(../images/bg.gif) 0 0 no-repeat;
  height:auto;
}
div#pad_me_content {
  padding: 0 36px;
}
.obiki-edit-links{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  padding: 0 10px 0 0;
}
/*--------------------------Top Content ------------------*/
#topcontent {
width:764px;
background-color:#FFFFFF;
margin:0 0 0 9px;
padding:43px 0 19px 0;
}
.left-logo {
float:left;
}
.left-logo img{
padding:0 0 0 31px;
}
.right-search {
float:right;
padding:5px 32px 0 0;
}
.right-search fieldset {
  width: 180px;
}
.right-search input {
vertical-align:middle;
}
.right-search input.search {
width:148px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#333333;
}
/*--------------------------Menu content ----------------*/
#menu {
width:764px;
margin:0 0 0 9px;
height:33px;
border-top:1px solid #CCCCCC;
}
#menu ul {
padding:0;
margin:0;
border-top:1px solid #FFFFFF;
}
#menu li {
display:inline;
list-style:none;
border-right:1px solid #FFFFFF;
float:left;
text-align:center;
vertical-align:bottom;
}
#menu li.events { /*   NOTE: if the last nav item changes, this class must be changed */
border-right:none;
}
#menu li a{  
    display:block;
    
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
text-decoration:none;
position:relative;
padding-top: 7px;
height: 23px;
font-size:13px;
}
#menu li.aboutus a {width:96px; background:#960;}
#menu li.aboutus a:hover,
#menu li.aboutus a.selected {background: #C48900;}

#menu li.briefs a {width:80px;background:#600;}
#menu li.briefs a:hover,
#menu li.briefs a.selected {background: #960A00;}
/*
#menu li.models a{width:66px;background:#66004D;}
#menu li.models a:hover,
#menu li.models a.selected {background: #4E5294;}
*/
#menu li.tools a{width:81px;background:#66004D;}
#menu li.tools a:hover,
#menu li.tools a.selected {background: #4E5294;}

#menu li.events a{width:81px;background:#333366;}
#menu li.events a:hover,
#menu li.events a.selected {background: #4E5294;}

#menu li.library a{width:89px;background:#036;}
#menu li.library a:hover,
#menu li.library a.selected {background: #005194;}

#menu li.blog a{width:72px;background:#066;}
#menu li.blog a:hover,
#menu li.blog a.selected {background: #009494;}

#menu li.forums a{width:92px;background:#360;}
#menu li.forums a:hover,
#menu li.forums a.selected {background: #4E9100;}

#menu li.courses a {width:166px;background:#633;}
#menu li.courses a:hover,
#menu li.courses a.selected {background: #BF6060;}

#menu li.contact {border-right:none;}
#menu li.contact a {width:92px;background:#690;}
#menu li.contact a:hover,
#menu li.contact a.selected {background: #89BF00;}

/*--------------------------Banner content ----------------*/
#bannercontent {
width:764px;
height: 217px;
margin:0 0 0 -27px;
border-bottom:5px solid #C0D9E6;
}
#bannercontent img{
padding:0;
border-bottom:1px solid #fff;
}

/* new styles -------------- */
#bannercontent img.image {
  float: left;
}
#bannercontent ul {
  float: right;
  clear: right;
  width: 320px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}
#bannercontent h1 {
  color: #069;
  height: 18px;
  background-color: #C0D9E6;
  padding: 14px 10px 10px 27px;
  font-family: Times, "Times New Roman", serif;
  font-size: 15px;
  font-weight: bold;
}
#bannercontent ul li {
  height: 18px;
  margin-top: 1px;
  width: 250px;
  padding: 12px 10px 12px 60px;
  background: #D9E8F0 url(/images/home_bul.gif) 28px 50% no-repeat;
}
#bannercontent ul li a {
  text-decoration: underline;
  color: #069;
}
#bannercontent ul li a:hover {
  text-decoration: none;
}

/*--------------------------Main Content - Index -----------------*/
#maincontent {
width:764px;
margin:0 0 0 -27px;
background-image:url(../images/bg_maincontent.gif);
background-repeat:repeat-y;
padding:20px 0 0 0;
}
/* left content */
.left-content {
float:left;
width:410px;
padding: 0 0 20px 30px;
}
.left-content h1 {
padding-top : 0;
}
.right-content h1 {
padding-top : 0;
color: #999;
}
div#sponsors {
  margin-bottom: 18px;
}

.box{
margin-top:10px;
border:1px solid #000000;
}

img.leftborder {
border:7px solid #D3E4EE;
float:left;
margin-right:15px;
}
span.searchlib {
display: block;
border-bottom: 4px solid #d5e3ee;
}
span.searchlib a{
color:#006699;
font-size:14px;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
}
span.searchlib.back_resource {
display: block;
border-bottom: 1px solid #bbd0d5;
padding: 6px 0;
}
span.searchlib.back_resource a{
color:#006699;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
/* right content */
.right-content {
width:260px;
padding:0 30px 20px 30px;
margin: 0 0 0 440px;
}
/* green bullet */
h3.green {

width:260px;
border-bottom:3px solid #B3CC80;
color:#336600;
font-size:14px;
padding:0 0 5px 0;
}
.right-content div#home_briefs p,
div#home_briefs p {
padding-bottom: 10px;
}
.right-content div#home_briefs ul,
div#home_briefs ul {
padding: 0;
margin: 0;
}
.right-content div#home_briefs ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding:0 0 0 17px;
margin:0;
background-image:url(../images/green_bullet.gif);
background-repeat:no-repeat;
list-style-type:none;
}
div#home_briefs ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding:0 0 0 17px;
margin:0;
background-image:url(../images/brown_bullet.gif);
background-repeat:no-repeat;
list-style-type:none;
}
html > body .right-content div#home_briefs ul li,
html > body div#home_briefs ul li {
padding-bottom:10px;
}
/* brown bullet */
h3.brown {
width:260px;
border-bottom:3px solid #CCB380;
color:#663300;
font-size:14px;
padding: 0 0 5px 0;
}
.right-content ul.brown {
padding:10px 0 0 0;
margin:0;
}
.right-content  ul.brown li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding:0 0 0 17px;
margin:0;
background-image:url(../images/brown_bullet.gif);
background-repeat:no-repeat;
list-style-type:none;
}
html > body .right-content  ul.brown li {
padding-bottom:10px;
}
.right-content  ul.brown li a {
color:#006699;
}
/*--------------------------Main Content - Subpage -----------------*/
#maincontent-subpage {
width:764px;
margin:0 0 0 -27px;
background-color:#FFFFFF;
padding:20px 0 20px 0;
border-top:5px solid #C0D9E6;
}
.left-subpage{
float:left;
width:180px;
padding:0 0 0 30px;
display: inline;
}
.left-subpage h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#666666;
padding:0;
margin:15px 0 0 0;
}
.left-subpage h3.alt {

margin-top: 7px;
}
.left-subpage div#leftcol_editable h3 {
  font-style: normal;
}
.left-subpage h3 a {
color:#666666;
text-decoration: none;
}
.left-subpage ul{
width:180px;
border-bottom:1px solid #E0E0E0;
margin:5px 0 0 0;
padding: 0 0 13px 0;
list-style:none;
}
.left-subpage ul.alt {
margin-top: 10px;
border-bottom:none;
}
.left-subpage li{
color: #333;
list-style:none;
padding:0;
margin:0;
}
.left-subpage.forums li { /* puts some space in nav for forums */
 margin-bottom: 10px;
}
.left-subpage li a{
color:#006699;
text-decoration:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight: normal;
}
.left-subpage li a.active{
color:#666666;
}
div#leftcol_editable {
  margin: 10px 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  font-style: italic;
  color: #930;
  line-height: 1.4;
}
.right-subpage{
float:right;
width:490px;
padding:0 33px 0 0;
color: #333;
display: inline;
}
.right-subpage img.bigpic, div#bannerimg img {
border:9px solid #D3E4EE;
}
.right-subpage h3 {
color:#666666;
padding: 10px 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
margin:0;
}
.right-subpage p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0;
line-height:17px;
margin:0 0 1em 0;
color:#333;
}
.right-subpage a {
color:#069;
text-decoration: none;
}
.right-subpage a:hover {
color:#069;
text-decoration: underline;
}
.right-subpage ul {
padding:10px 0 0 0;
margin:0;
}
.right-subpage  ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
padding:0 0 0 17px;
margin:0;
line-height: 17px;
background-image:url(../images/brown_bullet.gif);
background-repeat:no-repeat;
list-style-type:none;
}
html > body .right-subpage  ul li {
padding-bottom:10px;
}
.right-subpage  ol li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
padding:0;
margin:0;
}
html > body .right-subpage  ol li {
padding-bottom:10px;
}
.right-subpage  ol ol {
  margin-left: 1em;
  padding-left: 1em;
}
.right-subpage  ol ol li {
  list-style-type: lower-alpha;
}
html > body .right-subpage  ol ol li {
padding-bottom: 0;
}
/*--------------------------Footer Content ----------------*/ 
#footercontent {
width:764px;
margin:0 0 0 9px;
border-top:1px solid #B3D1E1;
padding:0 0 23px 0;
background-color: #fff;

clear:both;
}
#maincontent #footercontent {
margin:0;
}
#pad_me_content #footercontent {
margin:0 0 0 -27px;
}
/* left content */
.left-footer {
float:left;
width:410px;
padding-left:30px;
}
.left-footer ul{
padding:5px 0 5px 0;
margin:0;
list-style-type:none;
}
.left-footer  li{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
display:inline;
padding-right:5px;
border-right:1px solid #999999;
}
.left-footer  li a{
color:#006699;
padding-left:5px;
text-decoration:none;
}
.left-footer  li a.nopad{
padding-left:0;
}
.left-footer  li.last {
border-right:none;
}
.left-footer span{
padding-left:5px;
}
/* right-footer */
.right-footer {
float:right;
width:260px;
padding:0 30px 0 30px;
height: 75px;
}
.right-footer img {
margin-top:20px;
}
/*--------------------------Bottom Background -------------*/
#bg-bottom {
background: #efefef url(../images/bottom-bg.gif) 0 0 no-repeat;
width:780px;
height:12px;
}
/*  ----------------------- Library ----------------------- */

div.res-pane li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
padding:0 0 0 17px;
margin:0;
background-image: url(../images/resource.gif);
background-repeat:no-repeat;
list-style-type:none;
}
html > body div.res-pane li {
padding-bottom:10px;
} 
ul#library_edit{
  border-bottom: none;
  margin: 10px 0 0 0;
  padding: 0;
}
ul#library_edit li a {
  font-family: arial, helvetica, sans-serif;
  border-bottom: none;
}
div.cat-pane {
  width: 180px;
  font-family: arial, helvetica, sans-serif;
  font-size: .8em;
}
div.cat-pane h4 {
  margin: 5px 0 0 0;
  padding: 0;
  color: #666666;
}
div.cat-pane p {
  margin: 3px 0 5px 0;
  padding: 0;
  color: #666666;
}
div.cat-pane ul {
  margin: 0;
  padding: 0;
  list-style: none;
border: none;
}
div.cat-pane ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  font-weight: bold;
}
div.cat-pane ul li ul li {
font-weight: normal;
}
div.cat-pane ul.cat-spec {
  border-top: 1px solid #e2e2e2;
  padding: 3px 0;
}
div.cat-pane li.cat-h1 {
  color: #036;
  margin: 5px 0;
  padding: 3px 8px;
  background: #ecf3f9 url(../images/library_cat_bg.gif) 0 0 repeat-x;
  font-weight: bold;
  clear: both;
}
div.cat-pane ul.cat-tax-1 li {
  font-weight: bold;
}
div.cat-pane ul.cat-tax-2 {
  margin: 0 0 10px -15px;
}
div.cat-pane ul.cat-tax-2 li {
  margin: 0 0 0 15px;
  padding: 0;
  background: none;
  font-weight: normal;
  clear: both;
}
div.cat-pane ul.cat-tax-2 li input{
  float: left;
}
h4.sublined {
  font-family: arial, helvetica, sans-serif;
  font-size: .8em;
  color: #333 !important;
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px solid #e2e2e2;
}
div#show_categories ul {
  padding: 0 !important;
  margin: 0 0 10px 0 !important;
}
div#show_categories ul li {
  background: none;
  padding: 0 !important;
  margin: 0 !important;
}

/* ----------------------- programs ------------------------------- */

table#program-form{
  padding-top: 10px;
  margin-top: 1em;
  border-collapse: collapse;
  border-top: 1px solid #dedede;
}

table#program-form td, table#model-form th {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  text-align: left;
}
table#program-form th {
  padding: 5px;
}
table#program-form td {
  vertical-align: middle;
  padding: 10px;
  border-bottom: 1px solid #dedede;
}

td.alt-program-field {
  background-color: #f7f3ee;
  padding-top: 0px ;
  padding-bottom: 0px ;
}
table#program-form thead th {
  background-color: #666666;
  color: #fff;
}
table#program-form thead th#top_corner {
  background-color: #ecf3f9;
  color: #000;
  padding: 10px;
}
table#program-form tbody th {
  background-color: #ecf3f9;
  font-weight: normal;
}
table#program-form textarea {
  margin: 0;
  padding: 3px;
  font-size: 1em;
  font-family: arial, helvetica, sans-serif;
  width: 80%;
  height: 3.5em;
}
div.feature {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 0 0 1em 0;
}
div.feature h3 {
  margin-top: 0;
  padding-top: 0;
}
.program-form-error {
  color: red;
}
.program-form-answer {
  font-size: 1em;
  color: black;
  padding-left:5px;
}

/* -------------------------- events ----------------------------------- */
div.event-summary {
  margin: 0 0 20px 0;
  font-size: .8em;
  font-family: arial, helvetica, sans-serif;
}
div.event-summary div {
  margin: 2px 0;
}
div.event-summary div.event-date-range {
  font-weight: bold;
  border-bottom: 1px solid #e2e2e2;
  margin: 0 0 6px 0;
  padding: 0 0 6px 0;
}
div.event-title {
  background: url(../images/event_carrot.gif) 0 3px no-repeat;
  padding: 0 0 0 15px;
  color: #069;
  font-size: 110%;
  font-weight: bold;
}
div.event-title a {
  color: #069;

}
div.event-time, div.event-location {
  padding: 0 0 0 15px;
}
div#new-event-link {
  font-family: arial, helvetica, sans-serif;
  font-size: .8em;
}
/* --------- event details ----------------- */
div.event-details {
  font-size: .8em;
  font-family: arial, helvetica, sans-serif;
}
div.event-details div {
  margin: 2px 0;
}
div.event-details div.event-date-range{
  margin: 10px 0 0 0;
  font-weight: bold;
}
div.event-details div.event-date-range div{
  display: inline;
}
div.event-details div.event-location{
  padding: 20px 0;
}
div.event-details div.event-description {
  padding: 0 0 20px 0;
}

/* ------------------------------ blog --------------------------------- */

table.obiki-blog-container {
  font-size: .8em;
  font-family: arial, helvetica, sans-serif;
}
table.obiki-blog-container h3 { /* same as h2 for the rest of site */
color:#333;
padding: 10px 0;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
margin:0;
}
table.obiki-blog-container h3 a, table.obiki-blog-container h3 a:hover {
color:#069;
}
table.obiki-blog-container div.obiki-blog-post-comments {
  font-size: 100%;
  padding: 0 0 5px 20px;
  background: url(../images/comment.gif) 0 40% no-repeat;
  border-bottom: 1px solid #e1e1e1;
}
div.obiki-blog-post-metadata {
  font-size: 110%;
}
div.obiki-blog-post h4.obiki-blog-comment { /* same as h3 for the rest of the site */
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:16px;
  color:#333333;
  padding:0 0 10px 0;
  margin:0;
  font-weight: bold;
}
.obiki-blog-sidebar h3 {
  background-color: #ecf3f9;
  color: #666666 !important;
  margin: 10px 0 15px 0 !important;
  padding: 0 5px !important;
}
.obiki-blog-sidebar li {
  background: none !important;
  margin: 0  !important;
  padding: 0  !important;
  border-bottom: none;
}
.obiki-blog-sidebar ul {
  background: none !important;
  margin: 0 0 10px 0 !important;
  padding: 0  !important;
}
.obiki-blog-sidebar ul ul {
  border-bottom: none;
  margin: 0 !important;
}
.obiki-blog-sidebar ul ul {
  border-top: 1px solid #c7ced4;
  padding: 5px 0 0 0 !important;
}
.obiki-blog-sidebar ul li {
  color: #333;
  font-weight: bold;
}
.obiki-blog-sidebar ul li ul li {
  font-weight: normal;
}
.obiki-blog-sidebar ul a {
  font-weight: normal;
}
.obiki-blog-sidebar a {
  color: #069 !important;
  text-decoration: none;
}
.obiki-blog-sidebar p a {
  font-size: 90% !important;
}
.obiki-blog-sidebar-box {
  border: none !important;
}
div#leftcol_editable ul {
  width: 180px;
}
div#leftcol_editable .obiki-blog-post {
  display: none;
}
div#leftcol_editable table.obiki-blog-container {
  margin: 0 0 0 -7px;
}
div#leftcol_editable table, div#leftcol_editable td {
  width: 0;
  border: none;
}
div#leftcol_editable table, div#leftcol_editable table td table td {
  padding: 1px 2px;
}
div#leftcol_editable td.obiki-blog-container-sidebar {
  width: 180px;
}
div#leftcol_editable .obiki-blog-sidebar {
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  font-style: normal;
  margin: 0;
  padding: 0;
  width: 180px;
  background-color: #fff;
}
div#leftcol_editable .obiki-simplecalendar-nav, div#leftcol_editable .obiki-simplecalendar {
  width: 160px;
  color: #333;
}
div#leftcol_editable .obiki-blog-sidebar div {
  width: none !important;
}
div#leftcol_editable .obiki-blog-container a {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size:14px;
  font-style: normal;
}
div#leftcol_editable .obiki-simplecalendar-leftnav a, div#leftcol_editable .obiki-simplecalendar-rightnav a {
  font-size: 120%;
}
div#leftcol_editable .obiki-simplecalendar-monthname a {
  color: #666666 !important;
}

div.right-subpage .obiki-blog-sidebar {
  display:none;
}
div.right-subpage td.obiki-blog-container-sidebar {
  width: 0 !important;
} 
table.education {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left: -2px;
}
table.education th,
table.education td {
  text-align: left;
  padding: 2px;
}
dl {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
  line-height: 17px;
  margin-bottom: 10px;
}
dt {
  float: left;
  clear: both;
  width: 60px;
margin: 0;
padding: 0;
}
dd {
  float: right;
  width: 410px;
margin: 0;
padding: 0;
}
.nopass { clear: both; }
table#threadlist {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
table#threadlist th {
  font-size: 13px;
}
html div.obiki-simplecalendar-nav {
  font-family: Arial, Helvetica, sans-serif;
  margin-right: 15px;
  margin-top: 7px;
}
div.obiki-simplecalendar {
  margin-right: 15px;
}
div.obiki-simplecalendar a {
  text-decoration: none;
  font-weight: bold;
}
div.obiki-simplecalendar a:hover {
  text-decoration: underline;
}
a.back {
display: block;
border-bottom: 1px solid #d5e3ee;
color:#006699;
font-size:12px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
background: url(/images/prev_button.gif) 0 50% no-repeat;
padding: 10px 0 10px 15px;
margin-bottom: 15px;
}
html p.obiki-blog-sidebar-rss {
  padding: 15px 0 0 0;
}
html p.obiki-blog-sidebar-rss small, html p.obiki-blog-sidebar-email small {
  font-size: 14px;
  padding-left: 3px;
} html .obiki-blog-post div.obiki-blog-post-metadata {
font-size: 90%;
}

p.resource_attach {
  float: left;
  margin-right: 2em;
  }
p.join_org {
  position: relative;
  float: left;
  margin-right: 66px;
}
p.join_org.ncte {
  margin-right: 66px;
}
p.join_org.ira {
  margin-right: 81px;
}
p.join_org a {
  text-decoration: underline;
}
p.join_org img {
  position: absolute;
  top: -5px;
}
p.join_org.ncte img {
  right: -70px;
}
p.join_org.ira img {
  right: -85px;
}
html table#threadlist th {
  background: none;
  color:#333;
  font-size:13px;
  border:1px solid #ECECEC;
  vertical-align: top;
}
div#comments {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding:5px 30px 15px 0;
	line-height:17px;
	margin:0;
}
div#comments a.popup {
	font-weight: bold;
	font-size: 14px;
}
div#comments i,
div#comments em {
	font-size:14px;
}
div#comments br {
	display: block;
	margin-bottom: 10px;
}
