/* CSS Document */
/* Author : Oscar Contreras*/
/* Web:James VI and the Union of Crowns- National Library of Scotland*/
/* Date: 30-08-2006

/*---------------------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:#EDEAE6;
background-image:url(../img/bck3.gif);
background-repeat:repeat;
margin-bottom:10px;
}

#wrapper{
width:788px;
margin:0px auto;
margin-top:10px;
text-align:left;
border:1px solid #CCCCCC;
background-color:#fff;

}

h1 {
font-size:1.4em;
display:none
}

p{
font:1.3em Arial, Helvetica, sans-serif;

}

a, a:hover{
text-decoration:underline;
color:#660000;
}

a:hover {

color:#4B3F2F;
}

/*Fix text problem in IE*/

* html p{ height: 0.01%; }

* html h2 { height: 0.01%; }




/*------------------------Header---------------------------*/
#header {

width:768px;
height:148px;
margin-left:10px;
margin-top:10px;
background-color:#DFD7CB;
background-image:url(../img/banner_left.jpg);
background-position:left;
background-repeat:no-repeat;
border-bottom:10px solid #fff;

/*banner with menu on the left*/
/*background-image:url(../img/banner.jpg);
background-position:right;
background-repeat:no-repeat;*/


}

#header h1 {
display:none;
}


#header li {


padding-top:5px;
padding-bottom:4px;
padding-left:8px;
list-style: none;
list-style-position:outside;

/*padding move the menu to the left*/
padding-left:565px;
}

#header li a {

font:1.2em Arial, Helvetica, sans-serif;
color:#660000;
text-decoration:none;

}

#header li a:hover, a.selected {
background-color:#fff;

}


/*---------------------Content  ----------------------*/

h2{
font:bold 1.6em Arial, Helvetica, sans-serif;
color:#660000;
height:25px;
background-color:#DFD7CB;
width:750px;
padding-top:5px;
padding-bottom:5px;
padding-left:18px;
}

#content, reading {
background-color:#F8F5F0;
margin-right:10px;
margin-left:10px;

}

#content p {
margin-top:10px;
padding-right:45px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;


}

#content p.left {
padding-left:240px;

}


.leftimage{
float: left;
margin: 5px 5px 0px 4px;
font:1.2em Arial, Helvetica, sans-serif;
padding: 10px 10px 0px 10px;
width:205px;
clear:left;

}

img.bigimage {

padding-left:80px
}


/*----------------------Footer-----------------------*/

#footer{
height:20px;
background-color:#660000;
padding-left:10px;
margin-top:10px;

border-bottom:10px solid #fff;
border-top:10px solid #fff;

}

#footer li{
display:inline;
list-style:none;
padding-top:40px;
}

#footer li a{
color:#FFFFFF;
font:bold 1.2em Arial, Helvetica, sans-serif;
text-decoration:none;

padding-right:5px;
padding-left:5px;

}

#footer li a.rightlink{
border-left:1px solid #FFFFFF;
}

#footer li a:hover{
color:#DFD7CB;

}

img.right {
float:right;
margin-right:5px;
margin-top:20px;

}

#footer li.rightcopy {

color:#FFFFFF;

font:bold 1.2em Arial, Helvetica, sans-serif;

text-decoration:none;

padding-left:375px;



}


/*-------------back to top----------- */

.top {

padding-left:240px;
font:1.3em Arial, Helvetica, sans-serif;
	}


.topleft {
padding-left:10px;
font:1.3em Arial, Helvetica, sans-serif;

}

* html p{ height: 0.01%; }


	