/********** LAYOUT START **********/
body {
	margin: 0px;
	background-color: #FFFFFF;
}


#dart-container {
	width: 98%;
	min-width: 888px;
  padding: 10px 0 0 10px;
	margin-left: auto;
	margin-right: auto;
}

#banner {
	background-repeat: repeat-x;
	margin-bottom: 5px;
	height: 60px;
}

#feature {
	position: absolute;
	width: 223px;
	height: 270px;
}


#logo {
	width: 360px;
	height: 60px;
	float: right;
	margin-right: -1px;
}


#breadcrumbs {
	background-color: #fff;
	/*/*/line-height: 1.8; /* */
	margin-bottom: 10px;
}



#dart-content {
	margin-left: 220px;
	margin-right: 205px;
	background-color: #FFFFFF;
  padding-left: 10px;
	padding-right: 10px;
}
  
  
/*IE Only*/
* html #frontcontent {
	padding: 10px;
	margin-left: 240px;
	margin-right: 205px;
	background-color: #FFFFFF;
	width: 400px;

}

/*Non IE*/
div> #frontcontent {
	margin-left: 240px;
	margin-right: 205px;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 400px;
}

#left {
	top: 290px;
	width: 320px;
	\width: 320px;
	w\idth: 320px;
	margin: 0;

	background-color: #ffffff;
	position: absolute;
}


#right {
	float: right;
	width: 180px;
	\width: 190px;
	w\idth: 180px;
	background-color: #FFFFFF;
}

#dart-footer { 
	clear: both;
	border-top: 1px solid gray;
	background-color: #FFFFFF;
		margin-left: 250px;
	margin-right: 205px;
	padding-left:50px;
	padding-right:50px;
}

/********** LAYOUT END **********/

/********** BOXES START **********/

.clear {
	clear:both;
}
/*related organisations box */

#related {
  margin-top: 40px;
  font-size: 0.7em;
}

#related p {
  font-weight: 600;
  padding-left: 10px;
	margin-bottom: 0.3em;
}


#related, #related a {
  width: 160px;
  color: #000;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 10px;
	padding-left: 10px;
  text-decoration: none;
}

#related a {
	line-height: 1.7em;
}

#related a:hover {
  text-decoration: underline;
}

#sideBarBox1 {
	width: 160px;
	margin-right: auto;
	margin-left: auto;
  margin-top: 30px;
	text-align: right;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 10px;
	padding-left: 10px;
	text-transform: uppercase;
}

/*IE ONLY*/
* html #sideBarBox1 {
	padding: 10px;
	margin-top: 0px;
}

#sideBarBox1 a {
	color: #333333;
	text-decoration: none
}

#sideBarBox1 a:hover {
	color: #000000;
	text-decoration: underline;
}
	
#sideBarBox2 {
  margin-top: 40px;
	text-align: right;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-transform: uppercase;
}

#sideBarBox2 p {
  padding: 0px 10px 10px 10px;
}

#sideBarBox2 a {
	color: #FFFFFF;
	text-decoration: none
}

#sideBarBox2 a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}

#sideBarBoxImg {
	width: 180px;
	height: 125px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

#nalnsideBarBoxImg {
	width: 180px;
	height: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}
/*IE ONLY*/
* html #sideBarBoxImg {
   margin-top: -2px;
}

.sideBarTitle {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
  padding: 10px 10px 0 10px;
  margin-top: 5px;
}

.sideBarQuote {
	font-size: 1.0em;
	text-transform:none;
}

/********** BOXES END **********/

/********** BREADCRUMBS START **********/

#breadcrumbs {
	font-size: 0.6em;
}

#breadcrumbs a {
	text-decoration: none;
	color: #000000;
	font-weight: normal;	
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

/********** BREADCRUMBS END **********/

/********** CONTENT FORMATTING START **********/

#dart-content {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#dart-content p, ul, ol {
	font-size: 0.9em;
	color: #333333;
	line-height: 1.5;
}

#dart-content ul ul {
	font-size: 1.0em;
}

#dart-footer p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
}

#sidebar-b {
	color: #000000;
}

.boldText {
	font-weight: bold;
}

.linkImage {
	padding-right: 10px;
}

.inTextTitle {
	text-transform: uppercase;
	font-weight: bold;
}

.inTextItalic {
	font-style: italic;
}

.inTextBoldItalic {
	font-style: italic;
	font-weight: bold;
}

.clear {
	clear: both;
}

table {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

td {
	vertical-align: top;
}

#videoWrapper {
	margin-top: 20px;
	text-align: center;
}

/*IE ONLY*/
* html #videoWrapper {
	margin-top: 15px;
	text-align: center;
}





/********** CONTENT FORMATTING END **********/

/* suckerfish menu for left sidebar*/



#nav a {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-transform: uppercase;
	line-height: 1.6em;
	font-size: 0.7em;
	color: #000;
	width: 14em;
	z-index: 999;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width : 13em;
}

#nav {
  margin-left:20px;
}
	
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
  width: 13em;
	_width: 13.1em;
	border: solid 1px #fff;
}
	
#nav li:hover, #nav li.sfhover {
	background-color : #6699CC;
	border: solid 1px #000;
}
	
#nav li a:hover, #nav li a.sfhover {
 color: #fff;
}
	  
	
#nav li ul { /* second-level lists */
  font-size : 1em;
  position : absolute;
  left: -999em;
  margin-left : 13em;
  margin-top : -1.35em;
}
	
#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
}
	
#nav li a {
  width: 14em;
  w\idth : 14em;
  color: #000;
  display : block;
  text-decoration : none;
  padding : 0 0.5em;
}
	
	/*custom styles*/
	
#nav li li {
	border: solid 1px #000;
	background-color : #6699CC;
  width: 10em;
}

#nav li li a {
  width: 11em;
}

#nav li.last {
  border-top: none;
}

#nav li.first {
  border-bottom: none;
}

#nav li li:hover, #nav li li.sfhover {
	background-color : #fff;
}

#nav li li:hover, #nav li li.sfhover {
	background-color : #6699CC;
}

	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
}	


/* tabs for the languages on front page */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
  .tabs-hide {
    display: none;
  }
}

/* Hide useless elements in print layouts... */
@media print {
  .tabs-nav {
    display: none;
  }
}

/* Skin */
.tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  display: block;
  content: " ";
  clear: left;
}
.tabs-nav li {
  float: left;
  margin: 0 0 0 1px;
}
.tabs-nav a, .tabs-nav a span {
  display: block;
  padding: 0 1px;
}
.tabs-nav a {
  position: relative;
  top: 1px;
  z-index: 2;
  padding-left: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
  color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
  background-position: 100% -150px;
  outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
  background-position: 100% -100px;
}
.tabs-nav a span {
  min-height: 18px;
  padding-top: 6px;
  padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
  width: auto;
  height: auto;
}
.tabs-nav .tabs-selected a span {
  padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
  background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
  background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
  cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
  cursor: pointer;
}
.tabs-nav .tabs-disabled {
  opacity: .4;
}
.tabs-container {
  background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/********** INFORMATION & LEARNING SERVICES (ILS) **********/

.ils1 {
	background-color: #CBDDEE;
}

.ils2 {
	background-color: #6699CC;
}

.ilsBanner {
	background-image: url(images/ils.gif);
}

.ilsRight {
	background-image: url(../images/rights/ils.jpg);
}

#p7TMnav .ilsMenu a:hover {
	background-color: #6699CC;
}

.ils a {
	color: #6699CC;
	text-decoration: none;
}

.ils p a:hover {
	text-decoration: underline;
}

.ils li a:hover {
	text-decoration: underline;
}

.ils .libraryLink {
	colour: #6699CC;
	text-transform: uppercase;
}

.ils .altDivOdd {
	
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	border: 1px solid #333333;
	margin-top: 5px;
}

.ils .altDivEven {
	background-color: #CBDDEE;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	border: 1px solid #333333;
	margin-top: 5px;
}

#ilstoptop {
  width: 180px;
  height: 12px; 
  background-repeat: no-repeat;
  background-image:url(../images/ilstoptop.jpg);
  background-color: CBDDEE;
}


#ilsbotbot {
  width: 180px;
	height: 12px;
	background-image:url(../images/ilsbotbot.jpg);
	background-repeat: no-repeat;
}
/*************DART-EUROPE END************/

/***************GUIDE************************/

/*Uses ILS styles mostly*/
.guideFeature {
	background-image: url(../images/shelves.jpg);
}

.guideLogo {
	background-image: url(../images/guide.gif);
}

#p7TMnav .ilsMenu a:hover {
	background-color: #6699CC;
}

#guidefeature {
	position: absolute;
	width: 223px;
	height: 180px;
}

#guideleft {
	top: 200px;
	/*float: left;*/
	width: 240px;
	\width: 240px;
	w\idth: 240px;
	margin: 0;
	/*margin-right: 5px;*/
	/*padding: 5px;*/
	background-color: #ffffff;
	position: absolute;	/*border: 1px solid gray;*/
}

#guideright {
	margin-bottom: 5px;
}

/***************GUIDE END********************/



/*************DART-EUROPE START ************/

.dart-europe1 {
	background-color: #A9CBDD;
}

.dart-europe2 {
	background-color: #006699;
}

.dart-europeBanner {
	background-image: url(../images/dart-europe.gif);
}

#dart-europefeature {
	position: absolute;
	width: 223px;
  height: 223px;
}

.dart-europeFeature {
	background-image: url(../images/dart-europe.jpg);
}

.dart-europeLogo {
	background-image: url(../images/dart-europe.gif);
}
.dart-europeFeature a {
background: none;
}

#dart-europeleft {
	float: left;
	width: 200px;
	\width: 200px;
	w\idth: 200px;
	background-color: #ffffff;
}

.dart-europe a {
	color: #006699;
	text-decoration: none;
}

.dart-europe p a:hover {
	text-decoration: underline;
}

.dart-europe li a:hover {
	text-decoration: underline;
}

#dart-europetoptop {
    width: 180px;
	  height: 12px; 
	  background-image:url(../images/ilstoptop.jpg);
	  background-repeat:no-repeat;
	  background-color: #ddbacb;
}

/*IE ONLY*/
* html #dart-europetoptop {
  margin-bottom: -7px;
}

#dart-europetopbot {
    width: 180px;
	  height: 12px; 
	  background-image:url(../images/ilstopbot.jpg);
	  background-repeat:no-repeat;
}

#dart-europebottop {
   width: 180px;
	 height: 12px;
	 background-image:url(../images/ilsbottop.jpg);
	 background-repeat:no-repeat;
	 background-color: #6699CC;
	 margin-top: 5px;
}

/*IE ONLY*/
* html #dart-europebottop {
     margin-bottom: -7px;
}

#dart-europebotbot {
    width: 180px;
	height: 12px;
	background-image:url(../images/ilsbotbot.jpg);
	background-repeat:no-repeat;
}


/************** START HARVESTER OVERRIDES *************/

body {
  width: 100%;
}

#body {
  width: 99%;
  min-width: 1000px;
  margin: 0;
  padding:0;
  border: 0;
}

#footer {
  font-size: 8px;
}

#main {
  margin: auto;
  width: auto;
  min-width: 300px;
}

#content-wrapper {
  width: 100%;
}

div#digital {
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: .9em;
  text-align: right;
  color: #6699cc;
  padding-right: 10px;
  margin-bottom: -5px;
  font-weight: 800;
}

#strip {
  background-color: #6699CC;
  height: 50px;
}

div.dart-text {
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 9px;
  font-size: 1.2em;
  letter-spacing: 0.3em;
  font-weight: 400;
}

#dart-logo {
  height: 150px;
  width: auto;
  background: url(../images/dart-logo.png) no-repeat;
}

#dart-logo a {
  height: 100%;
  width: auto;
  display: block;
  
}


#content p, #content ul, #content ol{
  font-size: 1.1em;
}

#content table {
  font-size: 1em;
}

#content table.data {
  width: auto;
}

#content table.listing {
  width: auto;
}

#archiveIDS {
  width: 90%;
}

#sidebar {
  float: none;
  margin-bottom: 10px;
  font-size: 0.7em;
}

#sidebar table {
  font-size: 1em;
}