body{ font-family:Verdana, Arial, Helvetica, Lucida sans, Gillsans, sans-serif; font-size:11px; color:#000; text-align:center; margin:0px; height: auto; background-color:#0E3259;} /* Any Three Columned pages have a class put into "body" This effects the backgroundImage of the "wrapper" and widths and floats of some of the columns see below */ #wrapper{margin-top:0px;width:760px; text-align:left; margin-left: auto; margin-right: auto; background-color:#fff; background-image:url(../images/wrapperSlice.jpg); background-position:top left; background-repeat:repeat-y; } .threeCol #wrapper{background-image:url(../images/threeColWrapperSlice.jpg);background-position:top left; background-repeat:repeat-y;} #topBanner{ margin:0px; width: 100%; height:62px; background-position:top right; background-repeat:no-repeat;} #internationalNav { width: 100%; padding-top:6px; height: 50px; background-color:#73A4CA } #internationalNav ul{list-style: none; padding: 0; margin: 0 0 3px 0; color:#fff} #internationalNav li{ float: left; padding: 0 0; text-align: center; margin-left: 6px; margin-top: 3px;} #internationalNav li a{ /*line-height: 2.5em;*/ font-size:1.2em; float: left; text-decoration: none; text-align: center; color:#FFFFFF; font-weight:bold;} #internationalNav li a:hover{/*line-height: 2.5em;*/ float: left; color:#FFFFFF; text-decoration: none; text-align: center; } /* Commented backslash hack hides rule from IE5-Mac \*/ #internationalNav li a{float: none} /* End IE5-Mac hack */ /* Commented backslash hack hides rule from IE5-Mac \*/ #internationalNav li a:hover{float: none; color:#31639c} /* End IE5-Mac hack */ #internationalNav h4{color:#990000;padding-left:5px;} #mainNav{background-color:#515466;padding-top:6px; height: 30px; margin-top:-5px; } #mainNav ul{list-style: none; padding: 0; margin: 0;color:#fff} #mainNav li{ float: left; padding: 0 0; text-align: center; margin-left: 6px; margin-top: 5px;} #mainNav li a{ /*line-height: 2.5em;*/ font-size:1.2em; float: left; text-decoration: none; text-align: center; color:#FFFFFF; font-weight:bold;} #mainNav li a:hover{/*line-height: 2.5em;*/ float: left; color:#FFFFFF; text-decoration: none; text-align: center; } /* Commented backslash hack hides rule from IE5-Mac \*/ #mainNav li a{float: none} /* End IE5-Mac hack */ /* Commented backslash hack hides rule from IE5-Mac \*/ #mainNav li a:hover{float: none; color:#ccc} /* End IE5-Mac hack */ #flashPanel{margin:0; padding:0; background-color:#4C7A1B; color:#FFFFFF; xpadding-bottom:4px; border-bottom:#fff 4px solid;width:760px;xheight:245px;} #playerPanel{background-color:#000; color:#FFFFFF;} #sideColumn{position:relative; width:200px; float:left; padding:0;} #sidePod{border-bottom:#fff 1px solid;height:55px; padding:5px 5px 5px 0} #sidePod a{color:#FFFFFF;} #sidePod a:hover{color:#5a39ad} #sidePod img{float:left; border:#fff 2px solid; margin:3px;} #sidePod h1{color:#fff;} #sidePod h1 a{color:#fff; text-decoration:none} #sidePod h1 a:hover{color:#5a39ad; text-decoration:none} #sidePod p{font-size:.9em;color:#FFFFFF} #sidePod.subscribe{height:auto; background-color:#990000} #sidePod.subscribe h1{padding-left:5px;text-transform:none; color:#fff;} #sidePod h1{text-transform:none; color:#fff;padding:0 0 2px 0;} #sidePod p {padding-left:50px;} #sidePod.subscribe form{padding-left:5px;color:#FFFFFF} #sidePod.subscribe form a{color:#FFFFFF} #mainColumn{position:relative;left:0px; width:530px; float:right; padding:10px;xbackground-color: red; xmargin-right:260px; } /* Any Three Columned pages have a class put into "body" This effects the width of mainColumn and float of the second sideColumn that now needs to go right */ .threeCol #mainColumn{ width:330px; float:left;xmargin-left:225px;xbackground-color: green;} #sideColumn.right{float:right;width:200px;} #smallGallery{float:right; clear:none ;padding:10px; margin:10px; border:#000 1px solid;} img.imgRight, img.imgLeft{border:#fff 4px solid; } img.imgRight{margin: 5px 0 2px 5px; float:right;padding:0} img.imgLeft{margin: 5px 5px 2px 0; float:right;padding:0} #imageWithInfo{width:180px; float:left;border:red 1px solid;} /*this is a gallery that spans the width of the page in the galleries page*/ #fullGallery{float:left; padding:5px; width:100%; } /*this is a gallery inside a news story*/ #footer{clear:both;text-align:left; background-color:#fff;padding:20px 0 0 10px; font-size:.9em; color:#999999;} .blackLink{ color:#000000;} .whiteLink{color:#ffffff;} .footerLink{color:#777777;} .highlight{font-size:1.4em; text-decoration:underline;} /*these are the default link colours -- these get overwritten for the nav bars but not for other links*/ a{text-decoration:underline;color:#5a39ad} a:hover{text-decoration:none;color:#5a39ad;} a:visited{color:#5a39ad;} p{padding:0 12px; margin:0 0 10px 0 } p a {font-weight:bold} img.imgRight, img.imgLeft{border:#fff 4px solid; } img.imgRight{margin: 5px 0 2px 5px; float:right;padding:0} img.imgLeft{margin: 5px 5px 2px 0; float:right;padding:0} hr {color: #aca899; background-color: #aca899; height: 1px;} h1,h2,h3,h4,h5,h6{ padding:0 0 8px 0; margin:10px 0 3px 0; font-weight:bolder;display:block;text-decoration:none; } h1{font-size:1.4em; text-transform:uppercase; color:#5a39ac} h2{font-size:1.3em;text-decoration:none;} h3{font-size:1.2em;} h4{font-size:1.1em;} /*we use h5 to do dates etc under the headings for new etc these h tags are styled by .arrow or simialr so we need to indent the h5 as well*/ h5{font-size:1.0em;color:#777;font-size:.9em;} h6{font-size:.9em;} .arrow{background-image: url(../images/blackPage.gif);background-repeat: no-repeat;background-position: left;padding-left: 12px;} .whiteGrid{background-image: url(../images/whiteGrid.gif);background-repeat: no-repeat;background-position: left;padding-left: 10px;} .blackGrid{background-image: url(../images/blackGrid.gif);background-repeat: no-repeat;background-position: left;padding-left: 10px;} blockQuote{ font-size:1.2em; font-weight:bold; font-style:italic; border-left:#4C7A1B 2px solid;text-align:justify;margin:25px 0 25px 0;padding:0 50px 0 15px} blockQuote p{padding:0 0 0 0; margin:0 0 10px 0}