/* Contains content under tabs
--------------------------------------------------------- */
#tab-content-container {
  clear: both;
  background: #fff;
  padding-top: 0.5em;
  width: 99%;
}

#tab-content-container2 {
width:600px;
height:60px;
 }

/* Tabs - set the current page tab in body tag as id
--------------------------------------------------------- */
ul#tabnav {
  text-align: left;
  margin: 1em 0.5em 1em 0;
  border-bottom: 1px solid #666;
  list-style-type: none;
  padding: 3px 10px 4px 10px;
}

ul#tabnav li {
  background-image: none;
  font-family: tahoma, verdana, sans-serif;
  display: inline;
  padding: 0;
  margin: 10px -1px 0 0;
}


/* Useful when tabs link to other pages, not show / hide
--------------------------------------------------------- */
body#tab1 li.tab1, 
body#tab2 li.tab2, 
body#tab3 li.tab3, 
body#tab4 li.tab4,
body#tab5 li.tab5,
body#tab6 li.tab6,
body#tab7 li.tab7
 {
  border-bottom: 1px solid white;
  background-color: white;
}

body#tab1 li.tab1 a, 
body#tab2 li.tab2 a, 
body#tab3 li.tab3 a, 
body#tab4 li.tab4 a,
body#tab5 li.tab5 a,
body#tab6 li.tab6 a, 
body#tab7 li.tab7 a{
  background-color: white;
  border-left: 1px solid #666;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  color: black;
  position: relative;
  top: 1px;
  padding-top: 6px !important;
}


ul#tabnav li a { /* all tabs */
  padding: 5px 12px !important;
  border: 1px solid #aaa;
  background-color: #edf2f7;
  color: #006;
  margin-right: 0;
  text-decoration: none;
  border-bottom: none;
   border-top-left-radius:6px;
   border-top-right-radius:6px;
}

ul#tabnav a:hover {
  background-color: #fff;
  text-decoration:underline;
}

/* On state for tab
--------------------------------------------------------- */

.tab-on a { /* selected tab */
  background-color: white !important;
  border-bottom: 2px solid white !important;
  border-left: 1px solid #666 !important;
  border-right: 1px solid #666 !important;
  border-top: 1px solid #666 !important;
  color: black !important;
  padding-top: 6px !important;
}


/* News story paragraphs on home page
   news-shown: top three stories always visible
   news-hidden: rest of stories initially hidden
--------------------------------------------------------- */
#news-shown,
#news-hidden {
  margin-right: 1em;
}
#news-shown .news-story h2,
#news-hidden .news-story h2 {
  font-size: 100%;
  padding-top: 0.75em;
}
#news-shown .news-pic,
#news-hidden .news-pic {
  border: 3px #e0e0df double;
  float: left;
  margin-right: 0.75em;
  margin-top: 0.75em;
}
#news-shown .news-story,
#news-hidden .news-story {
  clear: both;
  margin-bottom: 1em;
}

#news-shown .news-story p,
#news-hidden .news-story p{
	overflow:hidden;
}