html {
margin: 0;
padding: 0;
}
body {
margin: 18px 0 10px 0;
padding: 0;
border: 0;
/* background:#000000 url(../images/backgrounds/bg.jpg); */
background:url(../images/backgrounds/bg1440.jpg) #000000 center top no-repeat;
/* center top no-repeat
background-repeat: repeat-x; */
text-align: center; /*to correct the centering IE bug */
font-family: Helvetica, Arial, sans-serif;
font-size: 10pt;
color: #656565;
}
.bodycopy{color: #656565;}
/* forms */
.form input {font-weight:normal; font-size: 9pt;}
.blueheaderBig{font-weight: bold; font-size: 16px; text-decoration: none; color: #00216b;}
.colours input {color:#00216b; background:#ffffff; border:1px solid #ffcc00; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 9pt; font-weight: normal;}
.colours .submit input {color:#00216b; background:#ffffff; border:1px #ffcc00 outset; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 9pt; font-weight: normal;}
option.yellow {color:#00216b; background-color: #ffffff; border:1px solid #ffcc00;}
select {
background-color: #ffffff;
color: #00216b;
border:1px solid #ffcc00;
}
/* body copy links no underline*/
a:link, a:active, a:visited { font-weight: bold; font-size: 10pt; text-decoration: none; color: #00216b;}
a:hover { font-weight: bold; font-size: 10pt; text-decoration: none; color: #ffcc00; }
/* yellow - ffcc00 -- blue 00216b */
a:link.nav, a:visited.nav, a:active.nav { font-weight: bold; font-size: 15px; text-decoration: none; color: #ffcc00; }
a:hover.nav { text-decoration: none; color: #00216b; }
a.blue {font-weight: bold; font-size: 15px;text-decoration: none; color: #00216b;}
a:link.blue {text-decoration: none; color: #00216b;}
a:hover.blue {text-decoration: none; color: #00216b;}
a:active.blue {text-decoration: none; color: #00216b;}
#container {
width: 820px;
padding: 10px;
text-align: left; /* to realign your text */
background-color: #FFFFFF;
margin: 0 auto;
overflow:visible;
}
/* TOP AND MENU */
#top {
margin: 0px;
width: 820px;
height: 190px;
background-color:#FFFFFF;
}
#top-left {
display: block;
float: left;
margin: 0px;
width: 316px;
height: 170px;
padding: 0px 10px 10px 0px;
overflow: hidden;
background-color:#FFFFFF;
background: url(../images/generic/esther-benjamins-trust-logo.gif) no-repeat;
}
#top-centre {
background-color:#FFFFFF;
float: left;
display: block;
position: relative;
top: 0px;
height: 180px;
width: 316px;
margin: 0px;
padding: 0px 10px 0px 10px;
}
#main-nav{
background-color:#FFFFFF;
float: left;
display: block;
position: relative;
top: 0px;
height: 170px;
width: 316px;
margin: 0px;
}
#sub-nav{
background-color:#FFFFFF;
/*background: url(../images/newsletter/newsletter-image.jpg) no-repeat; */
width: 148px;
height: 170px;
float: right;
margin: 0px;
/* top right bottom left */
padding: 0px 0px 0px 10px ;
overflow: hidden;
}
#top-right {
background-color:#FFFFFF;
/*background: url(../images/newsletter/newsletter-image.jpg) no-repeat; */
width: 148px;
height: 179px;
float: right;
margin: 0px;
/* top right bottom left */
padding: 0px 0px 0px 10px ;
overflow: hidden;
}
#trinner {
background-color:#FF0000;
background:url(../images/right-column/mosaic_bg.jpg) no-repeat;
margin: 0px;
color:#FFFFFF;
/* top right bottom left */
width: 138px;
height: 116px;
padding: 10px 5px 10px 5px ;
overflow: hidden;
}
ul#menu {
display: block;
float: left;
padding: 0;
margin: 0;
white-space: nowrap;
font-size: 14px;
position: relative;
width:70px;
height: 105px;
top:0px;
overflow: hidden;
}
ul#menu li {
display: block;
float: left;
list-style: none;
list-style-type: none;
}
ul#menu a {
display: block;
text-decoration: none;
height: 15px;
}
/* headercolumn */
#headercolumn {
background-color:#548486;
width: 820px;
padding: 0px 0px 0px 0px;
float: left;
margin: 0;
overflow:visible;
}
/* horiz menu */
#horizmenu {
background-color:#FFFFFF;
width: 662px;
padding: 10px 0px 0px 0px;
float: left;
margin: 0;
overflow:visible;
}
/* LEFT COLUMN AREA */
#leftcolumn {
background-color:#FFFFFF;
width: 316px;
padding: 10px 10px 10px 0px;
float: left;
margin: 0;
overflow:visible;
}
#leftcolumn2 {
background-color:#00216b;
width: 306px;
padding: 10px 10px 10px 10px;
float: left;
margin: 10px,0px,0px,0px;
margin-top: 10px;
overflow:visible;
}
#leftcolumn3 {
background-color:#ffcc00;
width: 306px;
padding: 10px 10px 10px 10px;
float: left;
margin: 10px,0px,0px,0px;
margin-top: 10px;
overflow:visible;
}
#leftcolumn4 {
background-color:#e38a62;
width: 306px;
padding: 10px 10px 10px 10px;
float: left;
margin: 10px,0px,0px,0px;
margin-top: 10px;
overflow:visible;
}
#leftcolumn5 {
background-color:#6699d2;
width: 306px;
padding: 10px 10px 10px 10px;
float: left;
margin: 10px,0px,0px,0px;
margin-top: 10px;
overflow:visible;
}
#leftcolumn6 {
background-color:#97cc9f;
width: 306px;
padding: 10px 10px 10px 10px;
float: left;
margin: 10px,0px,0px,0px;
margin-top: 10px;
overflow:visible;
}
#leftcolumn7 {
background-color:#ffffff;
width: 326px;
float: left;
margin: 10px,0px,0px,0px;
margin-top: 10px;
overflow:visible;
}
#doublewidthcolumn {
background-color:#FFFFFF;
width: 652px;
padding: 10px 10px 10px 0px;
float: left;
margin: 0;
overflow:visible;
}
/* CENTRE COLUMN AREA */
#content {
background-color:#FFFFFF;
float: left;
margin: 0;
width: 316px;
padding: 10px 10px 10px 10px;
overflow: visible;
}
#content p {
margin: 0 0 6px 0;
}
/* RIGHT COLUMN AREA */
#rightcolumn {
background-color:#FFFFFF;
width: 148px;
/* top right bottom left */
padding: 10px 0px 0px 10px ;
float: right;
margin: 0;
overflow: visible;
}
#footer {
display: block;
padding: 0px 0px 0px 7px ;
text-align: left;
width: 833px;
margin: 0 auto;
font-family: Helvetica, Arial, sans-serif ;
font-size: 7pt;
color: #ffcc00;
}
#footer a:link, #footer a:visited, #footer a:active {
font-family: Helvetica, Arial, sans-serif ;
font-size: 7pt;
color: #ffcc00;
text-decoration: none;
}
#footer a:hover {
color: #ffcc00;
text-decoration: underline;
}
#leftcolumn h2 {
display: block;
margin: 0;
padding: 0;
font-size: 16px;
color: #ffcc00;
font-weight: bold;
text-decoration: none;
}
#content h2 {
display: block;
margin: 0;
padding: 0;
font-size: 16px;
color: #ffcc00;
font-weight: bold;
text-decoration: none;
}
#rightcolumn h2, #rightcolumn a {
display: block;
margin: 0;
padding: 0;
font-size: 16px;
color: #00216b;
font-weight: bold;
text-decoration: none;
color: #ffcc00;
}
h3, h4 {
/* Top margin 1px for Firefox Mac problem cutting off top of text with small line-height*/
margin: 1px 0 4px 0;
padding: 0;
font-weight: normal;
line-height: 0.8;
}
h1 {font-weight: bold; font-size: 22px; text-decoration: none; color: #ffcc00;}
h3 {font-size: 28px}
h4 {font-size: 14px; font-weight: bold; line-height: normal;}
div.newsentry {
margin-bottom: 16px;
}
.normalcase {
text-transform: none;
}
/* ----- News ----- */
a.white {font-weight: 100; font-size: 13px; text-decoration: none; color: #FFFFFF;}
a:link.white {text-decoration: none; color: #656565;}
a:visited.white {text-decoration: none; color: #656565;}
a:hover.white {text-decoration: none; color: #656565;}
a:active.white {text-decoration: none; color: #656565;}
a.yellow {font-weight: 100; font-size: 13px; text-decoration:none; color: #ffcc00;}
a:link.yellow {text-decoration: none; color: #ffcc00;}
a:visited.yellow {text-decoration: none; color: #ffcc00;}
a:hover.yellow {text-decoration: none; color: #656565;}
a:active.yellow {text-decoration: none; color: #ffcc00;}
.colours {color:#00216b;; border:1px solid #ffffff; font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 9pt; font-weight: normal;}
a:link.bluewhite {font-weight: 100; font-size: 13px; text-decoration:none; color: #00216b;}
a:visited.bluewhite {text-decoration: none; color:#00216b;}
a:hover.bluewhite {text-decoration: none; color:#FFFFFF;}
a:active.bluewhite {text-decoration: none; color: #FFFFFF;}
/* ------------------ */
.blueheader, div.newsentry h3, div.newsentry h4 {font-weight: bold; font-size: 16px; text-decoration: none; color: #00216b;}
.blueheaderreg{font-weight:bold; font-size: 14px; text-decoration: none; color: #00216b;}
a:link.blueheaderreg{font-weight:bold; font-size: 14px; text-decoration: none; color: #00216b;}
a:visited.blueheaderreg{font-weight:bold; font-size: 14px; text-decoration: none; color: #00216b;}
a:hover.blueheaderreg {text-decoration: none; color: #ffcc00;}
a:active.blueheaderreg {text-decoration: none; color: #ffcc00;}
.yellowheaderreg, div.newsentry h3, div.newsentry h4 {font-weight:100;
font-size: 13px; text-decoration: none; color: #ffcc00;}
.yellowheader, div.newsentry h3, div.newsentry h4 {font-weight: bold; font-size: 16px; text-decoration: none; color: #ffcc00;}
.yellowheaderBig, div.newsentry h3, div.newsentry h4 {font-weight: bold; font-size: 22px; text-decoration: none; color: #ffcc00;}
.mustardheaderBig{font-weight: bold; font-size: 18px; text-decoration: none; color: #cb9a00;}
.whiteheader{font-weight: bold; font-size: 16px; text-decoration: none; color: #ffffff;}
a:link.schoolslink {font-weight:normal; font-size: 13px; text-decoration:none; color: #00216b;}
a:visited.schoolslink {font-weight:normal; font-size: 13px; text-decoration:none; color: #00216b;}
a:hover.schoolslink {text-decoration: none; color: #699967;}
.primaryheaderBlue {font-weight: bold; font-size: 16px; text-decoration: none; color: #2D8486;}
a.primaryheaderRed {font-weight:normal; font-size: 13px; text-decoration:underline; color: #ff6433;}
.primaryheaderRedBig {font-weight: bold; font-size: 18px; text-decoration: none; color: #ff6433;}
.secondaryheaderBlue {font-weight: bold; font-size: 16px; text-decoration: none; color: #277674;}
a.secondaryheaderRed {font-weight:normal; font-size: 13px; text-decoration:underline; color: #716fd2;}
.secondaryheaderRedBig {font-weight: bold; font-size: 18px; text-decoration: none; color: #716fd2;}
.intbaccheader {font-weight: bold; font-size: 18px; text-decoration: none; color: #336e6d;}
.intbaccheaderleft {font-weight: bold; font-size: 16px; text-decoration: none; color: #336e6d;}
a:link.intbacclink {font-weight:normal; font-size: 13px; text-decoration:none; color: #336e6d;}
a:visited.intbacclink {font-weight:normal; font-size: 13px; text-decoration:none; color: #336e6d;}
a:hover.intbacclink {text-decoration: none; color:#97cc9f}
a:link.intbacclinkwhite {font-weight:normal; font-size: 13px; text-decoration:none; color: #336e6d;}
a:visited.intbacclinkwhite {font-weight:normal; font-size: 13px; text-decoration:none; color: #336e6d;}
a:hover.intbacclinkwhite {text-decoration: none; color:#ffffff}
.youthheader, div.newsentry h3, div.newsentry h4 {font-weight: bold; font-size: 18px; text-decoration: none; color: #ffcc00;}
.bluenewsletter {
display: block;
background-color:#ffcc00;
padding-left:5px;
padding-bottom:6px;
}
.whitenewsletter {
display: block;
background-color:#ffcc00;
padding-left:5px;
padding-top:4px;
font-family: Helvetica, Arial, sans-serif ;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}
.whitetext {
font-family: Helvetica, Arial, sans-serif ;
font-size: 9pt;
text-decoration: none;
color: #FFFFFF;
}
table.mosaic{
color: #ffccoo;
border-color: #ffcc00;
border-width: 1px 1px 1px 1px;
border-style: solid;
}
td.mosaic{
color: #ffccoo;
border-color: #ffcc00;
border-width: 1px 1px 1px 1px;
border-style:solid;
}
td.mosaicwhite{
border-bottom-color:#FFFFFF;
border-left-color:#ffcc00;
border-right-color:#ffcc00;
border-top-color:#ffcc00;
border-width: 1px 1px 1px 1px;
border-style:solid;
}