/*== GENERIC STYLES ==*/
html * { margin: 0; padding: 0; }
img, fieldset { border: 0; }
img { display:block; }
.floatRight { float:right; }
.floatLeft { float:left; }
.largeHead { color: #ff8808; background-color: #FFFFFF; font-weight:bold; font-size:150%; }
.largeCTA { color: #ff8808; background-color: #FFFFFF; font-weight:bold; font-size:170%; }
.orange { color:#FF6600; }
.bold { font-weight:bold; }
.displayBlock { display:block; }
.small { font-size:61%; }
.padding5 { padding:5px; }
.mainContentArea p.bigOrangeCopy, .mainContentArea span.bigOrangeCopy { color:#FF6600; font-size:101%; font-weight:normal; }
.alignRight { text-align:right; }
.clearBoth { clear:both; }
.noMargin { margin:0px; }
/*== MAIN LAYOUT STYLES ==*/
.splitList LI { float: left; width: 200px; }
.gallery { list-style-type: none; padding-top: 5px; }
.gallery LI { float: left; width: 100px; padding-bottom: 12px; }
.textBit P.padding0px { margin-bottom: 3px; }
.lowerNav LI A { text-transform: uppercase; color: #FFFFFF; background-color: #FFA835; }
body {
font-family: Arial, Helvetica, Verdana, sans-serif;
color:#414040;
background-color: #e7e6e2;
font-size: 90%;
padding: 10px 0;
text-align: center; /* IE 5 center trick */
}
#bodyContainer {margin: 0 auto; text-align: left; width:785px; height:auto; background: #FFFFFF url(../images/bck_wht_grad.gif) top left repeat-y; clear:both;}
#bodyContainerWide {margin: 0 auto; text-align: left; width:785px; height:auto; background: #FFFFFF url(../images/bck_wht_grad_nodots.gif) top left repeat-y; clear:both;}
div#head { width:781px; background: url(../images/banner_bg.gif) repeat-y;}
.logo { margin-left:28px; }
.helpline { width:220px; padding-left:0px; padding-right:0px; margin-top:15px; margin-bottom:15px;}
.helpline p { font-size:75%; }
.mainContentArea { float:left; margin-left:27px; display:inline; width:512px; margin-bottom:20px; padding-right:20px;}
#rightPanel { float:right; width:195px; height:auto; /*margin-top:40px; REMOVED AS IT WAS INCONSISTANT*/ padding-right:20px; padding-bottom:10px;}
/*== TOP NAVIGATION STYLES ==*/
ul.topNav { float:right; width:694px; font-family: Arial, Helvetica, Verdana, sans-serif; color:#FFFFFF; font-size:74%; font-weight:bold;}
ul.topNav li { display:inline; background:url(../images/bl_wht_nav.gif) 1px 6px no-repeat; padding-left:10px; display:inline;}
ul.topNav li.first { display:inline; background:none; padding-left:0px;}
/*== LOWER NAVIGATION STYLES ==*/
ul.lowerNav { float:left; margin-left:27px; display:inline; font-family: Arial, Helvetica, Verdana, sans-serif; color:#FFFFFF; font-size:75%; font-weight:bold;}
ul.lowerNav li { display:inline; background:url(../images/bl_wht_nav.gif) 1px 6px no-repeat; padding-left:10px; display:inline; }
ul.lowerNav li.first { display:inline; background:none; padding-left:0px;}
/*== RIGHT HAND PANEL ==*/
#rightPanel h2 { font-weight:normal; color:#333333; margin-bottom:5px; }
.innerColumn h2 { font-weight:normal; color:#FF6600; margin-bottom:5px; }
#rightPanel p { font-size:75%; color:#4D4D4D; margin-bottom:10px; }
#rightPanel A { color: #FF6600; background-color: #ffffff; text-decoration: underline; }
#rightPanel A:HOVER { text-decoration: none; }
.divider { border-top:1px solid #CCCCCC; /*width:187px;*/ margin-top:20px; margin-bottom:20px; }
div#homepageTop { float:left; width:785px; height:125px; background: url(../images/generic_main_head.jpg) bottom left no-repeat; }
div#contactTop { float:left; width:785px; height:125px; background: url(../images/header_contactus_top.jpg) bottom left no-repeat; }
div#whoWeAreTop { float:left; width:785px; height:125px; background: url(../images/head_who_are_we_top.jpg) bottom left no-repeat; }
div#consultTop { float:left; width:785px; height:125px; background: url(../images/header_consultancy.jpg) bottom left no-repeat; }
div#newsTop { float:left; width:785px; height:125px; background: url(../images/header_news_events_top.jpg) bottom left no-repeat;}
div#linksTop { float:left; width:785px; height:125px; background: url(../images/header_links.jpg) bottom left no-repeat;}
div#flatshareTop { float:left; width:785px; height:125px; background: url(../images/header_flat_share_top.jpg) bottom left no-repeat;}
div#peterhouseTop { float:left; width:785px; height:125px; background: url(../images/header_peterhouse_top.jpg) bottom left no-repeat;}
div#getinvolvedTop { float:left; width:785px; height:125px; background: url(../images/header_get_involved_top.jpg) bottom left no-repeat;}
.menuBottomCurves {
float:left;
width:785px;
height:21px;
background:url(../images/nav_bottom.gif) bottom left no-repeat;
}
.secondaryNav { float:left; display:block; background:url('../images/secondary_nav_bg.gif') repeat-y #FFA835; width:781px; height:auto; height: 31px; }
FORM P.notice { font-size: 100%; color: #000000; background-color: #FFFFFF; }
/* Homepage and news & events page specific */
/* ------------------------------------------------- */
#introParaDIV { background: url('../images/intro_para_bg.gif') bottom left no-repeat; width: 559px; margin-bottom: 10px; padding-bottom: 10px; }
#introParaDIV P { margin: 0 25px 8px 30px; font-size:90%; color: #000000; background-color: #FFA835; }
.mainEntry { margin-bottom: 10px; }
.mainEntry img { float: left; margin-right: 15px; }
.mainEntry .textBit { float: left; width: 362px; }
.clearLeft { clear: left; }
.mainEntry .textBit H2, .mainEntry .textBit H3 { font-weight: normal; }
.mainEntry .textBit H3 { font-size:90%; color: #333333; background-color: #FFFFFF; }
#rightPanel .newsEntryDIV { margin-bottom: 10px; }
#rightPanel .newsEntryDIV P { margin: 0; padding: 0 0 2px 0; }
/* --- Added by Shegun Konibire || 08.05.2007 ------ */
/* ------------------------------------------------- */
BLOCKQUOTE { color: #000000; background-color: #FFFFFF; font-size:75%; font-weight: normal; margin: 0 15px 2px 15px; font-style: italic; }
ADDRESS { font-size: 75%; font-style: normal; margin-bottom: 25px; }
ADDRESS SPAN.office { color:#FF6600; font-size: 120%; font-weight: bold; }
/*== LINK STYLES ==*/
A { color:#FFFFFF; text-decoration: none; }
A:hover { color:#4d4d4d; }
ul.topNav li a { color:#FFFFFF; background-color: #ff8808; text-decoration:none; }
ul.topNav li a:hover { color:#4d4d4d; background-color: #ff8808; }
ul.topNav li a:hover, ul.topNav li a.active, ul.lowerNav li a:hover, ul.lowerNav li a.active { color:#4d4d4d; text-decoration:none; }
/*== LIST STYLES ==*/
ul.squares { margin-bottom:15px; }
ul.squares li {font-family: Arial, Helvetica, Verdana, sans-serif; color:#4d4d4d; font-size:75%; margin:0px; list-style-type:none; background:url(../images/bl_squares.gif) left center no-repeat; padding-left:10px;}
ul.noBullet { margin-bottom:15px; }
ul.noBullet li {font-family: Arial, Helvetica, Verdana, sans-serif; color:#4d4d4d; font-size:75%; margin:0px; list-style-type:none;}
/*== HEADER STYLES ==*/
h1 { color:#333333; font-size:130%; font-weight:normal; margin-bottom:10px; }
h2 { font-size:120%; color:#FF6600; margin-bottom: 5px; font-weight: normal; }
/*== MAIN CONTENT STYLES ==*/
.mainContentArea p, #contactLeftPanel p, #contactRightPanel p { font-size:75%; color:#4D4D4D; margin-bottom:10px; }
.mainContentArea A { color: #FF6600; background-color: #ffffff; text-decoration: underline; }
.mainContentArea A:HOVER { text-decoration: none; }
.thumbnail { float:left; width:76px; height:56px; margin-top:14px; margin-right:13px; margin-bottom:13px; }
.thumbnailLast { float:left; width:76px; height:56px; margin-top:14px; margin-bottom:13px; background-color:pink; margin-right:0px; }
.innerColumn { float:left; width:245px; margin-bottom: 10px; }
.wide { width:330px; padding-right: 10px; }
.narrow { width:150px; }
.innerColumn p { margin: 0; margin-bottom: 10px; }
.innerColumn H2 { font-size: 110%; }
.innerColumn H2.orange { color: #FF6600; background-color: #FFFFFF; }
.innerColumn.right { margin-left:13px; display:inline; }
H2.subColHdr { color: #FF6600; background-color: #FFFFFF; font-size: 105%; text-transform: uppercase; }
.innerColumn img { float:left; margin-right:15px; margin-bottom: 7px; }
.copyNextImage { float: left; width:150px; }
.copyNextImage h2 { margin: 0 0 2px 0; color: #000000; background-color: #FFFFFF; font-size: 110%; }
H3 { margin: 0 0 2px 0; color: #000000; background-color: #FFFFFF; font-size: 90%; font-weight: normal; }
H2 A { color: #FF6600; background-color: #FFFFFF; font-weight: bold; font-size: 75%; }
.paddedTop10 { padding-top: 10px; }
P.date, P.newsDate { color: #000000; background-color: #FFFFFF; margin-bottom: 2px; }
#col1, #col2, #col3 { width: 245px; float: left; }
.linkUnit { padding-right: 15px; }
.linkUnit H2 { padding: 0; margin: 0; }
.linkUnit H2 A { padding: 0; margin: 0; text-decoration: underline; }
.linkUnit P { padding-bottom: 10px; }
/*== CONTACT US STYLES ==*/
#contactLeftPanel { float:left; width:250px; margin-right: 10px; }
#contactRightPanel { float:left; width:450px; }
/*== LINKS STYLES ==*/
.full-width .mainContentArea { float:left; margin-left:27px; display:inline; width:735px; background: none;/*width:734px;*/ margin-bottom:20px; padding-right:20px;}
/*== GET INVOLVED STYLES ==*/
.apply-btn {
margin-top: 1em;
}
/*== SITEMAP STYLES ==*/
ul#sitemap {
list-style: none;
}
ul#sitemap li {
width: 30%;
margin-right: 3%;
margin-bottom: 0.5em;
float: left;
border-bottom: 1px solid #ccc;
padding: 6px 0;
font-size: 90%;
}
ul#sitemap li.floatRight {
float: right;
margin: 0;
}
ul#sitemap li a:link,
ul#sitemap li a:visited,
ul#sitemap li a:hover,
ul#sitemap li a:focus,
ul#sitemap li a:active {
color: #000;
}
ul#sitemap li.no-border {
border: none;
}
ul#sitemap li.top-level {
clear: both;
}
ul#sitemap li ul {
list-style: none;
padding: 0 0 0 15px;
}
ul#sitemap li ul li {
float: none;
width: 100%;
font-size: 90%;
border: none;
margin-bottom: 0;
}
ul#sitemap li ul li a:link,
ul#sitemap li ul li a:visited,
ul#sitemap li ul li a:hover,
ul#sitemap li ul li a:focus,
ul#sitemap li ul li a:active
{
color: #FF6600;
}
/*== FOOTER STYLES ==*/
#footer { width:785px; /*height:2.6875em; */ height:19px; background:url(../images/bck_footer.gif) top left no-repeat; clear:both; margin: 0 auto;}
hr { display:none; }
.footerBorder { clear:both; border-top:1px solid #CCCCCC; width:781px; height:1.3em; border-bottom: none; background-color: #FFFFFF; }
.footerAddress { float:left; width:550px; padding-top:5px; padding-left:10px;}
.footerAddress p { font-weight:bold; font-size:71%; }
.footerLinks p { font-weight:normal; font-size:71%; }
.footerLinks P A { color:#FF6600; background-color: #FFFFFF; text-decoration: underline; font-weight: bold; }
.footerLinks P A:HOVER { text-decoration: none; }
.footerLinks { float:right; width:115px; padding-top:5px; }
span.hiddenGap { padding-right:20px; visibility:hidden; }
span.pipe { padding-left:2px; padding-right:2px; }
.imageTextContainer { float:left; width:523px;}
.imageTextContainer img { float:left; padding-right:30px; padding-bottom:50px;}
/* font fixes for main area */
.mainContentArea fieldset {font-size:75%; color:#4D4D4D; margin-bottom:20px; }
/*.mainContentArea ul, */
/* FLAT SHARE FORMS */
.question {clear: left;}
label {float: left; width: 110px; margin: 0 0 6px 0;}
label.description {width: 100%;}
.checkbutton label.checkbuttonlabel {width: 470px;}
.checkbutton input {width: 30px;}
textarea { font-size: 100%; padding:1px; font-family: Arial, Helvetica, Verdana, sans-serif; width: 94%; }
input, select { font-size: 100%; float:left; margin:0 0 6px 0; padding:1px; font-family: Arial, Helvetica, Verdana, sans-serif; }
input { font-size: 100%; width: 120px; font-family: Arial, Helvetica, Verdana, sans-serif;}
select { font-size: 100%; width: 125px; font-family: Arial, Helvetica, Verdana, sans-serif;}
input#SubmitBt { font-size: 100%; width:65px; font-family: Arial, Helvetica, Verdana, sans-serif;}
p.formsmallprint {clear: both; font-size:90%;}
.submitbuttonarea {float:right; font-size:120%;}