/* TYPOGRAPHY */

/* text sizing http://24ways.org/2006/compose-to-a-vertical-rhythm */
body /* for ie6 and below */ { font-size: 90%; color: #3a3939; background: #e7eadc url(/images/header-back.gif) repeat-x;  } 
html>body /* for all other browsers */ { font-size: 14px;} 
p, h2, h3, h4, h5, h6, ul, ol, dl, form, blockquote, fieldset, table  /* = 6px of spacing between lines making 21px total line-height */ 
{ line-height: 1.5em; }
p, h2, h3, h4, h5, h6, ul, ol, dl, form, blockquote, fieldset, table  /* set margins to preserve 21px line-height by matching line-height */ 
{ font-size: 1em; margin-top: 1.5em; margin-bottom: 1.5em; }
body, form { font-family:  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, Arial;     }
h1 {  font-size: 1.5em; line-height: 0.875em; margin-top: 0; margin-bottom: 1.25em; color: #e11e03 }
h2 { /* 18px */ font-size: 1.285714em;  font-weight: normal; line-height: 1.166667em; margin-bottom: 1.166667em; margin-top: 1.166667em; color: #3a3939  }
h3 { /* 14px */ font-size: 1em;  font-weight: bold; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em;  color: #3a3939  }
h4 { /* 14px */ font-size: 1em;  font-weight: bold; line-height: 1.5em; margin-top: 1.5em; margin-bottom: -1.5em;  color: #3a3939 }
.smalltext /* equivalent to 12px */ { font-size: 0.857142em; line-height: 1.75em }
.content ul li, .content ol li ul li /* making sure bullets just appear in content lists */ { margin-left: 0.25em; padding-left: 1.25em; background: url(/images/bullet.gif) no-repeat 0 0.6em; list-style-image: none; list-style-type: none;   }
.content ol li, .content ul li ol li { margin-left: 1.8em; padding-left: 0em; list-style-type: decimal; background: none;  }
.content ol ol, .content ol ul, .content ul ol, .content ul ul { margin: 0 }
blockquote { padding-left: 1.05em; margin-left: 0.25em; border-left: 0.2em solid #80b735; font-style:italic}


/* links */
a, a:link, a:visited { text-decoration: none; color: #0c7faf; border-bottom: 1px solid #85bfd7; }
a:hover, a:focus, a:active {  color: #0b6d95; border-bottom: 1px solid #0b6d95;}

/* centering */
.center /* centers fixed width column, used for footer, header and content */ { width: 960px;  margin: 0 auto; position: relative;  position: relative; z-index: 1000    } 

/* header */
#header { background: url(/images/header-photos.jpg) no-repeat top right; height: 117px; width: 960px; position: relative  }
#header-container { height: 117px;  }
#header #intute-logo { position: absolute; top: 24px }
#header #tagline { position: absolute; top: 41px; left: 175px }

/* main navigation */
#main-navigation-container { background: #38514f ; width: 100%; border-top: 1px solid #2c3736;  }
#main-navigation { background: #38514f ;  }
#main-navigation ul { border-left: 1px solid #4e6f6d; margin-bottom: 0; margin-top: 0; height: 2.5em } 
#main-navigation ul li { float: left;  border-right: 1px solid #4e6f6d; margin: 0 }
#main-navigation ul li a, #main-navigation ul li a:visited { display: block; padding: 0.5em 0.75em; font-weight: bold; color: white; border: 0;   background: #38514f  }
#main-navigation ul li a:hover { background-color: #2c3736 }
#main-navigation ul li a.link-on, #main-navigation ul li a.link-on:visited { background: #008e82;  } 

/* content container */
.content-background { background: white url(/images/content-back.gif) repeat-x ;   border-top: 1px solid white; border-bottom: 1px solid #c0c3bc; padding-bottom: 1.0em;  }
.content-container { overflow: auto; padding-left: 1px; z-index: 1!important  }

/* my intute */
.myintute-container { float: right; width: 160px; margin-right: 10px; }
#myintute { border: 1px solid #c0c3bc; background: #e7eadc url(/images/myintute.gif) no-repeat top left; padding-top: 25px }
#myintute h4, #myintute ul { margin: 0 }
.myintute-saved-records, .myintute-saved-searches {  border-top: 1px solid #c0c3bc; padding: 10px  }
.myintute-saved-records h4, .myintute-saved-searches h4 { padding-left: 18px; background: url(/images/save-icon.gif) no-repeat 0 2px }
.myintute-welcome { padding: 10px; margin: 0 }
p.go-to-myintute { margin: 0 }
.go-to-myintute a, .go-to-myintute a:visited { display: block;  background: #38514f; color: white; border: 0; font-weight: bold; padding: 5px 10px; text-align: center; text-decoration: underline}



/* content */
.content { float: left; width: 590px; position: relative; top: -1.5em;  }
#content-full-width { width: 770px;  }

/* browse listings */
.browse-list { color: #999 }

/* subnavigation */
.subnavigation-column { width: 160px;  float: left; margin-left: 20px }
.subnavigation-column ul { margin-top: 0  }
.subnavigation-column ul li { margin: 0 0 0.25em 0 }
.subnavigation-column h4 { margin: 0 0 0.25em 0 }

/* breadcrumbs */
p.breadcrumbs { margin-bottom: 0.75em }

/* footer */
#footer { padding: 0.75em 0 3em 0; position: relative}
#footer ul { margin: 0 /* to clear logos */ 200px 0 0; padding: 0; overflow: auto}
#footer ul li { float: left; margin-right: 0.4em}
#footer ul#footer-logos { position: absolute; right: 0; top: 0.75em; margin: 0  }
#footer ul#footer-logos li { margin-right: 0; margin-left: 0.5em  }
#footer ul#footer-logos a { border-bottom: 0 }

/* image style */
.image { border: 1px solid #ccc; padding: 2px; background: white; }
.image-float-right { margin: 0em 0 0.5em 1.5em; float: right; }
.image-float-left { margin: 0 1.5em 0.5em 0; float: left; }

/* promo boxes */
.promo { border-width: 1px; border-style: solid; padding: 0 10px }
.promo-blue { border-color: #3ab3bc; background: #e4f3f6 }

/* table styles */
.tablestyle { border: 1px solid #c0c3bc; }
.tablestyle td, .tablestyle th { border: 1px solid #c0c3bc; padding: 10px }
.smalltext td, .smalltext th { padding: 5px }
.tablestyle th { background: #e7eadc }


/* form styles */
form { }
fieldset { border: 1px solid #c0c3bc; padding: 10px; }
legend { background: white; padding: 0 5px; font-weight: bold }
label {  padding-top: 10px }
.form-button { background: #7eb734; color: white; border: 2px solid #7eb734; font-weight: bold;   }
.form-button, input, select { font-family:  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Verdana, Arial;  }

/* other misc content styling */
hr {  border-color: #c1c2bc;  border-style: solid;  border-width: 1px 0 0;  clear: both;   height: 0; }

/* 2 columns of 50% width each in a full width layout */
.col-50percent-left { float: left; width: 375px; }
.col-50percent-right { float: right; width: 375px;   }
.col-50percent-container { clear: right; padding-top: 0.75em }

/* basic browse styling used throughout site */
.browse-box {  border: 1px solid #39b4bf;  padding: 15px 15px 0 15px; background: #e5f3f6 }

.content .browse-box ul li {  background: none;  margin-left: 0; padding-left: 0; margin-bottom: 0.25em }

/* basic search box styling used throughout site */
.search-box { border: 1px solid #39b4bf; padding: 15px; background: #e5f3f6 }

/* search box on subject page */
#search-box-subject-page form { margin-top: 0.75em; margin-bottom: 0; }
#search-box-subject-page form p { display: inline; }
#search-box-subject-page .form-button { margin: 5px 5px 0 0 }
#search-box-subject-page h2 { font-size: 1em;  font-weight: bold; line-height: 1.5em; margin-top: 0; margin-bottom: 0em;  color: #3a3939}

/* browse box on subject page */
#browse-box-subject-page h2 { font-size: 1em;  font-weight: bold; line-height: 1.5em; margin-top: 0; margin-bottom: 0em;  color: #3a3939 }
#browse-box-subject-page ul, #browse-box-subject-page p, #browse-box-subject-page ol { font-size: 0.857142em; line-height: 1.75em; margin-top: 0.75em; margin-bottom: 1.5em; }

/* services on browse pages */
.services-box { border: 1px solid #c1c2bc;  padding: 15px 15px 0 15px; margin: 10px 0 0 0; overflow: auto } 
.services-box p, .services-box ul, .services-box ol { font-size: 0.857142em; line-height: 1.75em }
.services-box h3 { margin: 0 0 0 0;  }
.content #services-box-blog ul, .content #services-box-conferences ul {  margin: 0.75em 0 }
.content #services-box-blog ul li, .content #services-box-conferences ul li {  background: none;  margin-left: 0; padding-left: 0; margin-bottom: 0; padding: 0.25em 0; border-top: 1px dashed #ccc  }


/* my intute dashboard */
#myintute-dashboard {  width: 960px; }
.col-66percent-left {   width: 640px; float: left; margin-top: 1em }
.col-33percent-right {  width: 320px; float: right; margin-top: 1em  }
.myintute-db-box { border: 1px solid #c0c3bc; padding-bottom: 1em; margin-bottom: 1em  }
.myintute-db-box p { padding-left: 1em; padding-right: 1em }
.col-66percent-left .myintute-db-box { margin-right: 10px }
.col-33percent-right .myintute-db-box { margin-left: 10px }
.myintute-db-box h2 { margin: 0 0 0 0;  font-weight: bold; position: relative;  padding: 0.5em 0.75em; background: #eee }
.myintute-db-box h2 span { color: #666; font-weight: normal  }
.myintute-db-box h2 img.rss { position: absolute; right: 0.5em; top: 0.5em }
#bookmark-list-container { width: 370px;  }
#tagcloud-list-container { width: 200px; float: right; border: 1px solid #ccc; margin: 1em 1em 0 0; background: #e4f3f6; padding: 10px }
#tagcloud-list-container h3 { margin: 0 }
#tagcloud-list-container ul { list-style-image: none; list-style-type: none; margin-top: 0.75em }
#tagcloud-list-container li { list-style-image: none; list-style-type: none; background-image: none; float: left; padding-left: 0; display: block; margin-right: 0.5em; line-height: 2em; white-space: nowrap }
#bookmark-buttons { overflow: auto; margin: 1em 0 0 1em; padding: 0;}
#bookmark-buttons li { list-style-image: none; list-style-type: none; background-image: none; float: left; padding-left: 0; margin: 0 4px 0 0 }
#bookmark-buttons li a { background: #7eb734; color: white; border-top:2px solid #8fc845; border-left:2px solid #8fc845; border-bottom: 2px solid #5c9512; border-right: 2px solid #5c9512; font-weight: bold; display: block; padding: 0.1em 0.25em }
#bookmark-buttons li a:hover { background: #8fc845; color: #eee; border-bottom:2px solid #9fd956; border-right:2px solid #9fd956; border-top: 2px solid #5c9512; border-left: 2px solid #5c9512;}
#my-bookmarks ul.bookmark-list  {  margin: 1em 0 0 1em; padding: 0; list-style-image: none; list-style-type: none; border-top: 1px dashed #ccc; }
#my-bookmarks ul.bookmark-list li { list-style-image: none; list-style-type: none; background-image: none; margin: 0; font-weight: bold; position: relative; clear: left;  padding: 0.5em 6em 0.5em 0;  overflow: auto; border-bottom: 1px dashed #ccc;    }
#my-bookmarks ul.bookmark-list ul.tagnames { overflow: auto; margin: 0.3em 0 0 0; padding: 0; border-top: 0px; }
#my-bookmarks ul.bookmark-list ul.tagnames li {  float: left; clear: none;  margin: 0 0.4em 0.2em 0; padding: 0; font-weight: normal;  font-size: 90%;  border-bottom: 0px }
#myintute-dashboard #my-bookmarks ul ul.tagnames li a { white-space: nowrap; color: #666; border: 1px solid #eee; background: #eee; padding: 0.05em 0.25em; margin: 0; display: block; }
#myintute-dashboard #my-bookmarks ul ul.tagnames li a:hover { color: #333; border: 1px solid #eee; background: white;  margin: 0 }
#myintute-dashboard #my-bookmarks ul ul.tagnames li.myintute-db-view-record { display: block;    }
#myintute-dashboard #my-bookmarks ul ul.tagnames li.myintute-db-view-record a { color: #333; border-bottom: 0; background: #e4f3f6; font-weight: bold; padding: 0.25em   }
.edit-delete { font-size: 90%; font-weight: normal; color: #ccc; padding-left: 0.5em; position: absolute; right: 0; top: 0.5em   }
.edit-delete a {  color: #666; border-bottom: 1px solid #ccc }
.edit-delete img { position: relative; top: 2px }

#general-subject-alerts form { margin: 0 1em; background-image: none; list-style-image: none; list-style-type: none;}
#general-subject-alerts ul { padding: 0; margin: 0 0 0.5em 0 }
#general-subject-alerts ul li { background-image: none; padding: 0; list-style-image: none; list-style-type: none; margin: 0   }
#general-subject-alerts ul li label { padding-left: 0.25em}

#saved-searches-alerts ul { margin: 0 1em; background-image: none; list-style-image: none; list-style-type: none;}
#search-updates-button { margin: 1em 1em 0 1em }
#saved-searches-alerts li { position: relative; margin-bottom: 0.5em; background-image: none; padding-left:0  }
#saved-searches-alerts .edit-delete { top: 0 }

/* myintute not logged in box style */

#not-logged-in #myintute form { padding: 10px; background: transparent; margin: 0; border-bottom: 1px solid #c1c2bc;  }
#not-logged-in #myintute form label { margin: 0; padding: 5px 0 0 0; font-weight: bold; display: block;  }
#not-logged-in #myintute form .form-button { margin-top: 5px }
#not-logged-in #myintute form p { margin: 10px 0 0 0; padding-right: 10px } 
#myintute-promo { padding: 10px; background: white }
#myintute-promo p { margin: 5px 0 0 0 }
#myintute-promo ul { margin: 5px 0 0 0 }
#myintute-promo ul li { padding-left: 18px; background: url(/images/tick-icon.gif) no-repeat 0 2px }
input#password, input#username { border: 1px solid #c1c2bc; padding: 0.2em 0 }



/* 
#myintute-dashboard #my-bookmarks ul li ul.bookmark-edit { position: absolute; left: -5em; top: 0.3em;  background: #e4f3f6; padding: 0.2em 0.2em 0.2em 0.3em; 
border-top: 0px }
#myintute-dashboard #my-bookmarks ul li ul.bookmark-edit li { border-right: 0; margin: 0 0.1em 0.1em; border-bottom: 0px; padding: 0.15em }
#myintute-dashboard #my-bookmarks ul li ul.bookmark-edit li a { border: 0; padding: 0.2em 0.1em 0 0.1em; color: #0c7faf; border-bottom: 1px solid #85bfd7;  }
#myintute-dashboard #my-bookmarks ul li ul.bookmark-edit li img { position: relative; top: 2px; border: 0px } */


/* Mega-dropdown styles */

ul#menu li.mega div {
  
  position: absolute;

  left: 0em;
  
}

ul#menu li {
  display: inline;
  position: relative;
}

ul#menu div {
  display: none;
}

ul#menu li.mega div {
  width: 18em;
  position: absolute;
  z-index: 1;
  left: 0em;
  padding: 10px;
}

ul#menu li.hovering div {
  display: block;
  background-color: #2c3736;
  width: 450px;
}

ul#menu li.hovering div h2 {
  display: block;
  color: white;
}

ul#menu li.hovering div a {
  color: white;
  border: 0;
  float: none;
  font-size: .8em;
}

ul#menu li.hovering div li {
    display: inline;
}
    
ul#menu li.hovering div form {
    clear: left;
}

#main-navigation ul li.mega div li { float: none; border: 0; display: block; border: 0; position:relative; z-index:50;}
#main-navigation ul#menu li.mega div li a { background: 0; padding: 0; border: 0;  color: #0c7faf; border-bottom: 1px solid #85bfd7; display: inline }
#main-navigation ul#menu li.mega div li a:hover { border-bottom: 1px solid #0c7faf; background: white}
#main-navigation ul#menu li.mega div { background: white; border: 1px solid #ccc; margin-left: -1px; border-top: 0; font-size: 110%;  width: 550px; padding: 1em 0 0 0;  }
#main-navigation ul#menu li.mega ul { border: 0; width: 250px; padding: 0 10px 10px 10px;  height: auto; }
#main-navigation ul li.mega div h2 { color: #333; margin: 0 10px 10px 10px; font-size: 80%; font-weight: bold }
#main-navigation ul li.mega div label { font-weight: bold; font-size: 80%; } 

.dropdown-list-left { float: left }
.dropdown-list-right { float: right }
#main-navigation ul#menu li.mega { z-index: 50/* the bit that makes it work in IE */ }
#main-navigation ul#menu li a:hover { background-color: #2c3736 }
#main-navigation ul#menu li.mega a { background: #38514f url(/images/dropdown-arrow.gif) no-repeat right center; padding-right: 20px }
ul#menu li.hovering div a {
  color: white;
  border: 0;
  float: none;
  font-size: .8em;
}

#main-navigation ul li.mega div form { background: #e4f3f6; margin: 0; padding: 10px; clear: both }

/* browse results */
.record-listing {font-size: 0.857142em; margin: 1em 0; border-bottom: 1px dashed #ccc; padding-bottom: 1em; }
p.record-url { padding: 0; margin: 0; color: #666666 }
h2.record-title { font-weight: bold; font-size: 110%; padding: 0; margin: 0 }
p.record-abstract { margin: 0.5em 0 0 0; padding: 0  }
.record-more-details { font-weight: bold; position: relative; top: 0.25em }
ul.record-buttons { margin: 0.25em 0 0 0; padding: 0; overflow: auto; float: right; position: relative; top: -1.5em  }
ul.record-buttons li { float: left; list-style-image: none; list-style-type: none; background: none; padding: 0; margin: 0 0 0 1em}
ul.record-buttons li.record-rate { padding-left: 18px;  background: url(/images/rate-icon.gif) no-repeat 0 0.25em; }
ul.record-buttons li.record-save { padding-left: 18px;  background: url(/images/save-icon.gif) no-repeat 0 0.25em; }
ul.record-buttons li.record-comments { padding-left: 18px;  background: url(/images/comment.gif) no-repeat 0 0.3em; }
.pagination { margin: 0; padding: 0; overflow: auto; float: right;font-size: 0.857142em;  }
.content .pagination li {  float: left; list-style-image: none; list-style-type: none; background: none; padding: 0; margin: 0 0 0 0.25em;  color: #999; }
.content .pagination li a { font-weight: bold }
.content .pagination li.pagination-on { color: #333; font-weight: bold  }
.order-by { margin: 0; padding: 0; overflow: auto; float: left;font-size: 0.857142em; }
.content .order-by li {  float: left; list-style-image: none; list-style-type: none; background: none; padding: 0; margin: 0 0.25em 0 0;  color: #999; }
.content .order-by li a { font-weight: bold }
.content .order-by li.order-by-on { color: #333; font-weight: normal  }
.content .order-by p { font-weight: bold; font-size: 1em; margin: 0 0.25em 0 0; padding: 0; color: #333  }
.order-pagination-container { overflow: auto; height: 1.25em  }
#order-pagination-container-top { border-bottom: 1px dashed #ccc; padding-bottom: 0.75em }
#order-pagination-container-bottom { }
.search-within-browse { overflow: auto; background: #e4f3f6; padding: 1em; border: 1px solid #39b4bf }
.search-within-browse label { width: 25%;  display: block; margin: 0 0 0.4em 0; padding: 0; float: left; clear: left;  font-size: 90%; text-align: right; padding-right: 10px }
.search-within-browse input, .search-within-browse select { margin: 0 0 0.4em 0; width: 350px; padding: 0.1em 0 }
.search-within-browse .form-button { width: auto; margin: 0 0.5em 0 0; display: block; float: left; }
.search-within-browse p { margin: 0; padding: 0; font-size: 90%; position: relative; top: 0.15em; color: #81989d }
.search-within-browse .spacer { width: 25%; display: block; padding-right: 10px; float: left; clear: left; }
#browse-sub { font-size: 0.857142em; }

/* browse homepage */
#browse-box-subject-homepage { overflow: auto; margin: 1em 0 }
#browse-box-subject-homepage h2 { font-size: 1em;  font-weight: bold; line-height: 1.5em; margin-top: 0; margin-bottom: 0em;  color: #3a3939 }
#browse-box-subject-homepage ul, #browse-box-subject-homepage p, #browse-box-subject-homepage ol { font-size: 0.857142em; line-height: 1.75em; margin-top: 0.75em; margin-bottom: 1.5em; font-weight: bold }
#search-box-subject-homepage form { margin-top: 0.75em; margin-bottom: 0; }
#search-box-subject-homepage form p { display: inline; }
#search-box-subject-homepage .form-button { margin: 5px 5px 0 0 }
#search-box-subject-homepage h2 { font-size: 1em;  font-weight: bold; line-height: 1.5em; margin-top: 0; margin-bottom: 0em;  color: #3a3939}
#search-box-subject-homepage { margin: 1em 0  }
#services-latest-additions ul { margin: 0 0 1em 0; padding: 0; border-top: 1px dashed #ccc   }
#services-latest-additions p { margin: 0 0 1em 0; padding: 0;}
#services-latest-additions ul li { list-style-image: none; list-style-type: none; background: none; padding: 0.25em 0; margin: 0 0.25em 0 0; border-bottom: 1px dashed #ccc }

.full-record-table { width: 100% ; border-top: 2px solid #c7d8df; margin-top: 1.5em }
.full-record-table td, .full-record-table th { border-bottom: 1px solid #c7d8df;  }
.full-record-table tr.full-record-title td, .full-record-table tr.full-record-title th  { background: #e4f3f6; font-weight: bold; } 
.full-record-table td { text-align: left; padding: 0.20em 0.5em }
.full-record-table th { white-space: nowrap; text-align: left; padding: 0.5em 0.5em 0.5em 0.5em }
.full-record-comments p { margin: 0 0 1em 0; padding: 0 }
.full-record-comments p .commenter { color: #666666; padding-left: 0.25em; white-space: nowrap; display: block;  }
.full-record-comments p .commenter img { margin-right: 5px }
.record-comment { background: white;  border: 1px solid #c1c2bc; overflow: auto; margin: 1.5em 0;  }
#record-comment-login { width: 50% }
.record-comment form {  background: #e7eadc;  padding: 1em 1em 1em 1em ; margin: 0  }
.record-comment  h2 { margin: 0 0 0.75em 0; padding: 0; font-size: 1em; font-weight: bold  }
.record-comment form label {  padding: 0;    }
.record-comment form input { width: 150px }
.record-comment form .form-button { margin: 0.5em 0 0 0; width: auto  }
.record-comment p { font-size: 0.857142em; margin: 0.5em 0 0 0 }
.record-comment p.record-comment-login-register { padding: 0.5em 1em; margin: 0 } 
.full-record-save { padding: 0 0 0 18px;  background: url(/images/save-icon.gif) no-repeat 0 0.25em;  margin: 0;  float: right;  }
#record-comment-logged-in textarea { width: 95%; height: 6em; margin-bottom: 0.5em;  }
#record-comment-logged-in label { font-weight: bold;  }
#record-comment-logged-in label span { font-weight: normal }
#record-comment-logged-in .form-button { margin-top: 0.5em; display: block }

/* 3 columns - used for VTS homepage and main homepage */
#content-full-width-3-columns { width: 960px; }
.content-column-1, .content-column-2, .content-column-3 { width: 305px; float: left }
.content-column-2 { margin-right: 20px; margin-left: 20px;  }
.content-column-3  { width: 310px; }

.vts-tutorial-list { margin: 1.5em 0 0 0; padding: 0; border-top: 1px solid #ccc  }
#content-full-width-3-columns .vts-tutorial-list li { margin: 0;  list-style-image: none; list-style-type: none; background: none; position: relative; padding: 0.25em 0; border-bottom: 1px solid #ccc  }

.vts-tutorial-list li img { position: absolute; right: 0.25em; top: 5px }
#content-full-width-3-columns .vts-tutorial-list li a { }
#content-full-width-3-columns .vts-tutorial-list li.splash-box { min-height: 5.5em; padding: 0.5em; line-height: 1.5; border: 1px solid #ccc; margin: 0 0 1em 0 }
#content-full-width-3-columns .vts-tutorial-list li#vts-image-searching { background: url(/images/vts-image-searching-thumb.jpg) no-repeat 5px 0.75em; padding: 0.75em 0.75em 0.75em 90px }
#content-full-width-3-columns .vts-tutorial-list li#vts-internet-detective { background: url(/images/vts-internet-detective-thumb.gif) no-repeat 5px 0.75em; padding: 0.75em 0.75em 0.75em 90px; border-top: 0 }
#content-full-width-3-columns .vts-tutorial-list li#vts-archives { background: url(/images/vts-archives-thumb.jpg) no-repeat 5px 0.75em; padding: 0.75em 0.75em 0.75em 90px; }
.splash-box a { font-weight: bold }
.about-box { border: 1px solid #39b4bf; background: #e5f3f6; padding: 0px 5px 0px 15px }
#vts-intro { margin: 1.5em 0; padding-right: 350px; position: relative; width: 610px } 
#vts-intro .lead-in {  font-size: 1.1em; margin-top: 0; font-weight: bold  }
#vts-intro img { position: absolute; right: 0px; bottom: -1.5em;  }
.vts-list { overflow: auto;  }
#twitter { border: 0; vertical-align: bottom }

/* homepage */
#homepage .myintute-container { width: 100%; margin: 0 }
#homepage .myintute-container input { width: 95% }
#homepage .myintute-container input.form-button { width: auto}

/* general homepage box style */
.homepage-box-border { border: 1px solid #c1c2bc; margin: 0 0 1em 0 }
.homepage-box-border h2 { border-bottom: 1px solid #c1c2bc; margin: 0; padding: 0.5em 0.75em; font-size: 1.285714em; font-weight: bold }
.homepage-box-border h2 a { color: #333; border-bottom: 0;  }
.homepage-box-border h2 img { float: right; }
.homepage-box-border p { margin: 1.5em 10px }

/* VTS box on homepage */
#hp-box-vts { background: url(/images/homepage-box-vts-back.gif) no-repeat bottom left; padding-bottom: 90px;  min-height: 142px }
/*  User-generated box on homepage */
#hp-box-user { min-height: 18em; height: auto }
/* for Internet Explorer */
/*\*/
* html #hp-box-user  {
height: 18em;
}
/**/
#hp-box-user ul#hp-box-user-tabs { margin: 0; overflow: auto; position: relative; z-index: 1; background: #eeeeee url(/images/hp-user-tab-bug-fix.gif) repeat-x bottom right }
#hp-box-user ul#hp-box-user-tabs li { float: left; list-style-type: none; list-style-image: none; background: none; border-right: 1px solid #c1c2bc; margin: 0; padding: 0; border-bottom: 1px solid #c1c2bc; background-color: #eee;  }
#hp-box-user ul#hp-box-user-tabs li a, #hp-box-user ul#hp-box-user-tabs li a:visited { padding: 0.5em; display: block; color: #4e4f49; font-weight: bold; border: 0 }
#hp-box-user ul#hp-box-user-tabs li#hp-box-user-on a { color: #333 }
#hp-box-user ul#hp-box-user-tabs li#hp-box-user-on { border-bottom: 1px solid white; background-color: white  }
#hp-box-user h2 { border-top: 1px solid #c1c2bc; z-index: 0; top: -1px; position: relative; }
#hp-box-user ul#hp-box-user-tabs li.popular a { background: url(/images/hp-user-tab-popular.gif) no-repeat 5px 0.5em; padding-left: 25px }
#hp-box-user ul#hp-box-user-tabs li.usertag a { background: url(/images/hp-user-tab-usertag.gif) no-repeat 5px 0.5em; padding-left: 25px }
#hp-box-user ul#hp-box-user-tabs li.user-comments a { background: url(/images/comment.gif) no-repeat 5px 0.75em; padding-left: 25px }
#hp-box-user ul#hp-box-user-tabs li a:hover { background-color: white }
#hp-box-user h2 { font-size: 1em;  padding: 10px;  }
#hp-box-user .record-title { list-style-type: none; list-style-image: none; background: none; padding: 0; margin: 0.75em 10px  }
#hp-box-user #hp-box-user-tags { margin: 1.5em 10px }

/* blog on homepage */
#hp-box-blog  { min-height: 232px; height: auto }
/* for Internet Explorer */
/*\*/
* html #hp-box-blog   { height: 232px; }
/**/
#hp-box-blog ul { margin: 0; padding: 0; position: relative; top: 1px }
#hp-box-blog ul li { list-style-type: none; list-style-image: none; background: none;  padding: 0.75em 10px 0.75em 10px; margin: 0; border-bottom: 1px dashed #c1c2bc  }

/* browse search on homepage */
#homepage-browse-search { border: 1px solid #b0e1e5; background: #f1f9fa url(/images/hp-browse-search-back.gif) no-repeat 0 2.5em; float: left; width: 958px; margin: 1em 0 }
#homepage-browse-search .content-column-1, #homepage-browse-search .content-column-2, #homepage-browse-search .content-column-3 { width: 303px; }
#homepage-browse-search li { background: none; margin: 0 0 0.25em 0; padding-left: 1em }
#homepage-browse-search form { clear: both; background: #b0e1e5; margin: 0; padding: 1em; }
#homepage-browse-search form label { font-weight: bold; }
#homepage-browse-search input#term1 { width: 400px; border: 1px solid #3bb5be; font-size: 1em; padding: 2px }
#homepage-browse-search form p { display: inline; margin-left: 0.5em; color: white }
#homepage-browse-search h1 {  font-size: 1.0em; color: #333; font-weight: bold; margin: 1.5em 1em -0.5em 1em; }

.intro2 { background: #e7eadc; padding: 0.5em;  text-align: center; margin: 0 0 1em 0 ; border: 1px solid #ccc;  font-weight: bold; }

.announce-box { border: 1px solid #7EB734; padding: 10px; margin: 0; background: #7EB734; color: white; float:right; margin-top: -30px; font-weight: bold }
.announce-box a { color: white; border: 0; text-decoration: none}
.announce-box a:hover { color: white; border-bottom: 1px solid #fff; }

.pleasenote { border: 1px solid #7EB734; padding: 10px; margin: 0; background: #7EB734; color: white; font-weight: bold }
.pleasenote a { color: white; border: 0; text-decoration: none}
.pleasenote a:hover { color: white; border-bottom: 1px solid #fff; }