@charset "utf-8";

/* components.css */
/* Stylesheet for main components of ADS website, i.e. menu, banner, footer 08/2017 */
/* Author KG*/
/* Updated: 01/05/2018 - gallery colours added*/


/*************************/
/**** MAIN COMPONENTS ****/
/*************************/


body {
    font-family: Arial;
    margin-top: 0 !important;
    padding-top: 0 !important;
    font-size: 100%;
}

#page {
    margin-left: auto;
    margin-right: auto;
    width: 968px;
}

div#page {
    margin-left: auto;
    margin-right: auto;
    width: 968px;
}

#main {
    width: 100%;
}

#contentblock {
    margin-top:18px;
    padding-top:0px
} 

#depositcontent {
    margin-top:18px;
    padding-top:0px

}

/*****************/
/*****BANNER *****/
/*****************/


#banner {
    height: 75px;
    padding: 20px;
    background-color: #CC0000;
    color: #ffffff;

}

#banner #logo {
    border: 0px;
    margin:0px;
    float:left;
}



/***COLOUR CHANGES***/
/*****for banner*****/


.archsearch #banner {
    background-color: #009999;
}
.archives #banner {
    background-color: #003399;
}
.library #banner {
    background-color: #4B9443;
}
.learning #banner {
    background-color: #339900;
}
.deposit #banner {
    background-color: #4e8975;
}
.research #banner {
     background-color: #3399cc;
}
.advice #banner {
    background-color: #006633;
}
.about #banner {
    background-color: #663399;
}

.gallery #banner {
    background-color: #ffb533;
}



/**************************/
/***** MENU COMPONENTS*****/
/**************************/

#menu {
    font-size: 100%;
    margin-top: 2px;
    clear: both;
    float: none;
    width: 100%;
    margin-bottom: 2px;
    height: 30px;
    background-color: #CC0000;
    font-size: 0.9em!Important;
    /*line-height: 1.4em!Important;*/
	line-height: 20.16px!important;
    color: #ffffff!Important;
}

#menu a:hover { 
    color: #cc0000;
    background-color: #ffffff;
}

#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu li {
    float: left;
    list-style-type: none;
}



/***COLOUR CHANGES***/
/******for menu******/


.archsearch #menu {
    background-color: #009999;    
}
.archives #menu  {
    background-color: #003399;
}
.library #menu {
    background-color: #4B9443;
}
.learning #menu {
    background-color: #339900;
}
.deposit #menu {
    background-color: #4e8975;   
}
.research #menu {
     background-color: #3399cc;
}
.advice #menu {
    background-color: #006633;
}
.about #menu {
    background-color: #663399;
}

.gallery #menu {
    background-color: #ffb533;
}


/***COLOUR CHANGES***/
/****for menu link***/


.archsearch #menu a:hover{
    color: #009999;
     background-color: #ffffff;
}
.archives #menu a:hover {
    color: #003399;
    background-color: #ffffff;
}
.library #menu a:hover {
    color: #4B9443;
    background-color: #ffffff;
}
.learning #menu a:hover {
    color: #339900;
      background-color: #ffffff;
}
.deposit #menu a:hover {
   color: #4e8975;
     background-color: #ffffff;
}
.research #menu a:hover {
     color: #3399cc;
       background-color: #ffffff;
}
.advice #menu a:hover {
    color: #006633;
      background-color: #ffffff;
}
.about #menu a:hover {
    color: #663399;
      background-color: #ffffff;
}

.gallery  #menu a:hover {
      color: #ffb533;
     background-color: #ffffff;

}



/**************************/
/***** MENU DROPDOWN*****/
/**************************/


.dropbtn {
    background-color: transparent;
    border: none;
}

.dropbtn {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    /*padding: 5px 16px;*/
	padding: 3px 16px;
    text-decoration: none;
}

li .dropdown {
    display: inline-block;

}

#homemenu a {
      display: inline-block;
      text-decoration: none; 
      /*padding: 5px 16px 5px 26px;*/
	  padding: 3px 16px 3px 26px;
      text-align: center;
      color: #ffffff;
      list-style-type: none;
}

.dropdown {
    position: relative;
    display: inline-block;
    height: 30px;
    color: #ffffff;
}


.dropdown-content {
    display: none;
    position: absolute;
    background-color: #cc0000;
    min-width: 187px;
    z-index: 99;
    border: 1px solid;
}

.dropdown-content a {
    color: #ffffff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ffffff;
    color: #cc0000;
    /*border: 2px solid;*/
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #ffffff;
    color: #cc0000;
}



/**********************************************/
/***** MENU DROPDOWN for GUIDELINES FOR DEPOSITORS*****/
/**********************************************/


.depdropdown {
    position: relative;
    display: inline-block;
        padding: 0px 0px 10px 10px;
    height: 30px;
    color: #006633;
}

.depdropdown-content {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    min-width: 187px;
    z-index: 99;
    border: 1px solid;
}

.depdropdown-content a {
    color: #006633;
    padding: 8px 8px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.depdropdown:hover .depdropdown-content {
    display: block;
    color: #006633;
}

.depdropdown:hover .depdropbtn {
    background-color: #C9F1EC;
    color: #000000;
}

.depdropdown-content a:hover {
    color: #000000;
    /*border: 2px solid;*/
}



/*********COLOUR CHANGES*********/
/***for background of dropdown***/ 

.archsearch .dropdown-content {
    background-color: #009999;
}
.archives .dropdown-content {
    background-color: #003399;
}
.library .dropdown-content  {
    background-color: #4B9443;
}
.learning .dropdown-content {
    background-color: #339900;
}
.deposit .dropdown-content {
    background-color: #4e8975;
}
.research .dropdown-content {
    background-color: #3399cc;
}
.advice .dropdown-content {
    background-color: #006633;
}
.about .dropdown-content {
    background-color: #663399;
}
.gallery .dropdown-content {
    background-color: #ffb533;
}

/*********COLOUR CHANGES*********/
/***for text of menu when dropdown open but text not hovered on ***/ 

.archsearch .dropdown:hover .dropbtn {
   color: #009999;
}
.archives .dropdown:hover .dropbtn {
    color: #003399;
}
.library .dropdown:hover .dropbtn  {
    color: #4B9443;
}
.learning .dropdown:hover .dropbtn {
   color: #339900;
}
.deposit .dropdown:hover .dropbtn {
    color: #4e8975;
}
.research .dropdown:hover .dropbtn {
    color: #3399cc;
}
.advice .dropdown:hover .dropbtn {
    color: #006633;
}
.about .dropdown:hover .dropbtn {
   color: #663399;
}
.gallery .dropdown:hover .dropbtn {
   color: #ffb533;
}



/*************/
/***SUBMENU***/
/*************/


#submenu li a {
    border-color: #cc0000;
}

/***COLOUR CHANGES***/

.archsearch #submenu li a {
    border-color: #009999!important;
}
.archives#submenu li a {
    border-color: #003399;
}
.library #submenu li a   {
    border-color: #4B9443!important;
}
.learning #submenu li a {
    border-color: #339900!important;
}
.deposit #submenu li a {
   border-color: #4e8975;
}
.research #submenu li a {
    border-color: #3399cc!important;
}
.advice #submenu li a {
    border-color: #006633!important;
}
.about #submenu li a {
    border-color: #663399!important;
}

.gallery #submenu li a {
    border-color: #ffb533!important;
}


/***************/
/***SIDE MENU***/
/***************/


.sidenav {
    width: 140px;
    background: #ffb533;
    padding: 2px 2px;
    float: left;
    margin: 16px 10px 10px 0px;
    z-index: 4;
    position: absolute;
}

.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    color: #ffffff;
    display: block;
    font-size: 1em;
    line-height: 20.16px!important;
}

.sidenav a:hover {
    color: #ffb533;
    background-color: #ffffff;
}


/***COLOUR CHANGES***/

.deposit .sidenav {
    width: 200px;
    background: #ffffff;
    min-height: 100%;
}

.deposit .sidenav a:hover {
    color: #ffffff;
    background-color: #4e8975;
}

deposit .sidenav a {
    color: #4e8975;
}

.library .sidenav {
    width: 200px;
    background: #ffffff;

}

.library .sidenav a:hover {
    text-decoration: underline;
}

.library .sidenav a {
    color: #4B9443;
}

/***********************/
/***FOOTER / BASE BAR***/
/***********************/

#footer {
    clear:both;
    margin-left: auto;
    margin-right: auto;
    width: 968px;
    height: 50px;
    padding-bottom: 15px;
}

#base_bar {
    color: #FFFFFF;
    background-color: #CC0000;
    width:100%;
    padding-top: 0px;
    margin: 0px;
    border: 0px;
}

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

.footerLink {
    float: left;
    font-size: 0.8em;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top:0;
    margin-bottom:0;
    margin-left: 10px;
}
.footerLink a {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: normal;
}

.footerLink a:hover {
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: normal;
    background-color: transparent;
}

#footerButtons {
    float:right;
    margin-right: 4px;
    vertical-align: middle;
}

#footerButtons img {
    padding: 0px;
    margin:0px;
}

/***COLOUR CHANGES***/
/****for basebar*****/

.archsearch #base_bar {
    background-color: #009999!important;
}
.archives #base_bar {
    background-color: #003399!important;
}
.library #base_bar   {
    background-color: #4B9443!important;
}
.learning #base_bar {
    background-color: #339900!important;
}
.deposit #base_bar {
    background-color: #4e8975!important;
}
.research #base_bar {
    background-color: #3399cc!important;
}
.advice #base_bar {
    background-color: #006633!important;
}
.about #base_bar {
    background-color: #663399!important;
}
.gallery #base_bar {
    background-color: #ffb533!important;
}