/* see also directorynew.css or intermediate.css */

/* colors from homepage
#cc5200 orange border around container and dotted border below search
#c73c05 orange background, lettering in logo, advanced search button, site
map button, onlanic h2
#5C5C5C grey border, advanced search and site map buttons
#565978 greyish blue border, LLILAS and BBC images, taken from background 
#00087A blue background, onlanic h2, taken from logo then darkened
#000A94 blue border, fulltext, etc.
#e9d1a0 gold lettering, fulltext
#333366 blue lettering, databases
#160f75 blue background, webarchiving
#f8ecd8 off-white lettering, webarchiving
#7D2503 nearly burnt orange, background for onlanic boxes
#631E03 dark brown, copyright text
*/


/* skip */
.skip
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

*
{
margin: 0;
padding: 0;
}

body
{
background-image: url(/image/backdots08.jpg);
text-align: center;
background-color: #f2f2fc;
color: #303030;
font-size: 76%;
font-family: Verdana, Chicago, sans-serif;
}

img
{
border: 0
}

/* container */
#container
{
position: relative;
background-color: white;
width: 800px;
margin: 15px auto;
border: 1px solid #CC5200;
text-align: center;
}

.home #container
{
background-image: url(/image/backhome08.jpg);
}

.regional #container
{
background-color: #f2f2fc
}
/* end container */

/* hidden stuff */

#language h2, #searchinner label, #searchinner h2, #footer h2 {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
/* end hidden */

/* links */
a:link
{
color: #000fc7;
}

a:visited
{
color: #ad3400
}

a:hover, a:focus, a:active
{
color: #000000;
}
/* end links */

/* paragraphs */
p
{
margin: 0 0 1em 0;
text-align: left;
font-size: 1.1em;
line-height: 1.3em;
}
/* end paragraphs */

/* headings */
h1
{
text-align: left;
padding-left: 30px;
font-size: 1.8em;
}

h2, h3
{
text-align: left;
margin: 1em 0 .2em 0;
font-family: Verdana, Chicago, sans-serif;
}

h2
{
font-size: 1.2em;
margin-bottom: .3em;
color: #00087A
}

h2 img
{
vertical-align: middle;
margin-right: 5px
}

h3
{
font-size: 1.1em;
}

.countryintermediate h3
{
font-size: 1.3em;
margin-left: 50px
}
/* end headings */

/* lists */
ul, ol
{
text-align: left;
font-size: 1.1em;
list-style-type: none;
margin: 0;
padding: 0
}

li
{
padding: .2em 0;
}

ul ul
{
font-size: 1em;
}

.countryintermediate #main ul
{
margin: .3em 20px 2em 50px
}

.regional #main ul
{
margin: 1.2em 20px 2em 60px;
list-style-type: disc
}

.regional #main li
{
padding: .4em 0;
line-height: 1.5em;
}
/* end lists */

/* left navigation. directory.css supercedes much of the following 
mark-up. Also appears in FAQ */
h2.nav
{
font-size: 1.1em;
font-weight: bold;
text-align: center;
padding: .5em 0;
border-top: 1px dotted #c73d00;
border-bottom: 1px dotted #c73d00;
}

#nav
{
float: left;
width: 23%;
}

#navtext
{
float: left;
width: 100%
}

#nav ul
{
list-style-type: none;
padding: 0 .5em 0 1.8em;
margin: 0;
font-size: .9em;
}

#nav li
{
line-height: 1.5em;
padding: .2em 0;
margin: 0
}
/* end nav */

/* addresses */
address
{
text-align: left;
font-size: 1.1em;
margin: -.5em 0 0 2em;
line-height: 2em;
font-style: normal
}
/* end addresses */

/* formatting for emphasis, special kinds of body text */
/* name and title are formatted differently in FAQ */
strong, .name, .title
{
font-weight: bold
}

em
{
font-style: italic
}

.term, .note
{
font-style: oblique
}
/* end special formatting */

/* header */
#logo
{
background-color: #f9fafe;
min-height: 90px;
overflow: hidden;
width: 800px
}

#logo h1
{
float: left;
position: relative;
padding-right: 10px;
z-index: 2;
width: auto;
margin: 3px 0 0 0;
padding: .3em 0 .3em 7px;
display: block;
background-color: #c73c05;
color: white;
font-size: .9em;
}

/*
#logo h1
{
display: block;
background-color: #c73c05;
color: white;
font-size: .9em;
margin: -.2em 0 0 0;
padding: .3em 0 .3em 7px;
width: 100%
}
*/

#header2
{
text-align: left;
padding-bottom: 10px;
margin-top: 5px;
}

/* choose your own language */
#language
{
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 6.6em;
clear: both
}

#language ul
{
list-style-type: none;
margin: 0;
padding: 0;
text-align: right
}

#language li
{
margin: 0;
padding: 1px 0;
}

#language a
{
display: block
}

#language a
{
text-decoration: none;
background-color: #bdbdef;
font-size: .8em;
font-weight: bold;
color: black;
text-align: left;
margin: 0;
padding: .1em .6em;
}

#language a:link, #language a:visited
{
border: 1px outset #7B84E7
}

#language a:hover, #language a:focus, #language a:active
{
background-color: #d6d6ef;
border: 1px inset #7B84E7
}

#language li#active a:link, #language li#active 
a:visited, #language li#active a:hover, 
#language li#active a:active 
{
background-color: #d6d6ef;
color: black;
border: 1px solid #d7d7ef
}
/* end language */

#addthisheader
{
display: block;
background-color: white;
width: 100%;
height: 5.1em;
clear: both
}

/* clear on addthisheader is for tabs */


/* search */
#searchouter
{
background-color: white;
width: 100%;
height: 3.5em;
padding-top: 1.5em;
}

#addthisheader #searchouter
{
float: left;
width: 620px
}



.directorypage #searchouter
{
background-color: #cfd2f5;
}

#searchinner
{
font-size: .9em;
text-align: left;
width: 49em;
margin: 0 auto;
height: 3.5em
}

#addthisheader #searchinner
{
width: 600px
}

/* unnecessary?
fieldset
{
border: none;
}

#search fieldset
{
text-align: right
}
*/

#visible
{
float: left;	
}

input#box
{
vertical-align: 1px;
padding: 1px 2px
}

#searchinner ul
{
float: left;
margin: .3em 0 2em 1em;
}

#searchinner li 
{ 
display: inline; 
}

#searchinner a
{
text-decoration: none;
padding: .2em .3em;
color: white;
font-weight: bold;
font-size: .9em;
}

#searchinner a:link, #searchinner a:visited
{
border: 2px ridge #5C5C5C;
background-color:  #c73c05;
color: white
}

#searchinner a:hover, #searchinner a:focus, #searchinner a:active
{
border: 2px ridge black;
background-color: #5C5C5C;
color: white;
}
/* end header */

/* main */
#main
{
width: 100%;
max-width: 890px;
min-width: 600px;
text-align: left;
position: relative;
border-top: 1px dotted #c73c05;
clear: both;
}

.home #main
{
border-top: 1px dotted #cc5200;
}

.countryintermediate #main h2,
.subjectintermediate #main h2,
.regional #main h2
{
margin: 0;
padding: .5em 0;
text-align: center;
color: black;
background-color: #c6c9f2;
border-bottom: 1px dotted #c73c05
}
/* end main */

/* footer */
#footer
{
text-align: center;
font-size: .9em;
border-top: 1px dotted #CC5200;
margin: 0;
width: 100%;
clear: both;
background-color: white
}

.subjectintermediate #footer
{
border: none
}

.subjectintermediate #footer.noproject
{
clear: both;
margin-top: 1px;
border-top: 2px solid #c6c9f2;
}

#footer ul
{
text-align: center;
padding-top: 1em;
}

#footer ul li
{
display: inline;
padding: 0 2em 0 0
}

.copyright
{
color: #631E03;
padding: 1.5em 0;
margin: 0;
text-align: center;
}
/* end footer */

/* explanation appears in Awards and FAQ */
#explanation
{
width: 100%;
font-size: .9em;
}

#explanation p
{
padding: .2em 1.5em .2em 0;
line-height: 1.3em;
}
/* end explanation */

/* the following bar is used throughout the various info pages */
.bar
{
width: 100%;
margin-top: -.5em;
text-align: left;
padding: .6em 0;
}

.bar ul
{
list-style-type: none;
background-color: #e1e3f8;
margin: 0;
font-size: 1em;
padding: 0 0 0 30px;
font-weight: bold;
line-height: 2.4em
}

.bar ul li
{
display: inline;
margin: 0;
}

.bar a
{
text-decoration: none;
padding: .2em .5em;
margin-right: -.5em;
color: black;
border: 1px solid #BDBDEF
}

.bar a:link, .bar a:visited
{
background-color: #D5D9F6;
color: black;
}

.bar a:hover, .bar a:active
{
background-color: white
}

.bar li.about a:focus, .bar li.statistics a:focus, .bar li.awards a:focus,
.bar li.questions a:focus, .bar li.tour a:focus
{
background-color: white;
color: black
}

/* button for current page is white without JavaScript */ 
body#about .bar li.about a:link, body#about .bar li.about a:visited,
body#about .bar li.about a:hover, body#about .bar li.about a:active,
body#research .bar li.research a:link, body#research .bar li.research
a:visited, body#research .bar li.research a:hover, body#research .bar
li.research a:active, body#statistics .bar li.statistics a:link,
body#statistics .bar li.statistics a:visited, body#statistics .bar
li.statistics a:hover, body#statistics .bar li.statistics a:active,
body#awards .bar li.awards a:link, body#awards .bar li.awards a:visited,
body#awards .bar li.awards a:hover, body#awards .bar li.awards a:active,
body#questions .bar li.questions a:link, body#questions .bar li.questions
a:visited, body#questions .bar li.questions a:hover, body#questions .bar
li.questions a:active, body#tour .bar li.tour a:link, body#tour .bar li.tour
a:visited, body#tour .bar li.tour a:hover, body#tour .bar li.tour a:active
{ 
background-color: white;
}

/* end bar */

/* legacy stuff */
/* clears are indispensible for getting browsers to float items properly */
/* except now I would incorporate them in the CSS for the respective 
element */
.clear, .clearline
{
clear: both;
height: 1px;
margin: 0;
overflow: hidden;
}

.clearline
{
border-bottom: 1px dotted #c73d00;
}
/* end clears */

/* where the pages have been updated, copyright is now just a paragraph in 
the footer rather than having its own div */
#copyright
{
padding: 1em 0;
border-bottom: 1px dotted #c73d00;
}

#copyright p
{
text-align: center;
color: #631E03;
}
/* end copyright */

/* tables, originally designed for Awards page, table on site map is 
different */
table
{
border-collapse: collapse;
border-top: 2px solid #d6d6ef;
}

td
{
padding: 1.5em;
font-size: .9em;
border-bottom: 2px solid #d6d6ef;
}
/* end tables */


#addthis
{
display: none
}



.skip
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}



/* TABS */

#navtabs
{
float: right;
margin: -2.4em 0 0 0;
padding: 3px 0 0 0;
font-size: .8em;
background: #c73c05 url(/image/tabs/bottom.gif) repeat-x bottom;
width: 100%;
position: relative;
z-index: 1;
}

#navtabs ul
{
list-style-type: none;
margin: 0;
padding: 0;
float: right
}

#navtabs li
{
float: left;
background: url(/image/tabs/darkright.gif) no-repeat right top;
margin: 0;
padding: 0
}

#navtabs a
{
color: white;
text-decoration: none;
display: block;
background: url(/image/tabs/darkleft.gif) no-repeat left top;
padding: 5px 8px 3px 8px
}

body.countrypage #navtabs li#countriestab,
body.subjectpage #navtabs li#subjectstab,
body.initiativepage #navtabs li#initiativestab
{
background: url(/image/tabs/lightright.gif) no-repeat right top;
}

body.countrypage #navtabs #countriestab a,
body.subjectpage #navtabs #subjectstab a,
body.initiativepage #navtabs #initiativestab a
{
background: url(/image/tabs/lightleft.gif) no-repeat left top;
padding: 5px 15px 5px 15px
}

#navtabs a:hover, #navtabs a:active
{
background: url(/image/tabs/medleft.gif) no-repeat left top;
text-decoration: underline;
}

body.countrypage #navtabs #countriestab a:hover, 
body.countrypage #navtabs #countriestab a:focus, 
body.countrypage #navtabs #countriestab a:active,
body.subjectpage #navtabs #subjectstab a:hover, 
body.subjectpage #navtabs #countriestab a:focus, 
body.subjectpage #navtabs #subjectstab a:active 
body.initiativepage #navtabs #initiativestab a:hover,
body.initiativepage #navtabs #initiativestab a:focus,
body.initiativepage #navtabs #initiativestab a:active
{
color: white;
}

hr#iebug
{
clear: both;
color: #cfd2f5;
background-color: #cfd2f5;
height: 1px;
border: none;
margin: 0;
}