/* Add CSS style definitions after this comment */

/*HWP 'Reset' Override {!!!!!!} */
#col-2 {display:none !important}
#content-block { left:0px; width:820px; margin-left: 0px; margin-right: 0px;} 
#sci-bd blockquote {margin: 0;}
#sci-bd h3 {border: none !important; margin: 0; padding: 0; text-transform: none;}
#sci-bd a {text-decoration: underline;}
#sci-bd a.reversed {color: white;}
#sci-bd a.plain {text-decoration: none;}
#sci-bd a.plain:hover {text-decoration: underline;}

#sci-bd h1, #sci-bd .h1 {font-size: 36px !important; margin: 0 0 36px 0 !important; color: #a00000 !important;letter-spacing: -2px;}
#sci-bd h2, #sci-bd .h2 {border-bottom: 1px solid #B9B9B9; display: block; font-size: 20px; margin-bottom: 20px; width: 100%; }
#sci-bd h3, #sci-bd .h3 { border-bottom: none; font-size: 18px; color: #333;}
#sci-bd h4, #sci-bd .h4 {font-size: 12px}
#sci-bd h5, #sci-bd .h5 {font-size: 12px}
#sci-bd h6, #sci-bd .h6 {font-size: 11px}

#sci-bd .sci-item h3 a{text-decoration: none;}
#sci-bd .sidebar .sci-item h3 {font-size: 14px;}

/*Grid Reset*/
#sci-bd {width: 810px; margin-left: 18px;}
#sci-bd .sci-cn-1{width: 63px;}
#sci-bd .sci-cn-2{width: 146px;}
#sci-bd .sci-cn-3{width: 229px;}
#sci-bd .sci-cn-4{width: 312px;}
#sci-bd .sci-cn-5{width: 395px;}
#sci-bd .sci-cn-6{width: 478px;}
#sci-bd .sci-cn-7{width: 561px;}
#sci-bd .sci-cn-8{width: 644px;}
#sci-bd .sci-cn-9{width: 727px;}
#sci-bd .sci-cn-10{width: 810px;}
#sci-bd .sci-cn-11{width: 860px;}
#sci-bd .sci-cn-12{width: 940px;}

#sci-bd .sci-cn-2x{width: 171px; float: left;}
#sci-bd .sci-gutter {width: 20px;}

#sci-bd .sci-item {padding-bottom: 14px; overflow: hidden; }

#sci-bd .sci-hardsection h2 {border-bottom: none !important; margin-bottom:0px !important}
#sci-bd h2.sci-group-title {border-bottom: 1px solid #B9B9B9; font: 24px normal georgia, times new-roman, serif; margin-bottom: 20px; padding-bottom: 4px;}

/*TODO Rename this */
#sci-bd .page-content{border-top: solid 3px #A00000;padding-top: 16px;}

/*Custom*/
#sci-bd .sci-si-cover {width: 146px; position: absolute; right: 12px; top: 74px;}
#sci-bd .sci-si-cover img.thumb{  border: 1px solid #CCC; padding: 8px;}
#sci-bd .sci-secondary-section {margin-top: 266px;}

#sci-bd .item-link-list {text-transform: uppercase; font-size: 11px; margin-top: 12px;}
#sci-bd .item-link-list li{padding-left: 8px; background: url(/site/icons_shared/bullets_overflowfix.png) no-repeat 0 -397px; display: inline; padding-right: 12px;}
#sci-bd .item-link-list li a{ color: #2e6d9b; text-decoration: none;}

#sci-bd .item-collection li{float: left; text-align: center; border: solid 1px #CED9DF; padding: 12px; overflow: hidden; width: 92px; min-height: 178px; margin-right:20px;}
#sci-bd .item-collection li:hover  {background-color: #EDF0F0;}
#sci-bd .item-collection li:last-child {margin-right: 0px;}

#sci-bd .item-collection .teaser {
color: #777;
font-size: 13px;
font-weight: bold;
letter-spacing: -1px;
margin: 6px 0;
}

#sci-bd .item-collection .pub-date {
color: #999;
font-size: 11px;   
}

/*
#sci-banner span {display: block; text-indent: -9998em;}
#sci-banner {height: 100px; width: 830px;}
*/

/*Content List*/
/*What is this for? it apparently isn't being used in inflimation */
/* #sci-bd .sci-section {border-bottom:none;}*/
#sci-bd .sci-sectionlist .sci-item {clear: both; padding:12px 14px 8px 14px; border-bottom: dotted 1px #999;}
#sci-bd .sci-sectionlist .sci-item a{text-transform: uppercase; font-size: 12px}
#sci-bd .sci-item a:hover {text-decoration: underline !important;}

/*Content types*/
#sci-bd .title {font-weight: bold; font-size: 1.2em}
#sci-bd .teaser {font-size: 12px; color: #777;}
#sci-bd .byline {margin-bottom: 6px; font-size: 12px; color: #444;}
#sci-bd .sci-style-dark .byline {color: #CFCFCF;}
#sci-bd .sci-style-dark p {color: #FDFDFD;}

#sci-bd .thumb-img {float: left;}
#sci-bd .thumb-cn {margin-left: 80px}
#sci-bd .thumb-cn-wide {margin-left: 150px}
#sci-bd .thumb-cn-xwide {margin-left: 220px}

/*Module Style*/
#sci-bd .sci-style-aside {background-color: #f3f3ed; padding:12px; border: solid 1px #cbcbb6;}
#sci-bd .sci-style-aside .sci-mod-hd {padding: 0; background-color: inherit; }
#sci-bd .sci-style-aside .caption {background: white; padding: 8px; border: solid 1px #ece2b8;}
#sci-bd .sci-style-aside .callout {background: #e7e7dd;}

/*Module Style*/
/*  ==== do we need these? ===*/
#sci-bd .sci-style-dark a {color: white;}
#sci-bd .sci-style-dark .loud {color: yellow;}
#sci-bd .sci-style-dark .glare {color: #8ce0fc}
#sci-bd .sci-style-dark .sci-mod-hd {background: #1B1F21 url(/site/icons_shared/dark-vgrad.gif) repeat-x;  color: #ccc; padding: 14px;}
#sci-bd .sci-style-dark .sci-mod-bd {background-color: #566367; color: #ccc;}
#sci-bd .sci-style-dark .sci-sectionlist .sci-item:hover {background-color: #5e6c70;}
#sci-bd .sci-style-dark .assert {color: #b3d1db;}

/*Grid-Item With Roll-up Captions Style*/
#sci-bd .sci-grid-item {float:left; width: 185px; margin-bottom: 10px}
#sci-bd .sci-grid-item-last {float:left; width: 175px; margin-bottom: 10px}
#sci-bd .roll-item {width: 175px; height: 114px; position: relative; overflow: hidden; display: block;}
#sci-bd .roll-content {position: absolute; width: 175px; height: 114px; bottom: -88px; background: #222; background: rgba(0, 0, 0, 0.8);  color: white;}

/*Correct for HWP nested styles*/
#proxied-contents .roll-content h3 {
  margin: 0; padding: 0; color: white; font-weight: bold; background-color: #353535; line-height: 26px; padding-left: 4px; margin: 0; opacity:100;
  height: 2.2em; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
#content-block #proxied-contents .roll-content p {margin: 0; padding: 4px; font-size: 0.85em;}

/*Content Style*/
/* not sure what these are used for */
#sci-bd blockquote.sci-pullquote {font-family: georgia , serif; font-size: 16px; background-color: #edf0f0; padding: 16px; margin-bottom: 12px; color: #16587b;}
#sci-bd blockquote.sci-pullquote img {float: left;}

/*Layout Utility*/
/*move to global? */
#sci-bd .fleft {float: left; margin-right: 12px;}
#sci-bd .fright {float: right; margin-left: 12px;}

/*Related-Links*/
/* should these have a class attached to them? */
#sci-bd dt {margin: 12px 0;}
#sci-bd dd {margin-bottom: 18px;}
#sci-bd dd li {margin-bottom: 4px; padding:0 0 8px 20px;}


/*MOBILE OVERRIDES*/
#maincontent h1 {background: none !important; overflow: none !important; height: auto !important; letter-spacing: 1px; word-spacing: 1px;}
#maincontent h1 span{padding: 0 !important;}
#maincontent h3 a:link{color: #2E6D8F; }
#maincontent h3.sci-header { width: 100%; background-color: #e0e0e0; margin:0; padding: 3px 0 3px; }
#maincontent h3+br { display:none; }
#maincontent h2  {color: #ffffff!important; background: #CED9DF!important; background: -moz-linear-gradient(top, #CED9DF 1%,  #435d6b 100%)!important; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #CED9DF), color-stop(100%,#435d6b))!important;/* webkit */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#CED9DF, endColorstr=#435d6b, GradientType=0 )!important; /* ie */  cursor: pointer;  font-size: 1.1em; font-weight: normal; margin: 1px 0 0;  padding: 0.3em; font-family:Arial, Helvetica, sans-serif !important;}
#maincontent .sci-item { background: url("img/article-gradient.png") repeat-x scroll 0 0 transparent; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #CCCCCC; margin: 0 !important; padding: 12px 0;}
#maincontent .sci-section {padding:12px 0;}
#maincontent .sci-block {margin-bottom: 6px;}
#maincontent .Right {padding: 12px 0;}
#maincontent .overline{font-weight:bold; font-size:12px; text-transform: uppercase; display:block;}
#maincontent .sci-style-aside {!important; border:0px !important}
#maincontent #content-block{width:auto !important;} 
#maincontent .index-img img{width:100%; border:none; margin-bottom:12px;}
#maincontent .byline {font-style:italic; color: #666; font-size: 0.8em}
#maincontent .mini-tab-list{display:none;}
#maincontent .mhidden {display:none;}
#maincontent .mhidden {display:none;}
#maincontent .mcenter {text-align: center;}
#maincontent #sci-bd .item-collection li{ float: none !important; text-align: center; border: solid 1px #CED9DF; padding: 12px; overflow: hidden; width: 92px; min-height: 170px; margin-right:20px;}
#maincontent #sci-bd .sci-si-cover {position: inherit; marin-bottom: 5px;}
#maincontent #sci-bd .sci-secondary-section {margin-top: none;}


#sci-banner {height: 84px; background: url(/site/special/education2011/education-title-banner.png) no-repeat; position: relative; top: -7px;}

#maincontent #sci-bd { width:100% !important; margin: 0px;}

#maincontent #sci-bd .sci-cn-1,  
#maincontent #sci-bd .sci-cn-2,   
#maincontent #sci-bd .sci-cn-3,  
#maincontent #sci-bd .sci-cn-4,  
#maincontent #sci-bd .sci-cn-5,  
#maincontent #sci-bd .sci-cn-6,  
#maincontent #sci-bd .sci-cn-7,  
#maincontent #sci-bd .sci-cn-8,  
#maincontent #sci-bd .sci-cn-9,  
#maincontent #sci-bd .sci-cn-10,   
#maincontent #sci-bd .sci-cn-11,
#maincontent #sci-bd .sci-container,
#maincontent #sci-bd .thumb-img
{
  float:none; clear:both !important; width:auto !important;
}   

#maincontent #sci-bd .thumb-cn,
#maincontent #sci-bd .thumb-cn-wide,
#maincontent #sci-bd .thumb-cn-xwide
{
  margin-left: 0;
}

#maincontent #proxied-contents #sci-bd h3{margin-top:6px; margin-bottom:6px;}
#maincontent #sci-bd .Right{float:none !important;}

/* Main Site-Mobile Utilities */

#sci-bd .mobileonly {display: none;}
#maincontent .mobileonly {display: block;}

#sci-bd .hidemobile {display: block;}
#maincontent .hidemobile {display: none;}