File: //old_home_backup/beckettfoundation.org.uk/public_html/styles/bif.css
body {
margin: 0em;
padding: 0em;
font-size: 100%;
text-align: center;
background-image: url(../images/beckett-back.gif);
}
#container {
position: relative;
margin: 0em auto;
width: 772px;
text-align: center;
}
p,ul,td {
font-family: Arial, Helvetica, sans-serif;
color: White;
vertical-align: top;
line-height: 1.4em;
}
table {
width: 772px;
}
table.columned {
width: 470px;
}
table.columned2 {
width: 400px;
}
p.sitemap {
font-weight: normal;
color: #333;
text-decoration: none;
}
p.sitemap a {
font-weight: normal;
color: #333;
text-decoration: none;
}
p.sitemap a:hover {
font-weight: normal;
color: #F54001;
text-decoration: none;
}
a {
color: White;
text-decoration: none;
}
/* top menu */
tr.topmenuarea {
background-color: #333;
}
td.toplogo {
width: 243px;
padding-top: 13px;
}
td.topmenu {
width: 529px;
height: 67px;
font-size: 75%;
padding-top: 34px;
padding-right: 10px;
font-weight: bold;
text-align: right;
}
td.topmenu ul {
margin: 0em;
padding: 0px 0px 0px 13px;
display: inline;
list-style: none;
}
td.topmenu li {
display: inline;
list-style: none;
}
td.topmenu li a:hover {
color: #F54001;
text-decoration: none;
}
span.topselected {
color: #F54001;
}
/* main menu */
tr.mainmenuarea {
background-color: #858585;
}
td.mainmenu {
width: 772px;
height: 66px;
padding: 13px 10px 0px 0px;
font-size: 75%;
font-weight: bold;
text-align: right;
}
td.mainmenu ul {
margin: 0em;
padding: 0em;
display: inline;
list-style: none;
color: #D7D7D7;
}
td.mainmenu li {
display: inline;
list-style: none;
}
td.mainmenu li a {
color: #D7D7D7;
}
td.mainmenu li a:hover {
color: #FFCC33;
}
span.mainselected {
color: #FFCC33;
}
/* title area */
tr.titlearea {
background-color: #858585;
}
td.headline {
padding: 0px 28px 0px 25px;
height: 93px;
}
td.subheadline {
padding: 0px 28px 0px 25px;
height: 93px;
}
td.mainlogo {
padding-top: 0.3em;
margin: 0em;
}
td.headline p {
font-size: 88%;
line-height: 1.55em;
}
td.subheadline p {
font-size: 82%;
line-height: 1.55em;
}
span.subtitle {
font-size: 115%;
font-weight: bold;
line-height: 1.6em;
}
/* content area */
td.image {
width: 243px;
background-color: black;
}
td.list p {
width: 243px;
text-align: right;
}
tr.featurearea {
background-color: #454545;
}
tr.contentarea {
background-color: #FFF;
}
td.spacer {
width: 28px;
}
td.feature {
padding: 23px 23px 0px 0px;
}
p.featuretitle {
font-weight: bold;
}
p.featuretitle a {
color: #F54001;
}
p.featuretitle a:hover {
color: #FFCC33;
}
td.feature p {
font-size: 75%;
}
td.feature p a:hover {
color: #FFCC33;
}
span.arrow {
font-weight: bold;
color: #FFCC33;
}
td.content {
padding: 23px 20px 10px 0px;
text-align: left;
}
td.content p {
font-size: 75%;
color: #333;
}
td.content p a {
color: #333;
border-bottom: 1px dotted #333;
}
td.content p a:hover {
color: #FFB533;
}
td.bifcontent {
padding: 23px 20px 15px 0px;
text-align: left;
}
td.bifcontent p {
font-size: 75%;
color: #333;
}
td.bifcontent p a {
color: #333;
border-bottom: 1px dotted #333;
}
td.bifcontent p a:hover {
color: #F54001;
}
div.submenu ul {
margin: 0em;
padding: 0em;
display: inline;
list-style: none;
font-size: 75%;
font-weight: bold;
color: #FFB533;
}
div.submenu li {
display: inline;
list-style: none;
}
div.submenu li a {
color: #FFB533;
}
div.submenu li a:hover {
color: #333;
}
div.bifsubmenu ul {
margin: 0em;
padding: 0em;
display: inline;
list-style: none;
font-size: 75%;
font-weight: bold;
color: #F54001;
}
div.bifsubmenu li {
display: inline;
list-style: none;
}
div.bifsubmenu li a {
color: #F54001;
}
div.bifsubmenu li a:hover {
color: #333;
}
div.sitemap ul {
margin: 0em;
padding: 0em;
list-style: none;
font-size: 80%;
font-weight: normal;
color: #333;
}
div.sitemap li {
list-style: none;
}
div.sitemap li a {
color: #333;
}
div.sitemap li a:hover {
color: #F54001;
}
div.contentlist ul {
margin: 0em;
padding: 0em;
list-style: none;
font-size: 80%;
font-weight: normal;
color: #333;
}
div.contentlist li {
list-style: none;
}
div.contentlist li a {
color: #333;
}
div.contentlist li a:hover {
color: #FFB533;
}
span.subselected {
color: #333;
}
li.spaced {
padding-bottom: 0.55em;
}
/* footer area */
tr.footerarea {
background-color: #5C5C5C;
}
td.footer {
height: 53px;
padding: 13px 13px 0px 13px;
}
td.footer p {
font-size: 70%;
color: #ADADAD;
}
td.footer p a {
color: #ADADAD;
}
td.footer p a:hover {
color: #CCC;
text-decoration: underline;
}