/* CSS Document */ /*--------------------------------------- General Structure -----------------------------------------*/ #container_header {width:971px; height:127px; margin-left:auto; margin-right:auto; background:url(/images/header.jpg) no-repeat left top; } #container{ position:relative; border:#000000 0px solid; padding:0px 0px 0px 0px; margin-top:8px; margin-left:auto; margin-right:auto; width:816px; } #header { width:100%; height:28px; margin:0px; padding:0px; position:relative;} #brighter_futures { position:absolute; right:0px; top:55px; background:url(../images/developing_brighter_futures_blue.gif) no-repeat top left; width:147px; height:69px; z-index:100; } #logo { width:217px; height:113px; margin:0px; padding:0px; } #main { width:100%; margin:0px 0px 0px 0px; } #slideshow { padding:11px 0px 0px 11px; width:805px; height:194px; display:block; background:url(/images/slideshow_bac.jpg) no-repeat left top; margin:10px 0px 10px 0px;} ul#slidethis {margin:0px !important; padding:0px !important;} ul#slidethis li {margin:0px !important; padding:0px !important;} .hidden {display:none;} #sidebar { width:247px; display:block; float:left; min-height:391px; height:auto !important; height:396px; background:#30B1E6; float:left; margin:16px 0px 0px 0px; padding:0px 9px 0px 11px; position:relative; } .sidebar_top { background:url(../images/top.gif) no-repeat top left; position:absolute; top:-13px; left:0px; width:287px; height:13px;} .sidebar_bottom { background:url(../images/bottom.gif) no-repeat top left; width:287px; height:19px; position:absolute; bottom:-19px; left:0px;} #content_main { width:542px; margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important; height:300px;} #content {width:268px; float:left;} .bluebox {position:relative; width:250px; margin:14px 0px 34px 0px; background:#F90000; min-height:179px; height:auto !important; height:179px; display:block; padding:0px 9px 0px 9px; } .blueboxtop { background:url(../images/top_blue.gif) no-repeat; width:268px; height:12px; position:absolute; top:-12px; left:0px; } .blueboxbottom { background:url(../images/bottom_blue.gif) no-repeat; width:268px; height:12px; position:absolute; bottom:-12px; left:0px; } .bluebox p { color:#FFF; font-size:1em; font-style:italic;} .bluebox p.author { color:#FFF; font-size:1.1em !important; font-style:normal !important; font-weight:bold;} .bluebox ul { margin:0px auto 0px auto; padding:0px; width:232px;} .bluebox ul li { margin:0px; background:none; padding:0px; list-style:none;} #sidebar_right { width:247px; display:block; float:left; min-height:391px; height:auto !important; height:396px; background:#30B1E6; float:right; margin:16px 0px 0px 0px; padding:0px 9px 0px 11px; position:relative; } #sidebar_right_top { background:url(../images/top.gif) no-repeat top left; position:absolute; top:-20px; left:0px; width:287px; height:20px;} #sidebar_right_bottom { background:url(../images/bottom.gif) no-repeat top left; width:287px; height:19px; position:absolute; bottom:-19px; left:0px;} #latest_news a {color:#fff; font-weight:bold; font-size:1.2em; display:block; background:url(../images/arrow_news2.gif) no-repeat right bottom; margin:10px 0px 20px 0px; text-decoration:underline; padding:0px 0px 2px 0px; position:relative; z-index:100;} .latest_news { margin-bottom:25px; } .latest_news a {font-weight:bold; font-size:1.2em; background:url(../images/arrow_news.gif) no-repeat right bottom; margin:10px 0px 20px 0px; text-decoration:underline; padding:0px 22px 0px 0px; position:relative; z-index:100;} #sidebar_right h1 {color:#fff;} #footer { width:100%; height:22px; margin:30px 0px 0px 0px; padding:0px; } #footer_nav { color:#666666; font-size:1.1em; display:block; float:left; margin-bottom:20px;} #footer_nav a { color:#666666; } #footer_copy { color:#666666; font-size:1.1em; display:block; float:right;} #footer_copy a { color:#666666; } .clear { clear:both; } #sidebar p {color:#fff !important;} #sidebar h1 {color:#fff !important;} #textpage_side {width:267px; display:block; float:left;} #textpage {width:507px; position:relative; display:block; float:right; margin:0px 0px 14px 0px; min-height:400px; height:auto !important; height:400px; padding:0px 17px 0px 12px;} #textpage .latest_news a {background:none;} .paging {width:100%; height:23px; background:url(../images/paging.gif) no-repeat top right; margin:10px 0px 0px 0px;} .pages { display:block; float:right; padding:3px 9px 0px 0px; font-size:1.2em; color:#ffffff; font-weight:bold;} .pages a {color:#ffffff;} .page { display:block; float:left; padding:3px 0px 0px 11px; font-size:1.2em; color:#ffffff; font-weight:bold;} #slide ul {margin:0px; padding:0px;} #slide ul li { margin:0px; padding:0px; list-style:none; background:none;} #textpage_side #slide ul {margin:0px; padding:0px;} #textpage_side #slide ul li { margin:0px; padding:0px 15px 0px 15px; color:#1276A0; list-style:none; background:none; font-style:italic;} #textpage_side #slide ul li p.author {font-style:normal !important; color:#1276A0;} #textpage_side #slide ul li p {color:#1276A0;} /*------------------------------------ nav-----------------------------------------------------------*/ #nav { width:100%; height:32px; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../images/nav.jpg) no-repeat top left; } #nav ul { padding:0px; margin: 0px 0; list-style: none; float: left;} #nav li {display:block; float:left; background:url(../images/border.jpg) no-repeat right top; float: left; text-decoration: none; color: #ccc; padding:0px 6px 0px 6px; margin:0px 2px 0px 2px;} #nav a { margin:0px 0px 0px 0px; padding:8px 12px 8px 0px; color:#ffffff; display:block; font-weight:bold; font-size:1.2em; } #nav li a span { float: left; padding-right: 12px; display: block; margin-top: -8px; height: 32px; } #nav a:hover { text-decoration:none; color:#000; } #nav ul li a:hover, #nav ul li a.active { background:url(/images/nav_a_hover.jpg) no-repeat top right; color:#000;} #nav ul li a:hover span, #nav ul li a.active span {background:url(/images/nav_a_hover.jpg) no-repeat top left; color:#000;} #menu {background:none; padding:0px 0px 10px 0px; padding:0px;} #menu a {font-size:1.2em; color:#ffffff; width:245px; display:block; margin:8px 0px 18px 0px; padding:0px 0px 0px 22px; position:relative; z-index:10; font-weight:bold; background:url(../images/star.gif) no-repeat 95% 50% #1AA9E3; } #menu a .top {background:url(../images/menu_top_hove.gif) top left no-repeat; height:8px; width:267px; position:absolute; z-index:15; top:-8px; left:0px;} #menu a .bottom {background:url(../images/menu_bottom_hover.gif) bottom left no-repeat; height:8px; width:267px; position:absolute; bottom:-8px; left:0px; z-index:5;} /*------------------------------------- #menu a:hover {background:url(../images/star.gif) no-repeat 95% 50% #1AA1E1; position:relative; z-index:10; text-decoration:none;} #menu a:hover .top {background:url(/images/menu_top.jpg) top left no-repeat !important; height:5px; width:267px; position:absolute; top:0px; left:0px; } #menu a:hover .bottom {background:url(/images/menu_bottom.jpg) bottom left no-repeat !important; height:5px; width:267px; position:absolute; bottom:-1px; left:0px; z-index:5; } #menu a.active {background:url(../images/star.gif) no-repeat 95% 50% #1AA1E1; position:relative; z-index:10;} #menu a.active .top {background:url(/images/menu_active_top.jpg) top left no-repeat !important; height:5px; width:223px; position:absolute; top:0px; left:0px; } #menu a.active .bottom {background:url(/images/menu_active_bottom.jpg) bottom left no-repeat !important; height:5px; width:223px; position:absolute; bottom:-1px; left:0px; z-index:5; } #menu a:hover.active {background:#a21a26 !important; position:relative; z-index:10;} #menu a:hover.active .top {background:url(/images/menu_active_top.jpg) top left no-repeat !important; height:5px; width:223px; position:absolute; top:0px; left:0px; } #menu a:hover.active .bottom {background:url(/images/menu_active_bottom.jpg) bottom left no-repeat !important; height:5px; width:223px; position:absolute; bottom:-1px; left:0px; z-index:5; } ---------------------------------------*/ /*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/ body { text-align: left; margin: 0px; padding: 0px; letter-spacing:normal; background:url(../images/bac_home.jpg) repeat-x top center #fff; font-family:Verdana, Geneva, sans-serif; font-size:0.6em;} body#superstar {background:url(../images/bac.jpg) no-repeat top center #6F4DEC;} body,p,h1,h2,h3,h4 { margin:0px; padding: 0px; } img { border:0px; margin:0px; padding:0px; } h1 { font-size:1.4em; color:#01870B; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h2 { color:#DF0000; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h3 { color:#01870B; font-size:1.1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h4 { color:#DF0000; font-size:1.1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h5 { color:#01870B; font-size:1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } h6 { color:#FB0000; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; } hr {} ul {margin:0px; padding:0px; } ul li { margin:10px 0px 10px 0px; padding:0px 0px 0px 20px;; list-style:none; font-size:1.1em; color:#333333; background:url(../images/arrow_news.gif) no-repeat left 10%; position:relative;; } ol {} ol li {list-style:decimal; font-size:1.1em; color:#333333;} address {font-size:1.2em; color:#333333;} a { color:#DF0000; text-decoration:none; } a:hover { color:#DF0000; text-decoration:underline; } p { font-size:1.1em; color:#333333; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:16px; } /*hacks list remove before live HANDY HINTS *html IE6 *+html IE7 :root FIREFOX body:last-child:not(:root:root) SAFARI html:first-child OPERA */