/* CSS Document */
/* Author : Oscar Contreras*/
/* Web: Scotland pages - National Library of Scotland*/
/* Date: 11-09-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:#BB382E;
color: #E9D9CF;

}



#wrapper, #timelinewrapper{
width:761px;
margin:0px auto;
text-align:left;
margin-top:10px;

}

#timelinewrapper{

margin-top:30px;


}


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

}

p{

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



a{
color: #E9D9CF;
text-decoration:underline;
}

a:hover{
text-decoration:none;

}




/*Fix text problem in IE*/



* html p{ height: 0.01%; }



* html h2 { height: 0.01%; }


/*----------------------Header-------------------*/

#header, #timelineheader {

width:649px;
padding-left:112px;
background-image:url(../new_img/header.jpg);
background-position:right;
background-repeat:no-repeat;
height:70px;

}

#timelineheader {
padding-left:60px

}

/*-----------------------Leftside-------------------*/

#leftside {
position:absolute;
top:10px;
width:102px;
height:440px;
border:1px solid #000;
background-color:#E9D9CF;
background-image:url(../new_img/left_bck.jpg);
background-position:bottom;
background-repeat:no-repeat;

}



/*----------------------Content----------------------*/
#content {
background-image: url(../new_img/red-background.gif);

}


#content p {
padding-left:118px;
padding-top:10px;
padding-bottom:10px;
width:420px;
}

#content h2 {
padding-left:118px;
font:1.8em Arial, Helvetica, sans-serif;
padding-bottom:15px;

}

#content h3{
padding-left:118px;
font:bold 1.6em Arial, Helvetica, sans-serif ;	
text-decoration:none;
}

#timelinecontent h2{
font:1.8em Arial, Helvetica, sans-serif;
}

#timelinecontent h3{
font:1.6em Arial, Helvetica, sans-serif;
}



img.right {

float:right;


}

#content ul, #timelinecontent ul {
font: bold 1.2em Arial, Helvetica, sans-serif;
padding-left:140px;


}



#content ul.menu, #timelinecontent ul.menu {
float:right;
padding-left:0px;

}

#content ul.menu li, #timelinecontent ul.menu li {
width:148px;
background-image:url(../new_img/link-bck.gif);
background-repeat:no-repeat;
margin-top:3px;
margin-bottom:3px;
list-style:none;
height:20px;

}


#content ul.menu li a, #timelinecontent ul.menu li a {

color:#000;
font:bold 0.9em Arial, Helvetica, sans-serif;
text-decoration:none;
margin-left:5px;

}

#content ul.menu li a:hover, #timelinecontent ul.menu li a:hover {
color:#BB382E;

}

#content ul.menu li a.selected {

color:#BB382E;
}

#content ul.menu li.selected {
background-image:url(../new_img/linkselected-bck.gif);
background-repeat:no-repeat;
}

#timelinecontent ul.menu li.home {
background-image:url(../new_img/link-home.gif);
background-repeat:no-repeat;
padding-left:15px;
padding-top:1px;


}

#timelinecontent a{
color:#BB382E;
text-decoration:underline;

}

#timelinecontent a.link1 {
color:#E9D9CF;

}

/*--------------------bottomlink--------------------*/

#bottomlink{
position:absolute;
top:500px;
z-index:30;
}

/*-------------------Accesible-timeline----------------*/

#accesstime {
margin:0px 7px 10px 7px;
padding-top:10px;
background-color:#E8DFD8;
color:#000;
border:solid 1px #000;


}

#accesstime p {
padding:5px;
margin:10px 10px 10px 10px;
background-color:#FFFFFF;
}

#label2 {

margin-left:7px;
margin-top:30px;

}

#label2 ul {

padding-left:0;

}

#label2 li {
display:inline;
list-style:none;
text-align:left;
margin-right:2px;
padding-left:1px;
padding-top:2px;
background-color: #D69C93;
border-left:1px solid #000;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
color:#000;
}



#label2 li.selected {

background-color: #E8DFD8;
border-left:1px solid #000;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #E8DFD8;
}



#label2 li.selected  a, #label2 li.selected  a:hover{

color:#000;
text-decoration:none;
}


#label2 li  a{

text-decoration:none;
color:#333333;
}



#label2 li  a:hover{

color:#FFF;
text-decoration:none;
}




/*-----------------timeline-windows-------------------*/

#windows {

margin:25px 10px 10px 10px;
padding-top:30px;
background-color:#E8DFD8;
color:#000;
border:solid 1px #000;
}

#windows h1{

font: bold 1.6em Arial, Helvetica, sans-serif; 
}

#windows h2 {
font: bold 1.4em Arial, Helvetica, sans-serif; 
}

#windows p {
font: 1.2em Arial, Helvetica, sans-serif; 

}

#windows a {
color:#000;

}

#windows img{
border-bottom:1px solid #000;
padding-bottom:5px;

}

#label, #labellong, #labellong2{
text-align:left;
font: bold 1.3em Arial, Helvetica, sans-serif;
background-image:url(../new_img/pestania_long.gif);
background-repeat:no-repeat;
color:#000;
position:absolute;
top:10px;
left:10px;
width:400px;
padding:3px 0 0 6px;

}

#labellong {
background-image:url(../new_img/pestania_long2.gif);
background-repeat:no-repeat;

}

#labellong2 {
background-image:url(../new_img/pestania_long3.gif);
background-repeat:no-repeat;

}

#windows p{
text-align:left;
padding-left:6px;
padding-right:15px;

}

#windowfooter {
float:right;
padding-right:10px;

}

p.small {

font:1.0em Arial, Helvetica, sans-serif;
}

p.center {

font:1.0em Arial, Helvetica, sans-serif;
margin-left:47%;
}

dt, dd {
font:1.2em Arial, Helvetica, sans-serif;
text-align:left;
padding-left:5px;

}

dd {
padding-left:10px;
padding-bottom:5px;
font-style:oblique;

}

/*----------------------Footer-----------------------*/

#footer{
height:20px;
background-color:#BB382E;
padding-left:120px;
margin-top:10px;

border-bottom:10px solid #BB382E;
border-top:10px solid #BB382E;

}

#footer li{
display:inline;
list-style:none;
padding-top:35px;
}

#footer li a{
color:#E9D9CF;
font:bold 1.2em Arial, Helvetica, sans-serif;
text-decoration:underline;

padding-right:5px;
padding-left:5px;

}

#footer li a.rightlink{
border-left:1px solid #E9D9CF;
}

#footer li a:hover{
color:#E9D9CF;

}

#footer li.rightcopy {

color:#E9D9CF;

font:bold 1.2em Arial, Helvetica, sans-serif;

text-decoration:none;

padding-left:269px;

}

/*----------------------Footer timeline-----------------------*/

#footer-timeline{
height:20px;
background-color:#BB382E;
padding-left:5px;
margin-top:5px;

border-bottom:10px solid #BB382E;
border-top:10px solid #BB382E;

}

#footer-timeline li{
display:inline;
list-style:none;
padding-top:35px;
}

#footer-timeline li a{
color:#E9D9CF;
font:bold 1.2em Arial, Helvetica, sans-serif;
text-decoration:underline;

padding-right:5px;
padding-left:5px;

}

#footer-timeline li a.rightlink{
border-left:1px solid #E9D9CF;
}

#footer-timeline li a:hover{
color:#E9D9CF;

}

#footer-timeline li.rightcopy {

color:#E9D9CF;

font:bold 1.2em Arial, Helvetica, sans-serif;

text-decoration:none;

padding-left:369px;

}


/*-------------back to top----------- */

.top {
float:right;
padding-right:23px;
padding-bottom:5px;
padding-top:5px;
font:1.2em Arial, Helvetica, sans-serif;
	}

.toplinks {
float:right;
padding-right:123px;
padding-bottom:5px;
padding-top:5px;
font:1.2em Arial, Helvetica, sans-serif;
	}

.topleft {
padding-left:10px;
font:1.3em Arial, Helvetica, sans-serif;

}

* html p{ height: 0.01%; }