/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Global
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
   margin-top:0px;
   padding-top:0px;
   font-family:Arial;
   background:#e8e6e7 url("http://www.cibmtr.org/images/bg-body.gif") no-repeat scroll center -225px;
}
h1 {
   margin: 0 0 20px 0; 
   color: #840D1A;
   font-family: Helvetica, Arial, san-serif;
   font-size: 20px;
   font-weight: normal;
}
h1.sIFR-replaced { margin-bottom:8px; }
h1.sIFR-replaced + p { margin-top:0px; padding-top:0px; }
h2 {
   margin: 0 0 2px 0;
   color: #B6121B;
   font-family: Arial, san-serif;
   font-size: 1.1em;
   font-weight: bold;
}
h2 + p { margin-top:0px; padding-top:0px; } /* remove top padding of paragraph tags that immediately follow an h2 tag */
h2 + ul { margin-top:0px; padding-top:0px; } /* remove top padding of ul tags that immediately follow an h2 tag */
h3 {
   margin: 0 0 2px 0;
   color: #840D1A;
   font-family: Arial, san-serif;
   font-size:1em; /* inside content makes this font-size .8em */
   font-weight: bold;
}
h3 + p { margin-top:0px; padding-top:0px; } /* remove top padding of paragraph tags that immediately follow an h3 tag */
h3 + ul { margin-top:0px; padding-top:0px; } /* remove top padding of ul tags that immediately follow an h3 tag */
h4 {
   margin: 0 0 2px 0;
   color: #333333;
   font-family: Arial, san-serif;
   font-size:1em; /* inside content makes this font-size .8em */
   font-weight: bold;
}
h4 + p { margin-top:0px; padding-top:0px; } /* remove top padding of paragraph tags that immediately follow an h4 tag */
h4 + ul { margin-top:0px; padding-top:0px; } /* remove top padding of ul tags that immediately follow an h4 tag */

a {
   color: #006fa4;
}
a:visited {
   color: #666699;
}
a img {
   border: medium none;
}

sup, sub {
  font-size:.85em;
}

.small {
  font-size:.85em;
}
.footnote {
  font-family: Arial, san-serif;
  font-size:.85em;
  color:#999999;
}
.photo-caption {
  font-family: Arial, san-serif;
  font-size:.7em;
  color:#735e2f;
}

div#wrapper {
   margin: 0 auto;
   width:980px;
   min-height:700px;
   background-color:#ffffff;
}

/* ~~~~~~ jump to ~~~~~~ */
div.jumpto {
   border-top:1px solid #b6121b;
   padding-top:7px;
   padding-bottom:20px;
   color: #8c0e1a;
   font-weight:bold;
}
div.jumpto ul {
   margin:5px 0px 0px 0px;
   padding:0px;
}
div.jumpto a, div.jumpto a.visited,
div.jumpto ul li a, div.jumpto ul li a.visited {
   color:#333333;
   font-weight:normal;
}

/* ~~~~~~ return to top ~~~~~~ */
p.return {
   font-weight:bold;
   color: #999999;
   clear:both;
   text-align:right;
   padding-right:20px;
   background:transparent url("http://www.cibmtr.org/images/icon-return-top.gif") no-repeat scroll top right;
   font-size:.989em;
}
p.return a {
   color: #999999;
   text-decoration: none;
}
p.return a.hover {
   text-decoration: underline;
}

/* ~~~~~ Last Updated Date ~~~~~ */
div#last-update {
  font-family:Arial;
  font-size:.7em;
  color:#999999;
  clear:both;
  text-align:right;
  margin-right:230px;
}
.landing div#last-update {
  margin-right:10px;
}

/* ~~~~~~ forms ~~~~~~ */
.required {
   color: #B6121B;
}
fieldset legend {
   color: #B6121B;
   font-family: Arial, san-serif;
   font-size: 1.1em;
   font-weight: bold;
}
fieldset select {
   margin-bottom:7px;
}
fieldset textarea {
   margin-bottom:7px;
}

/* ~~~~~~ call out boxes ~~~~~~~ */
.call_out {
   background-color:#F0E2AA;
   color: #94722B;
   font-size:1.1em;
   padding:17px 20px;
   margin: 3px 0px 5px 0px;
}
.call_out a, .call_out a:visited, .call_out a:hover {
   color:#94722B;
   text-decoration:underline;
}

/* ~~~~~ tables ~~~~~ */
table {
   border: none;
   width:100%;
   border-collapse:collapse;
}
th {
  font-family:Arial;
  text-align:left;
  border-top:none;
  border-left:none;
  border-right:1px #ffffff solid;
  border-bottom:1px #b6121b solid;
  padding:7px;
  background-color:#f0e2aa;
  border-spacing:0px;
  color:#735E2F;
}
td {
  font-family:Arial;
  vertical-align:top;
  padding:7px;
  background-color:#faf4e2;
  border-top:none;
  border-left:none;
  border-right:1px #ffffff solid;
  border-bottom:1px #ffffff solid;
  border-spacing:0px;
}
td p {
  margin-top:0px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	top header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#top-header {
   float:left;
   height:151px;
   margin:0px;
   padding:0px;
   position:relative;
   width:100%;
   background:#ffffff url("http://www.cibmtr.org/images/bg-header.gif") no-repeat scroll right top;
}
div#top-header img {
   float:left;
   margin:5px 0px 5px 0px;
}
div#top-header a {
   border: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	search box
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#top-header form {
  display:inline;
  float:right;
  margin:30px 110px 10px 0px;
}
div#top-header form div {
  float:left;
  vertical-align:top;
}
div#top-header form input {
  color:#B0B0B0;
  border:1px solid #D0CFCF;
  font-family:Arial,sans-serif;
  font-size:9pt;
  padding:2px 6px;
  margin:0px;
  width:150px;
  float:left;
}
div#top-header form select {
  color:#B0B0B0;
  border:1px solid #D0CFCF;
  font-family:Arial,sans-serif;
  font-size:9pt;
  margin:0px 5px 0px 0px;
  width:100px;
  padding:1px;
  float:left;
}
div#top-header form input.button {
  width:68px;
  color: #b6121b;
  padding:2px 3px;
  background-color:#ffffff;
  float:left;
  height:21px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Secondary Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#nav-second {
  font-size:9pt;
  color:#666666;
  margin:5px 110px 0px 0px;
  clear:right;
  float:right;
  white-space:nowrap;
}
#nav-second a  {
  font-size:9pt;
  color:#666666;
  text-decoration:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Main Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul#nav-main {
   list-style-type:none;
   margin:10px 20px 10px 10px;
   padding:0px;
   width: 906px;
   height: 42px;
   position:absolute;
   left:0;
   bottom:0;
   background: transparent url("http://www.cibmtr.org/images/navigation.gif") left top no-repeat;
}
#nav-main li.top-menu-item {
   float: left;
   margin: 0px 2px 0px 0px;
   }
   ul#nav-main li#nav-about      { width: 138px; }
   ul#nav-main li#nav-studies    { width: 75px;  }
   ul#nav-main li#nav-samples    { width: 76px;  }
   ul#nav-main li#nav-data       { width: 53px;  }
   ul#nav-main li#nav-stats      { width: 153px; }
   ul#nav-main li#nav-meetings   { width: 85px;  }
   ul#nav-main li#nav-ref        { width: 144px; }
   ul#nav-main li#nav-datamanage { width: 166px; }
   	
#nav-main li.top-menu-item a {
   display: block;
   height: 42px;
   width: 100%;
   text-indent: -9999px;
}
#nav-main>li>a.active, #nav-main>li>a:hover  {
    background: transparent url("http://www.cibmtr.org/images/navigation.gif") no-repeat;
   }
   #nav-main li#nav-about a.active, #nav-main li#nav-about a:hover     { background-position: 0 -42px; }
   #nav-main li#nav-studies a.active, #nav-main li#nav-studies a:hover { background-position: -140px -42px; }
   #nav-main li#nav-samples a.active, #nav-main li#nav-samples a:hover { background-position: -217px -42px; }
   #nav-main li#nav-data a.active, #nav-main li#nav-data a:hover       { background-position: -295px -42px; }
   #nav-main li#nav-stats a.active, #nav-main li#nav-stats a:hover     { background-position: -350px -42px; }
   #nav-main li#nav-meetings a.active, #nav-main li#nav-meetings a:hover   { background-position: -505px -42px; }
   #nav-main li#nav-ref a.active, #nav-main li#nav-ref a:hover             { background-position: -592px -42px; }
   #nav-main li#nav-datamanage a.active, #nav-main li#nav-datamanage a:hover { background-position: -738px -42px; }
   
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Drop Down Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul.sub-menu {
    list-style-type:none; 
    position:static;
    width:149px;
    top:42px;
    margin: 0;
    padding:0;
	display:none;
    background-color:#b6121b;
}
ul.sub-menu li { 
  float:none;
  padding:4px 5px; 
}
ul.sub-menu li a, #nav-main li.top-menu-item li a {
    float:none;
    display:block;
    width:140px;
    color:white;
    font:normal 11px Arial;
    text-decoration: none;
    height:auto;
    text-indent:0px;
}
ul.sub-menu li a:hover, #nav-main li.top-menu-item li a:hover {
    background: #b6121b; 
    color: #F99C1C; 
    text-decoration: none;
}
#nav-main li:hover ul.sub-menu, #nav-main li.over ul{ /* lists nested under hovered list items */
	display: block;
}
.sub-menu li>ul {
  left:auto;
}
   
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Side/Section Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#side-nav {
    clear: left;
    float: left;
    width: 190px;
    min-height: 474px;
    background-color:#ffffff;
    margin-top:24px;
    margin-left:30px;
}
ul#menu {
    list-style-type:none;
    margin:0px;
    padding:0px;
 }
ul#menu li {
    width: 190px;
    color: #666666;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight:bolder;
    list-style-type:none;
    margin:0px;
    padding:0px;
 }
ul#menu li div {
    border-bottom: 1px solid #cccccc;
    padding:5px 0px 5px 15px;
    background:url("http://www.cibmtr.org/images/menu-item-red.gif") no-repeat;
    background-position:0px 7px;
}
ul#menu li div.inPath {
    background:url("http://www.cibmtr.org/images/menu-selected-red.gif") no-repeat;
    background-position:0px 7px;
}

ul#menu li a {
    color: #999999;
    text-decoration: none;
   }
   ul#menu li a.active { color:#b6121b; font-weight:bold; }
   ul#menu li a:hover { color:#b6121b; text-decoration: none; }

/* level 2 */
ul#menu ul {
    margin:0px;
    padding:0px;
 }
ul#menu ul li {
    width: 190px;
    font-size: 11px;
    font-weight:bold;
    border: none;
 }
ul#menu ul li div {
    border-bottom: 1px solid #cccccc;
    padding:5px 0px 5px 25px;
    background:url("http://www.cibmtr.org/images/menu-item-orange.gif") no-repeat;
    background-position:10px 7px;
}
ul#menu ul li div.inPath {
    background:url("http://www.cibmtr.org/images/menu-selected-orange.gif") no-repeat;
    background-position:10px 7px;
}
ul#menu ul li a {
    color:#666666;
    font-size: 11px;
    font-weight:bold;
}

/* level 3 */
ul#menu ul ul {
    margin: 0px;
    padding: 0px;
}
ul#menu ul ul li {
    font-size: 10px;
    font-weight:normal;
}
ul#menu ul ul li div {
    border-bottom: 1px solid #cccccc;
    padding:5px 0px 5px 35px;
    background:url("http://www.cibmtr.org/images/menu-item-gray.gif") no-repeat;
    background-position:20px 7px;
}
ul#menu ul ul li div.inPath {
    background:url("http://www.cibmtr.org/images/menu-selected-gray.gif") no-repeat;
    background-position:20px 7px;
}
ul#menu ul ul li a {
    color:#999999;
    font-size: 11px;
    font-weight:normal;
}


/* level 4 */
ul#menu ul ul ul {
    margin: 0px;
    padding: 0px;
}
ul#menu ul ul ul li {
    font-size: 10px;
    font-weight:normal;
}
ul#menu ul ul ul li div {
    border-bottom: 1px solid #cccccc;
    padding:5px 0px 5px 45px;
    background:none;
}
ul#menu ul ul ul li div.inPath {
    background:none;
}
ul#menu ul ul ul li a {
    color:#999999;
    font-size: 11px;
    font-weight:normal;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  content topper (holds breadcrumbs and icons)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#topper {
  float:left;
  width:720px;
  min-height:38px;
  margin-right:20px;
  margin-left:20px;
  padding-bottom:10px;
  border-bottom:1px #f1e2ab solid;
  background-color:#ffffff;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   breadcrumb navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.breadcrumbs {
  float:left;
  width:530px;
  margin:10px 0px 0px 0px;
  padding:0px;
  font-family:Arial, San-Serif;
  font-size:11px;
  color:#999999;
}
div.breadcrumbs a  {
  font-family:Arial, San-Serif;
  font-size:11px;
  color:#999999;
  text-decoration:none;
}
div.breadcrumbs a:hover {
  text-decoration:underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   page action icons email,print,share
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul.actionIcons {
  margin:12px 35px 0px 0px;
  padding:0px;
  list-style-type:none;
  float:right;
}
ul.actionIcons li {
    float: left;
    margin: 0 10px 0 2px;
    font-size:9pt;
    font-weight:bold;
    list-style-type:none;
}
ul.actionIcons li a {
    padding: 0px 0px 0px 22px;
    color: #9a9a9a;
    font-size:9pt;
    font-weight:bold;
    text-decoration: none;
   }
   ul.actionIcons li a:hover { text-decoration: underline; }
   ul.actionIcons li.email a { background: transparent url("http://www.cibmtr.org/images/icon-email.gif") left no-repeat; }
   ul.actionIcons li.print a { background: transparent url("http://www.cibmtr.org/images/icon-print.gif") left no-repeat; }
   ul.actionIcons li.addthis a { background: transparent url("http://www.cibmtr.org/images/icon-share.gif") left no-repeat; padding-left:20px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
     Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#container {
   float:left;
   padding-bottom:10px;
   margin:0;
   width:100%;
   background-color:#ffffff;
   border-bottom: #e8e6e7 1px solid;
}
div#content {
   float:left;
   width:510px;
   min-height:400px;
   padding:20px;
   background-color:#ffffff;
   font-size:.8em;
   color:#333333;
}
#app-content {
   min-height:400px;
   background:none;
   background-color:#ffffff;
   font-size:.8em;
   color:#333333;
   margin:0px;
   padding:0px 5px 0px 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Related Links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#related {
  border-top:2px solid #B6121B;
  margin-top:4px;
  padding-top:6px;
}
div#related h2 {
  color: #840D1A;
}
div#related ul, div#related li, div#related ul li {
   list-style-type:none;
   margin:0px;
   padding:0px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Panels
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#panels {
  width:190px;
  padding-right:20px;
  float:left;
}
.cta-image {
   background: transparent;
}
.cta-image .inner-panel {
   width:190px;
   padding:0px;
}
.panel {
  width:190px;
  margin-top:20px;
}
.panel-image-topper {
  width:190px;
  line-height:1px;
}
.inner-panel {
  width:160px;
  padding:15px;
  font-size:14px;
  font-family:Arial;
}
.inner-panel p {
  margin-top:0px;
  padding-top:0px;
}
.cta-tan-plain {
   color:#94722B;
   background: #f1e2ab url("http://www.cibmtr.org/panels/images/panel-bottom-tan.gif") left bottom no-repeat;
}
.cta-tan {
   color:#94722B;
   background: #f1e2ab url("http://www.cibmtr.org/panels/images/panel-bg-tan-swoosh.gif") left bottom no-repeat;
   min-height:125px;
}
.cta-tan .panel-header, .cta-tan-plain .panel-header {
  display:block;
  color:#735e2f;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  margin-bottom:2px;
}
.cta-tan ul, .cta-tan-plain ul {
   margin-left:0px;
   padding-left:0px;
   margin-top:0px;
   padding-top:0px;
}
.cta-tan li, .cta-tan-plain li {
   list-style-type:none;
   padding:5px 0px 5px 15px;
   background:url("http://www.cibmtr.org/images/landing-menu-item.gif") no-repeat;
   background-position:0px 7px;
}
.cta-tan li a, .cta-tan-plain li a {
   color:#94722B;
}
.cta-tan .cta-button, .cta-tan-plain .cta-button {
   font-weight:bold;
   font-size:1.15em;
   color:#735e2f;
   clear:both;
   text-align:right;
}
.cta-tan .cta-button a, .cta-tan-plain .cta-button a {
   color:#735e2f;
   text-decoration:none;
}
.cta-tan .cta-button a:hover, .cta-tan-plain .cta-button a:hover{
   text-decoration:underline;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Bottom Nav/Copyright
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#footer {
   padding:10px;
   font-size:9pt;
   color:#999999;
   background-color:#ffffff;
   float:left;
   margin:0;
   min-height:37px;
   position:relative;
   width:960px;
}
div#footer a {
   color:#999999;
   text-decoration:none;
}
div#footer a.hover {
   text-decoration:underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Landing Page Specific Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#content.landing {
   width:720px;
   margin-top:0px;
   padding-top:0px;
}
div#landing-image {
  min-height:80px;
  margin-bottom:10px;
}
div#landing-image h1 {
  padding-top:30px;
}

div#landing-intro { 
  margin-bottom:15px;
}

/* landing call to actions */
h2#landing-cta-title {
  margin-bottom:20px;
}
#landing-cta-1, #landing-cta-2, #landing-cta-3 {
   float:left;
   min-height:100px;
   border:none;
   background: #f1e2ab url("http://www.cibmtr.org/panels/images/panel-bottom-tan.gif") left bottom no-repeat;
   color:#91722F;
   font-weight:bold;
}
#landing-cta-1 h2, #landing-cta-2 h2, #landing-cta-3 h2 {
   background-color:#E8D99C;
   color:#B6121B;
   padding:8px 30px;
}
#landing-cta-1 ul, #landing-cta-2 ul, #landing-cta-3 ul {
   margin-left:15px;
   padding-left:0px;
}
#landing-cta-1 li, #landing-cta-2 li, #landing-cta-3 li {
   list-style-type:none;
   padding:5px 0px 5px 32px;
   background:url("http://www.cibmtr.org/images/landing-menu-item.gif") no-repeat;
   background-position:15px 7px;
}
#landing-cta-1 li a, #landing-cta-2 li a, #landing-cta-3 li a {
   text-decoration:none;
   color:#91722F;
}
#landing-cta-1 ul a:hover, #landing-cta-2 ul a:hover, #landing-cta-3 ul a:hover {
   text-decoration:underline;
}
#landing-cta-1 p, #landing-cta-2 p, #landing-cta-3 p {
   margin-left:30px;
   margin-top:10px;
}

/* landing call to actions - 2 column */
div#landing-cta-wrapper-2 { }
div#landing-cta-wrapper-2 #landing-cta-1 { 
  width:355px;
  margin-right:10px;
}
div#landing-cta-wrapper-2 #landing-cta-2 {
  width:355px;
}

/* landing call to actions - 3 column */
div#landing-cta-wrapper-3 { }
div#landing-cta-wrapper-3 #landing-cta-1 {
  width:233px;
  margin-right:10px;
}
div#landing-cta-wrapper-3 #landing-cta-2 {
  width:233px;
  margin-right:10px;
}
div#landing-cta-wrapper-3 #landing-cta-3 {
  width:233px;
}