/* Base set of styles for BNI */
/* CHW CHW Plum/Burgundy color 953062 */

body {
  font-family: tahoma, arial, verdana, helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  background: #ffffff url(/stellent/groups/public/@xinternet_con_com/documents/webcontent/dv056176.gif) repeat-x top;  
  }
a.skipNav {
  color: #c2c2c2;
  width: 1px;
  height: 1px;
  position: absolute; 
  top: -1000px;
  left: -1000px;
  }  

a {
  color: #336699;
  }  

a:hover 
  {
  text-decoration:none;
  }  
  
form {
  margin: 0px;
  padding: 0px;
  }  
tr {
  vertical-align: top;
  }
 
#page {
  width: 960px;
  }
#body {
  border: 1px solid #cccccc; background-color: #ffffff;
  }


#utilities {
  color: #2f2f2f;
  height: 61px;  
  text-align: left;
  background: #ffffff url(/stellent/groups/public/@xinternet_con_com/documents/webcontent/dv056178.gif) repeat-x top;    
  }
#utilities .searchBox {
  color: #333333;
  font-size: 11px;  
  width: 190px;
  padding: 1px;
  border-top: 1px solid #bfbfbf;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  }
#utilities .searchForm {
  width: 210px;
  padding: 25px 0px 0px 10px;
  background: url(/stellent/groups/public/@xinternet_con_com/documents/webcontent/dv056202.gif) no-repeat left center;  
  }
#utilities .link {
  padding: 23px 0px 0px 0px;
  }
  
#spotlight {
  border: 1px solid #ffffff;
  background: #ffffff url(/stellent/groups/public/@xinternet_con_com/documents/webcontent/dv056177.gif) repeat-x top;  
  }
#spotlight .spotlight tr {
  vertical-align: top;
  }  
#spotlight .spotlight .story  {
  text-align: left;
  background: #ffffff url(/stellent/groups/public/@xinternet_con_com/documents/webcontent/dv056188.gif) repeat-x top;   
  padding: 20px 11px 25px 11px;
  }
#spotlight .spotlight p  {
  margin: 0px;
  padding: 0px;
  }
#spotlight .spotlight p.text  {
  margin-top: 10px;
  }  
#spotlight .spotlight .title  {
  font-weight: bold;
  padding: 9px;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  background-color: #953062;
  }    
#spotlight a {
  color: #336699;
  padding-right: 14px;
  background: url(/stellent/groups/public/@xinternet_con_com/documents/webcontent/dv056180.gif) no-repeat right bottom;  
  }   
#spotlight a:hover {
  text-decoration: none;
  }     
  
  
#footer {
  text-align:left; 
  padding: 10px 10px 20px 10px;
  }
#footer .divider {
  background: #ffffff url(/stellent/groups/public/@xinternet_con_com/documents/webcontent/dv056175.gif) no-repeat center right;
  }
#footer .footerLinks td {
  padding: 8px 21px 8px 0px;
  }
#footer a {
  color: #666666;
  }
#footer a:hover {
  text-decoration: none;
  }

  
  
  
#content {
  /* Main container for page content */
  text-align: left;
  }  

  
  
  
/* Left Menu */  
#content .leftColumn  {
  padding: 0px 0px 0px 8px; 
  text-align: left;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_link_tile2.gif) repeat-y 8px;   
  }  
#content .menu {
  background-color: #ffffff;

  }   

#content .menu .L1 {
  color: #ffffff;
  font-weight: bold;
  padding: 12px 10px 15px 19px;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_1_tile2.gif) no-repeat;
  }  

#content .menu .L1 a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none; 
  }  

#content .menu .L1 a:hover {
  text-decoration: underline; 
  font-weight: bold;
  }  
  
  
/* CSS for left menu base links */
#content .menu .L1links {
  padding-top: 6px;
  margin-bottom: 5px;
  font-weight: bold;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_link_tile.gif) repeat-y left;
  }  

#content .menu .menuLink0n {
  color: #6C4750;
  font-weight: bold;
  padding: 1px 10px 5px 20px;
  display: block;  
  margin-bottom: 5px  
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_7_tile_on.gif) no-repeat left center;  
  } 
  
#content .menu .menuLink a {
  color: #000000;
  padding: 1px 25px 8px 20px;
  display: block;  
  text-decoration: none;  
  font-weight: bold;
  }  
#content .menu .menuLink a:hover {
  color: #953062;
  font-weight: bold;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_item_ro1.gif) no-repeat bottom left;
  }  
#content .menu .menuLink a:hover span {
  display: block;
  padding-left: 14px;
  margin-left: -14px;
  z-index: 10;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_item_ro_arrow.gif) no-repeat;
  }    
  

  
/* Level 2 CSS */
#content .menu .L2, #content .menu .L2hot {
  color: #000000;
  font-weight: bold;
  padding: 8px 15px 8px 20px;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_2_tile_on.gif) no-repeat left center;
  }
#content .menu .L2hot {
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_2_tile.gif) no-repeat left center;
  }  
#content .menu .L2hot a {
  color: #000000;
  font-weight: bold;
  text-decoration: none; 
  }   
#content .menu .L2hot a:hover {
  color: #000000;
  font-weight: bold;
  text-decoration: underline; 
  }      
#content .menu .L2links {
  padding-top: 6px;
  margin-bottom: 5px;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_3_tile.gif) repeat-y left;
  }
#content .menu .L2links .menuLink a:hover {
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_item_ro2.gif) no-repeat bottom left;
  }  

  
/* Level 3 CSS */
#content .menu .L3, #content .menu .L3hot{
  color: #000000;
  font-weight: bold;
  padding: 8px 15px 8px 20px;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_3_tile_on.gif) no-repeat left center;
  }
#content .menu .L3hot {
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_3_tile.gif) no-repeat left center;
  }  
#content .menu .L3hot a {
  color: #000000;
  font-weight: bold;
  text-decoration: none; 
  }   
#content .menu .L3hot a:hover {
  color: #000000;
  font-weight: bold;
  text-decoration: underline; 
  }      
#content .menu .L3links {
  padding-top: 6px;
  margin-bottom: 5px;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_4_tile.gif) repeat-y left;
  }
#content .menu .L3links .menuLink a:hover {
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_item_ro3.gif) no-repeat bottom left;
  }  

    
    
/* Level 4 CSS */
#content .menu .L4, #content .menu .L4hot {
  color: #000000;
  font-weight: bold;
  padding: 8px 15px 8px 20px;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_4_tile_on.gif) no-repeat left center;
  }
#content .menu .L4hot {
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_4_tile.gif) no-repeat left center;
  }  
#content .menu .L4hot a {
  color: #000000;
  font-weight: bold;
  text-decoration: none; 
  }   
#content .menu .L4hot a:hover {
  color: #000000;
  font-weight: bold;
  text-decoration: underline; 
  }    
#content .menu .L4links {
  padding-top: 6px;
  padding-bottom: 4px;
  margin-bottom: 5px;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_5_tile.gif) repeat-y left;
  }
#content .menu .L4links .menuLink a:hover {
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_item_ro4.gif) no-repeat bottom left;
  }  

  

/* Level 5 CSS */
#content .menu .L5, #content .menu .L5hot {
  color: #000000;
  font-weight: bold;
  padding: 6px 15px 6px 20px;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_5_tile_on.gif) no-repeat left center;
  }
#content .menu .L5hot {
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_5_tile.gif) no-repeat left center;
  }  
#content .menu .L5hot a {
  color: #000000;
  font-weight: bold;
  text-decoration: none; 
  }   
#content .menu .L5hot a:hover {
  color: #000000;
  font-weight: bold;
  text-decoration: underline; 
  }    
#content .menu .L5links {
  padding-top: 6px;
  margin-bottom: 5px;
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_level_6_tile.gif) repeat-y left;
  }
#content .menu .L5links .menuLink a:hover {
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_item_ro5.gif) no-repeat bottom left;
  }  
  
/* Special Links used in Barrow Quarterly */
#content .menu .special {
  color: #000000;
  font-weight: bold;
  border-top: 5px solid white;
  }
#content .menu .special .specialLink {
  color: #000000;
  font-weight: bold;
  padding: 8px 5px 8px 20px;
  border-top: 2px solid white;  
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_special.gif) no-repeat left center;
  }
#content .menu .special .specialLinkOn {
  color: #000000;
  font-weight: bold;
  padding: 8px 5px 8px 20px;
  border-top: 2px solid white;  
  background: url(/stellent/fragments/bniSpectrumNavigation/images/menu_special_on.gif) no-repeat left center;
  }  
#content .menu .special a {
  color: #000000;
  font-weight: bold;
  text-decoration: none; 
  }   
#content .menu .special a:hover {
  color: #000000;
  font-weight: bold;
  text-decoration: underline; 
  }    

    
#content .utilityButtons {
  padding: 11px 0px 6px 0px; 
  text-align: left;
  background: url(/stellent/groups/public/@xinternet_con_com/documents/webcontent/dv056315.gif) no-repeat;   
  }   

  
  
  
/* Content Column*/  
#content .content  {
  padding: 0px 0px 30px 10px; 
  } 
#content .content h1 {  
  font-weight: normal;
  padding: 0px; 
  margin: 0px;
  }    
#content .content div.intro {
  padding: 15px 15px 20px 0px;
  }  
#content .content p {
  padding: 0px 0px 10px 0px; margin: 0px;
  }
  

/* Repeatable block on landing page */ 
#content .content .wrapper {
  clear: both;
  margin-top: 20px;
  margin-right: 15px;
  }
#content .content .wrapper .imageWell{
  padding-bottom: 20px;
  border-bottom: 1px solid #953062;  
  }  
#content .content .wrapper .imgBorder {
  background-color: #666666;
  }
#content .content .wrapper .imgBorder img {
  border: 2px solid #ffffff;
  }
#content .content .wrapper .imgBorder2 {
  background-color: #aaaaaa;
  }  
#content .content .wrapper .imgBorder2 img {
  border: 1px solid #ffffff;
  }  
#content .content .wrapper .contentWell {
  padding-bottom: 20px;
  border-bottom: 1px solid #cccccc;  
  }
#content .content .wrapper p {
  padding: 0px;
  margin: 0px;
  }
#content .content .wrapper .title a {
  color: #953062;
  font-weight: bold;
  text-decoration: none;
  }
#content .content .wrapper .title a:hover {
  text-decoration: underline;
  }  
#content .content .wrapper .text a {
  color: #336699; 
  text-decoration: underline; 
  }
#content .content .wrapper .text a:hover {
  text-decoration: none;  
  }
#content .content .wrapper .text a.more {
  color: #336699;
  font-weight: bold;  
  padding-right: 14px;
  background: url(/stellent/groups/public/@xinternet_con_com/documents/webcontent/dv056180.gif) no-repeat right bottom;
  text-decoration: underline;  
  }
  
#content .content .wrapper .text a.more:hover {
  text-decoration: none;
  }
  

 /* General Template Styles */
 #content .content .breakwrap {  
  clear: both;
  margin-bottom: 20px;
  } 
 #content .content h2 {  
  font-weight: bold;
  padding: 0px 0px 4px 0px; 
  margin: 0px;
  } 
#content .content div.text {
  padding: 0px 15px 0px 0px;
  }    
 #content .content .detailImg {
	float: none;
  margin: 5px 10px 10px 0px;
  }
 #content .content .detailImg td {  
  padding: 1px;
  background-color: #ffffff;      
  }
 #content .content .detailImg img {  
  border: 1px solid #ffffff;      
  }    

  
/* Related Links  */
#content #relatedLinksBox {
  margin: 6px 10px 0px 10px;
  border: 1px solid #ECECEC;
  }
#content #relatedLinksBox p {
  font-size: .7em;
  margin: 0px 10px ;
  padding: 8px 0px;
  border-top: 1px dashed #CDCDCD;
  }
#content #relatedLinksBox p.first {
  border-top: 0px;
  }    
#content #relatedLinksBox p.title {
  font-size: .8em;
  font-weight: bold;
  margin: 0px;
  padding: 5px 10px;
  background-color: #ECECEC;
  border: 2px solid #ffffff;
  }  
#content #relatedLinksBox a {
  color: #336699; 
  text-decoration: none; 
  }
#content #relatedLinksBox a:hover {
  text-decoration: underline;  
  }
  
  
/* Illustration Template Styles  */
 #content .content .illustrationImg {
	float: left;
  }
 #content .content .illustrationImg .detailImg {
  margin-bottom: 3px;
  }
 #content .content .illustrationImg .caption {  
  text-align: center;
  padding: 0px 30px 10px 10px;
  color: #aaaaaa;
  }

/* FAQs Template Styles  */  
 #content .content .faq ul{  
  margin: 0px;
  padding: 0px;
  }
 #content .content .faq li {  
  font-weight: bold;
  margin: 0px;
  padding: 0px 20px 20px 20px;  
  background: url(/stellent/groups/public/@xinternet_con_com/documents/webcontent/icon_Q.gif) no-repeat left top; 
  }
 #content .content .faq li li {  
  font-weight: normal;
  list-style-type: none;
  margin-top: 10px;
  padding: 0px 20px 10px 20px;
  background: url(/stellent/groups/public/@xinternet_con_com/documents/webcontent/icon_A.gif) no-repeat left top; 
  }
  

/* Contact Us Template Styles  */
 #content .content .reqText {
  color: #0000ff;
  padding-bottom: 10px;
  }
  
 #content .content .req {
  color: #0000ff;
  font-weight: bold;
  }
 #content .content .contact .error {  
  color: #ff0000;
  width: 220px;
  padding-bottom: 4px;  
  }  
 #content .content .contact .label {  
  font-weight: bold;
  padding-right: 15px;
  }  
  
 #content .content .contact .input01 {  
  width: 225px;
  border: 1px solid #bfbfbf;
  background-color: #ebebeb;
  }    

 #content .content .contact select.input01 {  
  width: 229px;
  background-color: #ebebeb;
  }    
  
 #content .content .contact .note {  
  color: #bfbfbf; 
  padding: 5px;
  width: 112px; 
  font-weight: normal;
  }    

 #content .content .contact .note2 {  
  color: #333333; 
  width: 225px; 
  font-weight: normal;
  }      

#content .content ul div, .content ol div {
  display: inline;  
  }

#content .content ul{
  margin-top:0px;  
  }

#content .content li {
  list-style-position: outside;  
  padding-bottom: 4px;  
  }
 

/* New FAQs Template Styles  */  
#content .content .faqList  
{
 font-weight: bold;
 padding-bottom: 20px;
 border-bottom: 1px solid #CCCCCC;
 margin-right: 20px;
 }
#content .content .faqList a {
  text-decoration: none;  
  }
#content .content .faqList a:hover {
  text-decoration: underline;  
  }
 #content .content .faqList li{
 padding-bottom: 6px;
 list-style-position:outside; 
 } 
 #content .content .faq {  
  margin-top: 30px;  
  } 
 #content .content .faq ul{  
  margin: 0px 0px 0px 0px;
  padding: 0px;
  }  
 #content .content .faq li {  
  font-weight: bold;
  margin: 0px;
  padding: 0px 20px 10px 0px;  
  list-style-position:outside;  
  }
 #content .content .faq li li {  
  font-weight: normal;
  list-style-type: none;
  margin-top: 5px;
  padding: 0px 20px 5px 10px;
  }
 #content .content .faq .backTop{
  font-weight: normal;
  text-align: right;
  padding-right: 75px;
  padding-bottom: 20px;
 }      

/* New Search Results Template Styles  */  
 #content .error {  
  color: #ff0000;
  }   
#content .content .results {  
  padding: 5px 0px;
  margin-right: 10px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;  
  }
#content .content .results h2{
  margin: 40px 0px 10px 0px;
  border-bottom: 1px solid #cccccc;  
  }   
#content .content .searchDisplay  {
 font-weight: bold;
 }
#content .content .searchDisplay a {
  font-style: normal;
  text-decoration: underline;  
  }
#content .content .searchDisplay a:hover {
  text-decoration: none;  
  }  
#content .content .pages td {
  padding: 0px 5px 0px 5px;  
  }  
  
  
#content .content ol.searchResults {    
	margin-top: 20px;  
	margin-bottom: 25px;  	
	}
#content .content ol.searchResults ul{  
  margin: 0px;
  padding: 0px;
  }  
#content .content ol.searchResults li {  
  font-weight: bold;
  margin: 0px;
  padding: 0px 10px 10px 0px;  
  }
#content .content ol.searchResults li li {  
  font-weight: normal;
  list-style-type: none;
  margin-top: 1px;
  padding: 0px 10px 5px .2em;	
  }



#content .content .searchTable {
  padding: 0px 10px 5px 0px;
  }
#content .content .searchTable tr {
  vertical-align: middle;
  }




/* Popup Window Styles */
.popup {
  font-size: .7em;
  margin: 40px 20px 20px 10px;
  background: #ffffff url(images/popupTile.gif) repeat-x left top; 
}

.searchTips ol li {
	padding-bottom: 5px;
	}
.searchTips ul li {
	padding-bottom: 10px; 
	list-style-type : disc;
	}

.campusMapGradient {
  background: #ffffff url(/stellent/fragments/bnicampusmap/images/campusmap_tile.gif) repeat-x left top; 
}   

.campusLetter {
  font-weight: bold;
  padding-top: 30px;
  border-bottom: 1px solid #cccccc;

}

/* Styles for Page's Breadcrumbs */  
#breadcrumbs {color: #999999;}
#breadcrumbs {font-family: tahoma; font-size: .7em;} 
#breadcrumbs a {color: #999999; text-decoration: none;} 
#breadcrumbs a:hover {color: #999999; text-decoration: underline;}    
#breadcrumbs_on a {color: #953062; text-decoration: none;} 
#breadcrumbs_on a:hover {color: #953062; text-decoration: underline;}    


/* Styles For Barrow Quarterly  */  
 #content .content .contact td.chiefLabel {    
  font-weight: bold;
  padding: 0px 20px 10px 0px;
  }
 #content .content .contact td.chiefName {    
  padding-bottom: 10px ; 
  }  
 #content .content .contact td.staffTitle {    
  font-weight: bold;
  padding-bottom: 5px ; 
  border-bottom: 1px solid #cccccc;   
  }  



  
#content .content .wrapper .caption {  
  text-align: center;
  padding: 0px 30px 10px 10px;
  color: #aaaaaa;
  }
 #content .content .detailImg .caption {  
  text-align: left;
  padding: 5px 5px 10px 5px;
  color: #666666;     
  }       
  
#content .content .searchTable th {
  font-weight: bold;
  padding: 0px 15px 10px 0px; 
  }  
#content .content .searchTable td {}  
#content .content .searchTable td.searchArt {font-weight: bold; padding: 0px 40px 0px 0px;}
#content .content .searchTable td.searchIss {padding: 0px 20px 0px 0px;}
#content .content .searchTable td.searchYear {padding: 0px 20px 0px 0px; white-space: nowrap;}
#content .content .searchTable td.searchVol {padding: 0px 0px 0px 0px; white-space: nowrap;}
#content .content .searchTable td.searchDesc {padding: 5px 40px 30px 0px;}