/* common.css */

/* START ESSENTIALS */

#outerContainer {
 width:100%;
}

.clearBoth {
 clear:both;
 margin:0;
 padding:0;
}

.displayBlock {
 display:block;
 border:0;
}

.mainRed {
 font-weight:normal;
}

.date {
 font-weight:bold;
}

.paddingLeftRight10 {
 padding-left:10px;
 padding-right:10px;
}

.fileSize {
 font-weight:normal;
 color:#000000;
}

.important {
 font-weight:bold;
 padding-top:10px;
 padding-bottom:10px;
}

.errorMsg {
 font-weight:bold;
 color:#CC0000;
 margin-top:10px;
 margin-bottom:10px;
}

/* END ESSENTIALS */



/* START TOP HEADER CONTAINERS */

#topBorder {
 border-top:4px solid #000000;
}

#topHeaderContainer {
 width:99.9%;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:100%; 
}

html>body #topHeaderContainer {
 width:100%;
}

/* END TOP HEADER CONTAINERS */



/* START IOP LOGO */

#iopLogo {
 float:left;
 width:37%;
 margin-top:2px;
}

/* END IOP LOGO */



/* START SEARCH AND SECONDARY NAV AREA */

#topHeaderRight {
 float:right;
 width:62.9%;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:63%; 
}

html>body #topHeaderRight {
 width:63%;
}

.searchNavContainer {
 float:right;
 width:100%;
}

.secondaryNavOuter {
 float:right;
 width:auto;
 overflow:hidden;
 position:relative;
 padding-top:2px;
 padding-bottom:2px;
}

.secondaryNavOuter a {
 margin-right:8px;
 text-decoration:none;
 color:#000000;
 font-weight:bold;
 padding-left:6px;
 padding-top:2px;
 padding-right:9px;
 padding-bottom:2px;
 /*background:url(../media/furniture/arrows/red_secnav.gif) no-repeat 5px 7px;*/
}

html>body .secondaryNavOuter a {
 /*background:url(../media/furniture/arrows/red_secnav.gif) no-repeat 5px 5px;*/
}

.secondaryNavOuter a:hover, .secondaryNavOuter a.on {
 color:#ffffff;
 background:#cc001e;
 /*background:url(../media/furniture/arrows/white_secnav.gif) no-repeat 5px 7px #cc001e;*/
}

html>body .secondaryNavOuter a:hover, .secondaryNavOuter a.on {
 background:#cc001e;
 /*background:url(../media/furniture/arrows/white_secnav.gif) no-repeat 5px 5px #cc001e;*/
}

#secondaryArrow1, #secondaryArrow2 {
 font-family:geneva,arial,helvetica,sans-serif;
 font-weight:normal;
 color:#cc001e;
}

#secondaryArrow1on, #secondaryArrow2on {
 font-family:geneva,arial,helvetica,sans-serif;
 font-weight:normal;
 color:#ffffff;
}

.searchBoxOuter {
 margin-top:2px;
 float:right;
 width:auto;
 border-left:1px solid #b2b2b2;
 padding-left:8px;
}

.searchBoxOuter a {
 color:#cc001e;
 text-decoration:none;
 padding-left:0px;
 padding-top:2px;
 padding-right:9px;
 padding-bottom:2px;
}

.searchBoxOuter a:hover {
 text-decoration:underline;
}

.searchButton {
 padding:0;
 margin:0;
 margin-top:-2px;
 font-size:100%;
 font-family:arial, helvetica, sans-serif;
}
 
html>body .searchButton {
 padding-left:5px;
 padding-right:4px;
 margin-top:-2px;
 margin:0; 
 font-size:100%; 
 font-family:arial, helvetica, sans-serif;
}

.searchInput {
 width:150px;
 padding-right:5px;
 padding-left:5px;
 voice-family: "\"}\"";
 voice-family:inherit;
 margin-top:2px;
}

/* END SEARCH AND SECONDARY NAV AREA */



/* START HORIZONAL SEPARATOR */

.horizontalSeparator {
 margin-top:8px;
 border-bottom:1px solid #999999;
}

html>body .horizontalSeparator {
 margin:0;
 padding-top:8px;
}

.colouredHorizontalSeparator {
 margin-top:16px;
}

html>body .colouredHorizontalSeparator {
 margin:0;
 padding-top:16px;
}

/* END HORIZONTAL SEPERATOR */



/* START MAIN NAVIGATION */

#mainNavigationContainer {
 float:left;
 width:100%;
 font-weight:bold;
}

.mainNavButton {
 float:left;
 padding-left:1px;padding-right:1px;
 border-right:1px solid #999999;
}

.mainNavButtonLast {
 float:left;
 padding-left:1px;padding-right:1px;
}

.mainNavButton a, .mainNavButtonLast a {
 display: block;
 float: left;
 padding: 3px 6px 3px 6px;
 text-decoration: none;
 color: #333333;
 background-color:#ffffff;
}

a.homeOn, a.home:hover, a.aboutusOn, a.aboutus:hover, a.vacanciesOn, a.vacancies:hover, a.redOn, a.red:hover {
 background: #cc001e;
 color:#ffffff;
}

a.ouractivitiesOn, a.ouractivities:hover, a.blueOn, a.blue:hover {
 background:#009cce;
 color:#ffffff;
}

a.newsOn, a.news:hover, a.greenOn, a.green:hover {
 background:#5aa529;
 color:#ffffff;
}

a.membershipOn, a.membership:hover, a.orangeOn, a.orange:hover {
 background:#f47700;
 color:#ffffff;
}

a.conferenceseventsOn, a.conferencesevents:hover, a.aquaOn, a.aqua:hover {
 background:#1eba93;
 color:#ffffff;
}

a.yellowOn a.yellow:hover {
 background:#f7b100;
 color:#000000;
}
/* END MAIN NAVIGATION */



/* START BREADCRUMB */

#breadcrumb {
 margin-left:6px;
 margin-top:5px;
 margin-bottom:8px;
}

#breadcrumb a {
 text-decoration:underline;
}

/* END BREADCRUMB */



/* START TEMPLATE COLUMN WIDTHS */

#templateColumnContainer {
 position:relative;
 float:left;
 width:100%;
}

#threeColLeft {
 float:left;
 width:77.9%;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:78%;  
}

html>body #threeColLeft {
 width:78%;
}

#threeColRight, #twoColRight {
 float:right;
 width:21.9%;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:22%;
 /*background:pink;*/
}

#threeColLeft .leftCol {
 /*background:pink;*/
 float:left;
 width:27%;
}

.mainHeaderPadding {
 padding-top:59px;
 padding-left:60px;
}

#threeColLeft .middleCol {
 /*background:yellow;*/
 float:left;
 width:72.9%;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:73%;  
}

html>body #threeColLeft .middleCol {
 width:73%;
}

#threeColLeft .middleColTemplateThree {
 /*background:yellow;*/
 float:left;
 width:72.9%;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:73%;  
}

#twoColLeftTemplateThree {
 float:left;
 width:77.9%;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:78%;  
}

html>body #twoColLeftTemplateThree {
 width:78%;
}

#twoColLeft .leftCol {
 float:left;
 width:21%;
}

#twoColMargin {
 float:left;
 width:2%;
}

#twoColMain {
 float:left;
 width:76.9%; 
}

html>body #twoColMain {
 width:77%;
}

/* END TEMPLATE COLUMN WIDTHS */



/* START MARGINS */

.middleColOuterMargins {
 margin-left:4%;
 margin-right:3%;
}

.templateThreeOuterMargins {
 margin-left:52px;
 margin-right:3%;
}

/* END MARGINS */



/* START HEADERS */

a.headerLink {
 text-decoration:none;
 margin:0;
}

h1.image {
 margin:0;
 padding:0;
}

h2 {
 margin:0;
 padding-left:8px;
 padding-top:6px;
 padding-bottom:5px;
 padding-right:8px;
}

h3, h4, h5 {
 padding-left:10px;
 margin:0;
 padding-top:6px;
 padding-bottom:5px;
}

h3.copy {
 padding-top:19px;
 padding-bottom:17px;
 font-weight:bold;
}



/*.boxHeader {
 position:relative;
 float:left;
 background:#cc001e;
 padding-top:5px;
 padding-bottom:5px;
 width:98%;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:100%;
}

html>body .boxHeader {
 width:100%;
}

.middleCol .boxHeader {
 float:none;
 background:#990000;
 width:100%;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:103%; 
}

html>body .middleCol .boxHeader {
 width:100%;
}

.boxHeader h3, .boxHeader h4, .boxHeader h5 {
 padding-top:0;
 padding-bottom:0;
 color:#ffffff;
 font-weight:normal;
}*/

h4.withBorder {
 padding-top:6px;
 padding-bottom:5px;
 font-weight:bold;
}

/* END HEADERS */



/* START PARAGRAPHS */

p {
 padding:0;
 margin:0;
 margin-top:10px;
 margin-bottom:20px;
 padding-left:10px;
 padding-right:10px;
 line-height:1.5em
}

p.noPadLeft, p.smallNoPadLeft {
 padding-left:0px;
}

p.noPadLeftBot5 {
 padding-left:0px;
 margin-bottom:5px;
}



p.noPadLeftnoMarginBot {
 padding-left:0px;
 margin-bottom:0px;
}

p.noMarginTop {
 margin-top:0px;
 line-height:1.2em;
}

p.smallNoMarginTop {
 margin-top:0px;
 margin-bottom:10px;
 line-height:1em;
}

.boxContainer p {
 clear:both;
 margin:0;
 padding-top:5px;
 padding-bottom:5px;
 line-height:1.2em;
}

p.margin5 {
 line-height:1.2em;
 margin-top:5px;
 margin-bottom:5px;
}

p.smallMargin5 {
 line-height:1.2em;
 margin-top:5px;
 margin-bottom:5px;
}

/* END PARAGRAPHS */



/* START LISTS */

ul {
 position:relative;
 list-style:none;
 padding:0;
 margin:0;
}


ul li {
 padding:0;
 padding-top:4px;
 /*padding-bottom:4px;*/
 margin:0;
}

#leftNavContainer ul li,
a.formButton {
 font-weight:bold;
}

#leftNavContainer ul li ul li {
 font-weight:normal !important;
}

ul li ul {
 border-bottom:none; /* this means only the top level ul will have a border at the bottom */
}

ul li a, a.formButton, a.highLight, a.back /* formButton is used in right hand side */ {
 display:block; /* this will inherit all the way down to allow wrapping to occur without going underneath the arrow */
 padding-left:10px;
 text-decoration:none;
}

a.midFormButton {
 padding-left:10px;
 text-decoration:none;
 font-weight:bold;
}

ul li a {
 padding-bottom:4px;
}

ul li ul li {
 /*font-size:75%;*/
}

ul li ul li a {
/*
 padding:0;
 padding-left:19px;
 padding-bottom:4px; 
*/
 font-weight:normal;  /* inherits down */
}

ul li.levelTwo ul li a.on {
 padding-bottom:4px;
}

ul li ul li ul {
 padding-bottom:4px;
}

ul li ul li ul li {
 font-size:100%; /* this is 100% of the second level size so it gives the same font size */
 border-top:0px;
}

ul li ul li ul li a {
 padding:0;
 padding-left:29px;
 padding-bottom:5px;
}

/* New Classes added for New levels of Navigation - BC - 26072006 */

ul li ul li ul li ul li{
 font-size:100%; /* this is 100% of the second level size so it gives the same font size */
 border-top:0px;
}

ul li ul li ul li ul li a {
 padding:0;
 padding-left:40px;
 padding-bottom:5px;
}

ul li ul li ul li ul li ul li {
 font-size:100%; /* this is 100% of the second level size so it gives the same font size */
 border-top:0px;
}

ul li ul li ul li ul li ul li a {
 padding:0;
 padding-left:50px;
 padding-bottom:5px;
}

ul li ul li ul li ul li ul li ul li{
 font-size:100%; /* this is 100% of the second level size so it gives the same font size */
 border-top:0px;
}

ul li ul li ul li ul li ul li ul li a {
 padding:0;
 padding-left:60px;
 padding-bottom:5px;
}

/* end */


ul.topItems {
 border-bottom:0;
}

ul.topItems li {
 padding-top:5px;
 padding-bottom:5px;
}

a.highLight, a.back {
 font-weight:bold;
}

li.first {
 border-top:none;
}

ul.squares, ul.downloads {
 border:0;
 list-style:none;
 padding:0;
 margin:0;
}

ul.squares li, ul.downloads li {
 padding:0;
 margin:0;
 border:0;
}

ul.squares li a, ul.downloads li a {
 display:block; /* this will inherit all the way down to allow wrapping to occur without going underneath the arrow */
 padding-left:10px;
 text-decoration:none;
 font-weight:bold;
}


ul.siteMap, ul.siteMap li ul, ul.siteMap li ul li ul, ul.siteMap li ul li ul li ul, ul.siteMap li ul li ul li ul li ul {
 border:0;
 list-style:none;
 padding:0;
 margin:0; 
 border-bottom:none;
}

ul.siteMap li, ul.siteMap li ul li, ul.siteMap li ul li ul li,  ul.siteMap li ul li ul li ul li {
 padding:0;
 margin:0;
 border:0;
 padding-left:20px;
 padding-top:5px;
 border-bottom:none; 
}

ul.siteMap li a {
 border:0;
 background:none;
 padding:0;
 padding-left:10px;
 background:url(../media/furniture/arrows/red_sq_4x4.gif) no-repeat 0px 6px; 
 color:#000000;
}
ul.siteMap li ul li a {
 background:url(../media/furniture/arrows/aqua_sq_4x4.gif) no-repeat 0px 6px; 
}
ul.siteMap li ul li ul li a {
 background:url(../media/furniture/arrows/orange_sq_4x4.gif) no-repeat 0px 6px; 
}
ul.siteMap li ul li ul li ul li a {
 background:url(../media/furniture/arrows/blue_sq_4x4.gif) no-repeat 0px 6px; 
}
ul.siteMap li ul li ul li ul li ul li a {
 background:url(../media/furniture/arrows/green_sq_4x4.gif) no-repeat 0px 6px; 
}
ul.siteMap li ul li ul li ul li ul li ul li a {
 background:url(../media/furniture/arrows/yellow_sq_4x4.gif) no-repeat 0px 6px; 
}
ul.siteMap li ul li ul li ul li ul li ul li ul li a {
 background:url(../media/furniture/arrows/purple_sq_4x4.gif) no-repeat 0px 6px; 
}
/* END LISTS */



/* START FORM ELEMENTS */

form {
 margin:0;
 padding:0;
}

input {
 font-size:100%;
}

.textInput {
 width:120px;
 padding-right:5px;
 padding-left:5px; 
 voice-family: "\"}\"";
 voice-family:inherit;
 margin-top:2px;
}

html>body .textInput {
 width:130px;
}

.outerFormWidth {
 width:90%;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:100%;
}

.leftColumn {
 float:left;
 width:40%;
 margin:0px;
}
 
.rightColumn {
 float:left;
 width:50%;
 margin:0px;
}

.fieldContainer {
 float:left;
 width:100%;
 margin-top:0px;
 margin-bottom:2px;
}

.formLabel  {
 float:left;
 width:40%;
 text-align:left;
 margin-top:4px;
 margin-right:5px;
 font-weight:bold;
}

.formLabelLong  {
 float:left;
 width:90%;
 text-align:left;
 margin-top:4px;
 margin-right:5px;
 font-weight:bold;
}

.formCheckLabel {
 float:left;
 width:80%;
 text-align:left;
 margin-top:3px;
 margin-right:5px;
 font-weight:normal;
}

html>body .formCheckLabel {
 float:left;
 width:80%;
 text-align:left;
 margin-top:2px;
 margin-right:5px;
}

.formField .day {
	float:left;
	width:50px;
	height:20px;
	margin-top:0px;
	margin-right:2px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:48px;
	height:16px;
 	font-family:verdana, arial, helvetica, sans-serif;	
 	font-size:90%;
}

.formField .select {
	float:left;
	width:auto;
	height:auto;
	margin-top:0px;
	margin-right:2px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:auto;
	height:auto;
 	font-family:verdana, arial, helvetica, sans-serif;	
 	font-size:90%;
}

.formField .textinput {
	float:left;
	width:175px;
	height:20px;
	margin-top:0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:173px;
	height:16px;
 	font-family:verdana, arial, helvetica, sans-serif;	
 	font-size:90%;
}

.formField .textareainput {
	overflow:hidden;
	position:relative;
	float:left;
	width:350px;
	height:100px;
	margin-top:0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:350px;		
 	font-family:verdana, arial, helvetica, sans-serif;	
 	font-size:90%;
}

.checkBox {
	float:left;
	height:auto;
	width:auto;
	margin:0;
	padding-right:5px;
}

.formLabelText {
 margin-top:0px;
}

.button {
 font-size:100%;
 padding:2px 3px 2px 3px;
 margin:0;
 font-family:verdana, arial, helvetica, sans-serif; 
 margin-right:20px;
}

/* END FORM ELEMENTS */



/* START TABLES */

table { margin:10px; }
/*width:85%;
 voice-family: "\"}\"";
 voice-family:inherit; 
 width:92%;
} */
table p { margin:0px; padding:0px }
th {
 padding-top:10px;
 text-align:left;
 padding-left:10px;

 font-size:80%; 
 voice-family: "\"}\"";
 voice-family:inherit; 
 font-size:100%;
}/*removed  width:30%; */

td {
 padding-top:10px;
 padding-left:10px;
 font-size:80%; 
 voice-family: "\"}\"";
 voice-family:inherit; 
 font-size:100%; 
}/* removed width:70%; */

/*table {
 width:93%;
 voice-family: "\"}\"";
 voice-family:inherit; 
 width:100%;
}*/



table.example2 {
 width:100%;
}

table.example2 th {
 text-align:left;
 font-weight:bold;
 padding:6px 7px 4px 7px;
 font-size:80%; 
 voice-family: "\"}\"";
 voice-family:inherit;   
 font-size:100%;
}

table.example2 th.last {

 border:0;
}

table.example2 td {
 width:25%;
 padding:6px 7px 4px 7px;
 font-size:80%; 
 voice-family: "\"}\"";
 voice-family:inherit;   
 font-size:100%;
}

table.example2 td a {
 font-weight:bold;
 text-decoration:none;
}

table.example2 td a:hover {
 text-decoration:underline;
}

/* END TABLES */



/* START SPECIFIC LINKS */

a.headerLink {
 text-decoration:none;
 margin:0;
}

a.toTheTop {
 text-decoration:none;
 font-weight:bold;
 padding-left:5px;
 padding-right:5px;
}

a.toTheTop:hover {
 text-decoration:underline;
}

.toTheTopArrows {
 font-weight:bold;
}

p a {
 font-weight:bold;
 text-decoration:none;
}
table a {
 font-weight:bold;
 text-decoration:none;
}
p.small a {
 text-decoration:underline;
}

p.small a.color {
 font-weight:bold;
 text-decoration:none;
}

p.small a.color:hover {
 text-decoration:underline;
}

.pagination {
text-align:right;
}

.pagination p.small {
 padding-bottom:0px;
 margin-bottom:0px;
 word-spacing:3px;
}

.pagination p.small a {
 text-decoration:underline;
}

.pagination p.small a.arrows {
 text-decoration:none;
}

a:hover, .pagination p.small a.arrows:hover, ul li a:hover  {
 text-decoration:underline;
}





/* END SPECIFIC LINKS */


/* START PICTURE PADDING */
.picPaddingContainer {
 float:left;
 padding-right:15px;
 padding-bottom:15px;
 padding-left:10px;
 voice-family: "\"}\"";
 voice-family:inherit;
 padding-left:4px; 
}

html>body .picPaddingContainer {
 padding-left:10px;
}

/* for picPaddingBorderTwo see relevant colour route */

.picPaddingBorderOneNoRight, .picPaddingBorderThreeNoRight {
 border-right:0px;
}

.bigPicContainer {
 padding-left:10px;
 width:365px;
}


/* END PICTURE PADDING */



/* START IMAGE CREDITS */

.imageCredit {
 padding-left:8px;
 padding-top:4px;
 padding-bottom:4px;
}

.imageCredit a {
 color:#000000;
 text-decoration:none;
}

.imageCredit a:hover {
 text-decoration:underline;
}

.underImageCredit {
 padding-left:0px;
 padding-top:4px;
 padding-bottom:4px;
 text-align:left
}

/* END IMAGE CREDITS */



/* START BOXES */

.imageOverviewContainer, .imageLeftContainer {
 overflow:auto;
 width:100%;
}

.imageLeftContainer {
 border-bottom:0px;
}

.imageSmallContainer {
 float:right;
 width:auto;
}

.imageSmallCopyContainer p {
 margin-top:5px;
 margin-bottom:5px;
}

.imageBigContainer {
 float:right;
 width:146px;
}

.imageSmallCopyContainer {
 padding-right:84px;
}

.imageBigCopyContainer {
 padding-right:146px;
}


.imageContainer {
 float:left;
 width:145px;
}

.imageCopyContainer {
 padding-left:150px;
}


.boxContainer {
 float:left;
 padding-bottom:5px; 
 width:98%;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:99%;
}

html>body .boxHeader {
 width:100%;
}

/* END BOXES */



/* START FOOTER */

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

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

#footerNavigationLeftTemplateThree {
 width:52px;
 float:left;
}

#footerNavigation {
 float:left;
}

.footerNavButton {
 float:left;
 padding-left:1px;padding-right:1px;
}

.footerNavButtonLast {
 float:left;
 padding-left:1px;padding-right:1px;
}

.footerNavButton a, .footerNavButtonLast a {
 display: block;
 float: left;
 padding: 0px 10px 0px 10px;
 text-decoration: none;
}

/* END FOOTER */



/* START SPACERS */

.fiveSpacer {
 height:5px;
 overflow:hidden;
}

.tenSpacer {
 height:10px;
 overflow:hidden; 
}

.thirteenSpacer {
 height:13px;
 overflow:hidden; 
}

.fourteenSpacer {
 height:14px;
 overflow:hidden; 
}

.fifteenSpacer {
 height:15px;
 overflow:hidden; 
}

.twentySpacer {
 height:20px;
 overflow:hidden; 
}

.twentyFourSpacer {
 height:24px;
 overflow:hidden; 
}

.twentyFiveSpacer {
 height:25px;
 overflow:hidden; 
}

.thirtySpacer {
 height:30px;
 overflow:hidden; 
}

.thirtyFiveSpacer {
 height:35px;
 overflow:hidden; 
}

.fiftySpacer {
 height:50px;
 overflow:hidden; 
}

.oneHundredSpacer {
 height:100px;
 overflow:hidden; 
}

/* END SPACERS */


/* START ADDITIONAL STYLES */

.doubleCaptionsOuter {
width:100%;overflow:hidden;padding-top:10px;
}

.doubleCaptionsContainer {
width:47%;float:left;overflow:hidden;
}

.doubleCaptionsDivider, .trebleCaptionsDivider {
float:left;width:5%;
}

.doubleCaptionsDivider3 {
float:left;width:3%;
}

p.noTopBot10 {
 margin-top:0px;
 margin-bottom:10px;
 line-height:1.2em;
}

p.top5Bot5 {
 margin-top:5px;
 margin-bottom:5px;
 line-height:1.2em;
}

p.top5Bot515 {
 margin-top:5px;
 margin-bottom:5px;
 line-height:1.5em;
}

p.top5Bot1015 {
 margin-top:5px;
 margin-bottom:10px;
 line-height:1.5em;
}

p.top5Bot10 {
 margin-top:5px;
 margin-bottom:10px;
 line-height:1.2em;
}

p.top10Bot10 {
margin-bottom:10px;margin-top:10px
}

.clearLeft {
 clear:left;
}

.overflowHidden {
overflow:hidden
}

.clearLeftOverflow {
 clear:left;
 overflow:hidden;
}

.top20overflowHidden {
 overflow:hidden;
 margin-top:20px;
}

.trebleContainer {
width:30%;float:left;
}
.trebleContainerlast {
width:30%;float:right;
}
.fourtySevenWidth {
width:47%;float:left;
}

.galleryOuter {
padding-left:10px;
}

.galleryPicContainer {
float:left; text-align:center
}

.galleryDivider {
float:left;margin:5px;
}/* removed width:10px added margin:5px */

.searchMidOuter {
border-bottom:1px solid #f47700;overflow:hidden;
}

.eventsLinksOuter {
border-top:1px solid #1eba93;border-bottom:1px solid #1eba93;overflow:hidden;width:99.9%
}

.eventsBoxBorder {
border-bottom:1px solid #1eba93;
overflow:hidden;
}

/* END ADDITIONAL STYLES */


/* START HOME */

.blackBorder {
float:right;border-right:6px solid #000000;border-bottom:6px solid #000000;overflow:hidden;
}

html>body .blackBorder {
 width:99.5%;
}

.homeLeftContainer {
float:left;width:75.9%;
}

.homeLeftHeader {
padding-top:65px;padding-left:57px
}

.latestNewsContainer {
float:left;width:312px
}

.bigImageBorderOne {
border-top:1px solid #ffffff;border-left:1px solid #ffffff
}

.bigImageBorderTwo {
border:3px solid #5ba12b
}

.bigImageBorderThree {
border:1px solid #ffffff
}

p.underTitle {
padding-left:13px;margin-bottom:10px;
}

.halfBannerContainer {
padding-left:40px;padding-top:17px;
}

.ourActivitiesContainer {
padding-left:320px
}

.ourActivitiesBorders {
border-left:1px solid #0099cc;border-bottom:2px solid #0099cc
}

.ourActivitiesHeader {
background:#0099cc
}

.homeToTheTopPadding {
padding-left:5px;padding-top:10px;padding-bottom:10px;
}

.homeRightContainer {
float:right;width:24%;background:white
}

.homeRightBorderLeft {
border-left:4px solid #ffffff;
}

.homeRightBorderTop {
border-top:24px solid #000000;position:relative;
}

.membersOuter {
padding-left:7px;padding-right:4px
}

.membersHeader {
background:#cc001e
}

.logInBorders {
border-left:1px solid #000000;border-bottom:2px solid #000000
}

p.login {
padding-left:13px;line-height:1em;margin-bottom:10px;padding-top:10px
}

p.login a {
 color:black;
}

.publishingContainer {
padding-left:7px;padding-right:4px
}

.publishingHeader {
background:#000000
}

.publishingPicContainer {
float:right;width:73px;padding-top:20px
}

.publishingPadding {
padding-right:75px;padding-top:20px;padding-bottom:30px
}

.funContainer {
padding-left:7px;padding-right:4px;
background:url(../media/furniture/sample_pictures/fun.jpg) no-repeat 8px bottom;
}

.funSpacer {
 overflow:hidden;
 height:155px;
}

.funHeader {
background:#fcbc04
}

p.fun {
padding-left:13px;margin-bottom:10px;margin-top:10px;
}

.languagesContainer {
padding-left:13px;padding-top:5px;
}

.languagesBorders {
border-top:1px solid #7f7f7f;border-bottom:2px solid #7f7f7f;
}
.rx_ephox_inlinevariant { padding:0 10px; float:left }
#careersthink {
	margin: 0px;
	padding: 0px;
}
#careersthink .mainthink {
	 width:95%; 
	 background-image:url(/activity/careers/webballs.jpg); 
	 background-position:bottom right; 
	 background-repeat:no-repeat; 
	 font-size:90%;
}
#careersthink .thinktext {
	float:left;
	width:22em;
	}
#careersthink .largethinktext1 {
	font-size:140%;
	font-weight:800;
	}
#careersthink .largethinktext2 {
	font-size:140%;
	font-weight:800;
	margin:0px;
	padding:0px;
	} 
#careersthink .thinkfooter {
	margin:0px; 
	padding:0px; 
	background-color:#000000; 
	text-align:center; 
	height:40px;}
/* END HOME */