/* CSS Document */


/*  GENERAL
-----------------------*/

OL LI  {
margin-top:1em;
margin-bottom:1em;
}

P  {
padding-left:15px;
padding-right:15px;
}


td.sidebar {
padding: 0 10px 0 5px;
}
td.sidebar ul {
margin: 0  0 10px 0;
padding: 0;
}
td.sidebar ul li {
margin: .4em .2em .7em 20px;
padding: 0;
background: none;
}
td.sidebar h3 {
font-family: Verdana;
border-top: 1px solid #ccc;
border-bottom: 3px solid #ccc;
padding: 8px 5px;
text-align: left;
font-weight: bold;
background-color:#f8f8f8;
margin-top: 15px;
 font-size: 1.1em;
}

td.sidebar p {
 padding: 0 5px;
}

td.sidebar a {
font-weight: bold;
}

td.sidebar .filter {
text-align: center;
}

td.sidebar .filter a {
float: none;
font-size: 130%;
 }

td.sidebar label {text-align: left; display: block; margin-top: 7px; }
}

.tab-case2 {
        border-color: #db0029;
}

.tab-images2 {
        border-color: #a1a1a1;
}

.tab-network2 {
        border-color: #f8a541;
}

.tab-reading2 {
        border-color: #5fad42;
}

/* General Page Interior */

.content h3 {
 font-size: 90%;
 color: #333;
 margin: 10px 0;
}

.content dt {
 margin: 10px;
}

.content dd {
 margin: 0 20px;
}

.centercontent h2 {
 margin: 1.6em 0 5px;
}

.centercontent h3 {
 margin: 15px 0 0 5px;
}

.centercontent p.byline {
 margin: 0 0 0 5px;
 padding: 0;
 color: #666;
 font-size: .9em;
 font-style: italic;
}

.centercontent ul {
padding: 0;
margin: 6px 0 9px 30px;
}

.centercontent li {
margin-bottom: 3px;
}

.centercontent ul li ul {
margin-top: 4px
}


/* Community page */

#sidebar ul {
padding: 0;
}
#sidebar li {
list-style: none;
padding-left: 25px;
padding-bottom: 10px;
}

#sidebar {
position: absolute;
top: 250px;
width: 180px;
right: 0;
}

#maincontent {
margin-right: 220px;
}



/* Case study or publication content section */

#reading-inner-content h3 {
 font-family: Arial, Helvetica, sans-serif;
 margin: 16px 0 7px 0;
}

#reading-inner-content p {
 margin: 0 0 7px 0;
 padding: 0;
}



/* State profile section */

#sp-inner-content { padding: 15px }

#sp-inner-content h3 {
 margin: 25px 0 10px 0;
 color: #fff;
 background-color: #1C73B1;
}

#sp-inner-content p {
 margin: 0 0 7px 7px;
 padding: 0;
}

#sp-inner-content p#CSS-contact {
 margin: 15px 0 7px 20px;
 text-indent: -13px;
 clear: left;
}

#sp-inner-content p#CSS-contact:first-line {
 line-height: 150%
}

#sp-inner-content #last-update {
 margin-top: 50px;
 font-size: 80%;
 border-top: 1px solid #ccc;
 width: 50%;
 line-height: 110%;
}

/*    One-views
-----------------------------*/

#type_indicator {
width: 160px;
margin: 5px;
color: #666;
}

#type_indicator img {
float: left;
margin: 0 10px 0 10px;
}


/*  Homepage
---------------------------*/

.sidebar-intro {
background: #1C73B1;
margin: -7px -10px 0 -5px;
// margin-top: -8px;
color: #fff;
padding: 0 0 10px 0;
}

.sidebar-intro a {
color: #fff;
}

.sidebar-intro h2 {
font-size: 1.2em;
padding: 10px 0 0 10px;
}

.sidebar-intro a:hover {
color: #758fc2;
}


/*   List Item Layouts
--------------------------*/

/* related items */

#related_to {
padding: 10px 5px 5px 12px;
}

/* case studies items */


.casestudies-item td {
// padding: 12px 55px 12px 12px;
padding: 5px;
}

.casestudies-item {
	background: #feb2b4;
	margin: 0 0 2px 0;
	height: 95px;
	width: 100%;
	clear: both;
    //padding: 12px 55px 12px 12px;
    padding: 5px;
}

.casestudies-item img{
   border: 0;
   margin: 0 10px 10px 0;
}

.published {
	border: 0px solid red;
    // background: #d45d6a url(/content/graphics/icons/css_approved_sm) 98% 50% no-repeat;
    background: #d45d6a;
    color: #fff;
    height: 125px;
}

.published td { color: #fff; }  /* for ie */

.published a:link, .published a:visited, .published a:hover {
    color: #fff;
    text-decoration: underline;
}

.published a:hover {
    text-decoration: none;
}

.published img {
border: 2px solid #fff;
}

/* HAM : as of ticket #111, both postedproject and ontheroad will use the same shade of pink */

.postedproject {
   //background:#feb2b4 url(/content/graphics/icons/case_sm) 98% 50% no-repeat;
  background:#feb2b4;
}

.ontheroad {
   // background: #feb2b4 url(/content/graphics/icons/ontheroad_sm) 98% 50% no-repeat;
  background: #feb2b4;
}




/*   List Page Layouts
---------------------------*/

ul#case_types {
display: block;
height: 60px;
width: 100%;
}

ul#case_types li {
list-style: none;
float: left;
width: 20%;
padding : 5px 0 0 30px;
margin: 0 3px;
}

ul#case_types li.first{
border-top: 5px solid #d45d6a;
background: url(/content/graphics/icons/css_approved_sm) 0 5px  no-repeat;
}

ul#case_types li.first span{
display: block;
height: 50px;
padding: 0 10px;
}

ul#case_types li.second{
border-top: 5px solid #feb2b4;
background: url(/content/graphics/icons/case_sm) 0 5px no-repeat;
}

ul#case_types li.second span {
display: block;
height: 50px;
padding: 0 10px;
}

ul#case_types li.third{
border-top: 5px solid #feb2b4;
background: url(/content/graphics/icons/ontheroad_sm) 0 5px no-repeat;
}

ul#case_types li.third span{
display: block;
height: 50px;
padding: 0 10px;
}

ul#case_types li a {
font-weight: bold;
}

.list-paginator {
   background: #EEE; border-bottom: 2px solid #FFFFFF; border-top: 1px solid #C8D0DB; padding: 0 0  0 20px;
}

ul#general_items {
 padding: 0 12px 0 25px;
 margin: 10px 0 15px 0;
}

#general_items li {
 margin: 0; padding: 0 0 3px 0;
}



/* GOOGLE SEARCH */
#google { padding: 10px; background: #fff; }
#google a.fl {border: none; font-size: 12px;font-weight: normal; display: inline; }
#google p.g a { font-size: 1.4em; display: block; padding: 2px 0; margin: 20px 0 -11px 0;  border-bottom: 1px dotted #999;}
#google p.g nobr a {display: inline; border: none; padding: 0; font-size: 1em;}

/*    FORMS
---------------------*/
.form-widget-error {
  border: 2px solid red;
  background: pink;
}
.form-section th {
  margin: 5px 0;
  padding: 10px 3px 3px;
  border-bottom: 1px solid #ddd;
  font-size: 1.5em;
}
td.form-label {
display: block;
width: 180px;
}

/* HOMEPAGE
---------------------*/

.padded-box {
padding:5px 10px 5px;
margin: 0;
text-align:left;
border-bottom: none;
}

.padded-box#welcome {
background:#FEFCDD;
border: 1px solid #eee;
}

.padded-box h1 {
font-size: 1.4em;
}

#homepage_text {

}

#homepage_text p {
 padding: 0; margin: 0;
}

#homepage_feature {
 width: 125px;
 float: right;
 padding: 3px; margin: 0;
 border: 1px solid #ccc;
}

#homepage_feature img {
 padding: 0; margin: 0;
}

#homepage_feature p {
 padding: 0; margin: 0;
 font-size: 80%;
}

.padded-box #homepage_features {
text-align: left;
margin: 0;
}

blockquote {
border-left: 4px solid #ccc;
padding-left: 10px;
}

#homepage_features h3 {
font-size: 1em;
font-family: Arial, Verdana, sans-serif;
 padding: 0;
 margin: 0;
}

#homepage_features p, #homepage_features ul {
padding: 5px 8px;
margin: 0;
}

#homepage_features p {
 margin: 0;
 padding: 0;
}

#homepage_features li {
margin: 0 0 3px 5px;
 list-style: none;
}

#recent_news {
color: #758fc2;
border-left: 6px solid #758fc2;
margin-bottom:10px;
padding-left:15px;
}

#upcoming_events {
color: #80487f;
border-left: 6px solid #80487f;
margin-bottom:10px;
padding-left:15px;
}

#recent_content {
color: #5fad42;
border-left: 6px solid #5fad42;
margin-bottom:10px;
padding-left:15px;
}

#hot_topics {
color: #db0029;
border-left: 6px solid #db0029;
margin-bottom:10px;
padding-left:15px;
}

#recent_news li, #upcoming_events li,
#upcoming_events p, #recent_content li,
#hot_topics li {
color: #000;
}