@import url(/php/def/paperstyle.css);

body {
background-color: white;
}

* { 
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 15px;
margin: 0;
padding: 0;
}

h1, h2, h3, h4, p, ul, hr { 
margin-bottom: 1em; 
}

sub { 
font-size: 82%;
}

strong {
color: #666666;
}

hr { 
border: 0;
color: black;
background-color: black;
height: 1px;
width: 100%;
}

/* disable underlining on hyperlinks except while mouse is over them
   not least because it looks odd with "Read more ..." 
*/
a:visited, a:link, a:active {
text-decoration: none;
color: black; 
font-weight: bold
}

a:hover {
color: #B0C4EE;
font-weight: bold;
}

.small { font-size: 82%; }

pre { font-family: courier new, courier, monospace; }

ul, ol { 
margin-left: 0.7em; 
padding-left: 1.1em;
margin-bottom: 1em;
}

/* Footnotes table 
*/
.footnotes {font-size:73%; }


#top {
height: 183px;
background-color: #E1E2E3;
}

#top_image { 
padding: 15px;
}

table.top_table { 
border-collapse: collapse;
border-spacing: 0;
}

table.top_table tr td { 
border-width: 0;
}

#top_right { 
padding: 15px 15px 0 0;
background-color: #E1E2E3;
text-align: right;
vertical-align: top;
width: 100%;
}

#top_right input.text { 
border: 1px solid black;
padding: 2px;
}

#top_right h1 { 
text-align: right;
color: black;
font-weight: normal;
font-size: 52px;
margin: 8px 15px 0 0;
}

#top_right h2 { 
text-align: right;
color: black;
font-weight: bold;
font-size: 13px;
margin: -6px 15px 0 0;
}

#top_title { 
padding: 0 0 15px 15px;
vertical-align: bottom;
}

#top_title h1 { 
text-align: left;
font-size: 24px;
font-weight: normal;
margin: 0;
margin-top: 0px;
}

#top_title h1 span.section { 
font-size: 13px;
}


#menu_strip {
clear: both;
color: white;
height: 22px;
}

#menu_strip ul { 
margin: 0 0 0 183px;
}

#menu_strip li { 
font-size: 13px;
font-weight: bold;
list-style-type: none;
margin-left: 0.2em;
margin-top: 0.15em;
float: left;
}

#menu_strip a { 
color: white;
}

#menu_strip li a { 
font-size: 13px;
}

#main { 
float: left;
width: 100%;
background-color: white;
}

#main_menu { 
float: left;
width: 155px;
margin-left: -100%;
padding: 15px;
}

#main_menu ul { 
margin: 0 0 1em 0; 
padding-left: 1.1em;
}

#main_menu li { 
font-size: 13px;
font-weight: bold;
list-style-type: none;
margin-left: -1em;
}

#main_menu li a { 
font-size: 13px;
font-weight: bold;
}

#main_menu li.small a { 
font-size: 73%;
}

#main_menu ul.coloured li { 
padding: 5px 0 5px 5px;
margin-top: 5px;
}

#main_menu ul.coloured li a { 
color: white;
}

/* Colourways (see also the *.colourway.css
   files which must be updated to match these) */

.def_fg { color: #00AAAD; }
.def_bg { background-color: #00AAAD; }
.def_border { border: 1px solid #00AAAD; }

.commune_fg { color: #FC7567; }
.commune_bg { background-color: #FC7567; }
.commune_border { border: 1px solid #FC7567; }

.emote_fg { color: #8C67FB; }
.emote_bg { background-color: #8C67FB; }
.emote_border { border: 1px solid #8C67FB; }

.travel_fg { color: #FE9800; }
.travel_bg { background-color: #FE9800; }
.travel_border { border: 1px solid #FE9800; }

.childoff_fg { color: #20D060; }
.childoff_bg { background-color: #20D060; }
.childoff_border { border: 1px solid #20D060; }

.consult_fg { color: #503984; }
.consult_bg { background-color: #503984; }
.consult_border { border: 1px solid #503984; }


#main_content {
margin: 0 235px 0 185px;
padding: 15px;
border-width: 0 0 0 1px;
}

#main_content div.address {
float: right;
padding: 0.5em;
margin-left: 10px;
background-color: #F0F0F0;
border-top:    1px solid #E8E8E8;
border-left:   1px solid #E8E8E8;
border-right:  1px solid silver;
border-bottom: 1px solid silver;
font-size: 12px;
}

#main_right { 
float: left;
width: 225px;
margin-left: -255px;
padding: 15px;
}

#main_right div.news_box { 
margin-bottom: 11px;
}

#main_right div.news_title { 
color: white;
font-weight: bold;
padding: 0.15em 0.15em 0.15em 0.3em;
}

#main_right div.news_body { 
padding: 0.3em;
}

#main_right div.news_body, #main_right div.news_body p, #main_right div.news_body a { 
font-size: 13px;
}

#service_list h2, #service_list h3 { 
font-size: 11px;
}

#service_list h2 { 
color: black;
font-weight: normal;
font-style: italic;
margin-bottom: 1em;
}

#service_list h3 { 
font-weight: bold;
}

#service_list li { 
font-size: 11px;
list-style-type: none;
margin-left: -1em;
}

#service_list li a { 
font-size: 11px;
font-weight: normal;
}

div.map_popup { 
margin-right: 1em;
font-size: 11px;
}

div.map_popup a { 
font-size: 11px;
}

td.darkbox { 
text-align: center;
color: #FFFFFF;
background-color: #008080;
padding-top: 1em; 
padding-bottom: 1em; 
}

a.darkbox:hover {color: #FFFFFF;
font-weight: bold}

td.dropbox {
vertical-align: top;
background-color: #b0e0e6;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
padding: 5px;
}


/* catalogue pages */

dl.catalogue dd { 
margin-left: 1em;
}

dl.catalogue dt {
padding-top: 0.3em;
border-top: 1px solid silver;
}

h2.pub_title {  
font-size: 17px;
font-weight: normal;
} 

/* ALL THE FOLLOWING FOR PUBLICATIONS IS OBSELETE */

/* publication page navigation */

td.pub_nav { 
font-size: 80%;
text-align: center;
width: 23%;
padding: 0.3em;
padding-top: 0.6em;
padding-bottom: 0.6em;
border-right:  1px gray solid;
border-bottom: 1px gray solid;
vertical-align: top;
}

td.pub_nav a:hover { 
color: black; 
}


/* publication page description */

td.pub_desc { 
padding-top: 15px; 
padding-bottom: 25px; 
font-size: 80%;
}

td.pub_desc li { 
font-size: 80%;
}


/* publication page headings */

h1.pub_prison {
background-color:#60C659;
color: white;
}

.pub_prison {
color:#60C659;
}

h1.pub_trav {
background-color: #A893AD;
color: white;
}

.pub_trav {
color: #A893AD;
}

h1.pub_dads {
background-color: #D6606D;
color: white;
}

.pub_dads {
color: #D6606D;
}

p.pub_prison, p.pub_trav, p.pub_dads {
font-weight: bold;
}


/* fundraising page */

div.fundraising {
width: 60%;
text-align: left;
}

div.fundraising h2 {
color: #CC69A4; 
}


/* Used in Community Project and TFF address boxes */

div.whiterule {
width: 15em;
background-color: white;
height:2px;
margin-top: 1em;
margin-bottom: 0.5em;
}

.larger { font-size: 150%; }

.small { font-size: 70%; }


p.opus_authoropts {
border-style: solid;
border-color: gray;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 2px;
border-bottom-width: 2px;
margin: 2px;
width: 10em;
padding: 4px;
font-size: 90%}

a.opus_authoropts {font-size: 90%}

dd {
margin-bottom: 1em;
}

td.tc_heading {
color: black;
background-color: #DEDCCD;
font-size: 135%;
text-align: center;
vertical-align: top;
}

div.flowplayer_inner { 
border: 1px solid black;
border-right-color: silver;
}