/* ---------------------------------------- Overwrite RTE ---------------------------------------- */ html {background: #d5d2b7;} body {background: url(../images/body_background.jpg) repeat-y top;} .no_margin {margin: 0px;} img {border: 0px;} .anchor {clear: both;} /* headings*/ h1 {font-family: Georgia, "Times New Roman", Times, serif; color: #d5d2b7; font-size: 180%; margin: 0px 0px 20px 0px;} h2 {font-family: Georgia, "Times New Roman", Times, serif; color: #7d5530; font-size: 150%; margin: 0px 0px 20px 0px; padding: 0px;} h3 {font-family: Georgia, "Times New Roman", Times, serif; #7d5530; font-size: 130%; margin: 0px 0px 20px 0px;} h4 {font-family: Georgia, "Times New Roman", Times, serif; color: #7d5530; font-size: 110%; margin: 0px 0px 20px 0px;} /* links */ a {color: #a70c10; text-decoration: underline;} a:visited {color: #a70c10; text-decoration: underline;} a:hover {color: #45453c; text-decoration: none;} a:active {color: #45453c; text-decoration: none;} /* header */ .rte-header {display: block;clear: both;height: 105px;background: #012758 url(/images/logo_rteone.gif) no-repeat 10px 28px;} #rte-link-logo {display: block; width: 200px; height: 105px; float: left; } #rte-banner-top {float: right; width: 728px; height: 90px; margin: 7px 7px 0px 0px; position: relative;} #rte-banner-top table tr td {margin: 0px;padding: 0px;border: none;height: 90px;width: 728px;text-align: center;background-color: #012758;} /* navigation*/ #rte-nav-primary {background-color: #015089; clear: both;} #rte-nav-secondary {background-color: #E4F4FC;} .rte-footer {background: #012758} .rte-footer a {color: #ffffff;} /* ---------------------------------------- Main Column ---------------------------------------- */ #main_column {background: url(../images/storybody_background.jpg) repeat-y top left;} /* ---------------------------------------- Left Column ---------------------------------------- */ #left_column h1 {text-indent: -1200px; margin: 0px; padding: 0px; position: relative;} #left_column h1 a {display: block; width: 314px; height: 192px; background: url(../images/recipe_for_success.jpg) no-repeat top left; color: #d5d2b7;} #left_column {text-align: center;} #left_column .ad {position: relative; bottom: 0px; margin: 0px 0px 7px 0px;} /* main navigation */ #left_column #mainnav {width: 222px; margin: 0% auto; font-family: Georgia, "Times New Roman"; font-size: 120%; padding: 0px 0px 30px 0px;} #left_column #mainnav ul {margin: 0px; padding: 10px 0px 0px 0px; background-image: url(../images/sidenav_tile.jpg); text-align: left;} #left_column #mainnav ul li {margin: 0px; padding: 0px; width: 222px; background: url(../images/line_01.gif) no-repeat bottom;} #left_column #mainnav ul li.btm {background-image: url(../images/sidenav_btm.jpg); height: 110px;} #left_column #mainnav ul li a {text-decoration: none; font-size: 120%; color: #252525; display: block; padding: 3px 0px 3px 30px;} #left_column #mainnav ul li a:hover {background: url(../images/icon_01.gif) no-repeat top left; padding: 3px 0px 3px 50px;} #left_column #mainnav ul li ul {margin: 0px; padding: 0px 0px 10px 0px; background: url(../images/line_01.gif) no-repeat bottom; text-align: left;} #left_column #mainnav ul li ul li {margin: 0px; padding: 0px; width: 222px; background: none;} #left_column #mainnav ul li ul li a {text-decoration: none; font-size: 90%; color: #252525; display: block; padding: 3px 0px 3px 65px; background: url(../images/arrow_03.gif) no-repeat top left;} #left_column #mainnav ul li ul li a:hover {background: url(../images/arrow_04.gif) no-repeat top left; padding: 3px 0px 3px 75px;} /* ---------------------------------------- Right Column ---------------------------------------- */ .rte_gr_8#right_column_home {background: url(../images/banner_01.jpg) no-repeat top right; margin: 0px; width: 656px; position: relative;} .rte_gr_8#right_column {background: url(../images/banner_02.jpg) no-repeat top right; margin: 0px; width: 656px; position: relative;} p.banner {font-family: Georgia, "Times New Roman", Times, serif; height: 192px; margin: 0px; color: #ffffff; font-size: 130%; line-height: 24px; padding:25px 20px 0px 0px;} p.banner a {color: #240102; vertical-align: text-bottom;} p.banner a:hover {color: #fbf7ca;} img.banner {margin: 50px 0px 10px 0px;} h2.banner {background: url(../images/line_02.gif) no-repeat bottom left;text-align:center; padding: 55px 0px 40px 0px; margin: 0px;} /* middle column*/ #middle_column {padding: 0px 0px 20px 14px; margin: -20px 0px 0px 0px;} #middle_column p {line-height: 20px;} #middle_column h2.line {background: url(../images/line_02.gif) no-repeat bottom left;text-align:center; padding: 0px 0px 40px 0px; margin: 0px;} #middle_column .line {background: url(../images/line_02.gif) no-repeat bottom left;text-align:center; padding: 0px 0px 40px 0px; margin: 0px;} /* block 1*/ #middle_column .block {clear: both; background: url(../images/line_02.gif) no-repeat bottom left; padding: 0px 0px 30px 0px; min-height: 210px; height:auto !important; height: 210px; } #middle_column .block h2 {text-align: center;} #middle_column .block a {vertical-align: text-bottom;} #middle_column .block p {font-size: 90%; text-align: center; line-height: normal;} #middle_column .block ul {font-size: 90%; text-align: center;} #middle_column .block ul li.title {font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 5px 0px 5px 0px;} #middle_column .block img.float {float: left; padding: 0px 5px 0px 0px;} /* /* block 2*/ #middle_column .block2 {clear: both; background: url(../images/line_02.gif) no-repeat bottom left; padding: 0px 0px 30px 0px; min-height: 230px; height:auto !important; height: 230px; } #middle_column .block2 h2 {text-align: left;} #middle_column .block2 a {vertical-align: text-bottom;} #middle_column .block2 p {font-size: 90%; text-align: left; line-height: normal;} #middle_column .block2 ul {font-size: 90%; text-align: left;} #middle_column .block2 ul li.title {font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 5px 0px 5px 0px;} #middle_column .block2 img.float {float: left; padding: 0px 5px 0px 0px;} /* ---------------------------------------- Player banner ---------------------------------------- */ #playerbanner {background: url(../images/player_bg.jpg) repeat-x top; background-color: #545454; height: 34px; margin: 0px; padding: 0px; margin: 0px 7px 0px 7px; border-bottom: solid 1px #FFF; } .programme {padding: 7px 0px 7px 0px; color: #ffffff;} .programme span.title {color: #ffffff; display: inline; font-size: 17px; font-weight: bold; padding: 0px 10px 0px 5px;} .programme span.programme {color: #ffffff; display: inline; font-size: 13px;} /* /* Player Bug */ #player_bug {height: 0px; clear: both; width: 400px; text-align: right; float: right; margin: 0px 14px 0px 0px; position: relative;} #player_bug p {margin: 0; padding: 0; width: 130px; margin-top: 9px; text-align: left; color: #333; font-size: 11px; position: absolute; top: 0px; right: 110px;} #player_bug a.watch {display: block; background: url(../images/player/bg_player_bug2.jpg) no-repeat top left; width: 400px; height: 33px;} #player_bug a.watch:hover {background: url(../images/player/bg_player_bug2.jpg) no-repeat bottom left;}