/* CSS Document */
/* Author : Oscar Contreras*/
/* Web: Murthly Hours - National Library of Scotland*/

/*---------------------Global styles-----------------------*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
	
body{
margin: 0;
padding: 0;
text-align: center;
font-size: 62.5% ; /* reduce text size to 10 px as a global value and then increase in ems as appropriate*/
background-color:#000080;
color:#FFFFFF;
}

#wrapper{
width:750px;
margin:0px auto;
text-align:left;
}

h1 {
font-size:1.4em;
display:none
}

p{
font:1.3em Arial, Helvetica, sans-serif;
padding:10px 0 10px;
}

a{
color:#FFFFB0;
}

a:visited{
color:#FADEDE;
}

/*---------------------Header and menu---------------------------*/

#header {
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
height:150px;
}

#menustory, #menumain, #menustudy, #menufolios {
border-top:1px solid #CEA54A;
font:bold 1.2em Arial, Helvetica, sans-serif;
}


#menustory li, #menumain li, menustudy li, menufolios li {
display:inline;
list-style:none;
padding-left:10px;
float:right;
margin-right:0;

}

#menustory li a, #menumain li a, #menustudy li a, #menufolios li a  {
color: #000080;
background-color:#CEA54A;
text-decoration:none;
padding: 0 7px 2px 7px;

}

#menustory li a:hover,  a:active, #menustory li a.selected, #menumain li a:hover,  a:active, #menumain li a.selected, #menustudy li a:hover,  a:active, #menustudy li a.selected, #menufolios li a:hover,  a:active, #menufolios li a.selected{
background-color:#FFFFFF;
}

#header img.logo {
float:right;
margin-top:80px;
margin-right:5px;
}

/*--------------------content----------------------*/
#content{
background-image:url(../img/h1_detail.gif);
background-repeat:no-repeat;
margin:32px 32px 10px 32px;

}

#content h2 {
color:#CEA54A;
margin-left:56px;
font:1.8em Arial, Helvetica, sans-serif;
}

p.right{
float:right;
margin-right:100px;

}



/*---------------------------album -----------------------*/

#albumnav {
background-color:#CEA54A;
padding-top:3px;
padding-bottom:3px;
margin-top:15px;

}

#albumnav li{
display:inline;
list-style:none;
margin-top:30px;
margin-bottom:30px;
padding-left:60px;
background-color:#CEA54A;

}

#albumnav li a {
color: #000080;
background-color:#CEA54A;
text-decoration:none;
padding: 0 5px 2px 5px;
font:bold 1.2em Arial, Helvetica, sans-serif;

}

#albumnav li a:hover{
color:#FFFFFF;

}


#leftcolumn {
float:left;
width:350px;
padding:5px;

}

.title_image{
font:bold 1.2em Arial, Helvetica, sans-serif;
color:#CEA54A;

}


#rightcolumn{
float:left;
width:200px;
padding-left:20px;
padding-bottom:20px;
}

#rightcolumn img.index{
padding: 10px 0 0 40px;

}


#albumsearch form{
padding:25px;
font:1.2em Arial, Helvetica, sans-serif;
margin-left:20px;
}

#albumsearch input{
margin-left:20px;
background-color:#FFFFFF;
color:#000080;

}

#albumsearch select {
width: 300px;
color:#000080;
padding-left:30px;

}

li.folioslist  {

font:1.2em Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom: 1em;
} 


img.magnify {
vertical-align:middle;

}

/*----------------footer----------------------------*/
#footer{
padding-left:155px;
border-top:1px solid #CEA54A;

}

#footer a{
color:#FFFFFF;

}