@charset "utf-8"; /* CSS Document */ /* ///// Written by John Phillips 2008 (jdphillips271183(at)aol.co.uk) /*-----element styles-----*/ body { background-color:#CCCCCC; font-family: Arial, Helvetica, sans-serif; } p, h1, h2, h3, h4, h5, h6, address { padding: 0; margin: 10px; line-height: 1.5em; } p, li, address { font-size: 80%; } h1 { font-size: 130%; } h2 { font-size: 115%; color: #666666; } h3 { font-size: 100%; color: #000000; } h4 { font-size: 90%; color: #666666; } a:link{ color:#FF6600; font-weight: normal; border-bottom: none; text-decoration: none; } a:visited { color:#FF6600; font-weight: normal; border-bottom: none; text-decoration: none; } a:hover { color:#FF6600; font-weight: normal; border-bottom: none; text-decoration: none; } a:active { color:#FF6600; font-weight: normal; border-bottom: none; text-decoration: none; } address { font-style:normal; line-height:1.5em; } /*/////////////////////////////-----div styles-----*/ /*-wrapper styles-*/ #wrapper { width: 770px; position:relative; left: 50%; margin-left: -385px; Background-color:#000000; border: 1px solid #000000; } /*---nav styles---*/ #nav { float:left; width:100%; background-color:#000000; } #nav ul { margin: 0; padding:0; list-style:none; width: 100%; } #nav ul a { display: block; padding: 1em 1.3em; line-height: 1.8em; text-decoration:none; background-color:#000; } #nav a:link { color: #ffffff; } #nav a:visited { color:#ffffff; } #nav a:hover { color:#FF6600; } #nav ul li { float: left; } #home #nav .home a, #resources #nav .resources a, #takeAction #nav .takeAction a, #birmingham #nav .birmingham a, #belfast #nav .belfast a, #London #nav .London a, #Edinburgh #nav Edinburgh a, #register #nav .register a{ color:#ff6600; } /*////// This rule makes the current page orange (#ff6600) in the navigation menu. For this to work you need to give the elements of the pages IDs that match these//*/ /*--gohome styles-- (This is for the little section below the navigation that points back to the home page)*/ #gohome { clear: both; font-size: 0.8em; width:100%; border-bottom:1px solid #000000; } #gohome a { color: #000000; } /*---intro styles---*/ #intro { border: 1px solid #cccccc; width:100%; } #intro ul { text-align:left; padding: 20px; margin:10px; } /*--content styles--*/ #content { clear:both; background-color:#FFFFFF; width:100%; border-bottom: 1px solid #000000; } #content ul,ol { margin-left: 1.5em; margin-top:0.75em; padding:0; line-height:1.3em; } /*--footer styles--*/ #footer{ font-size:0.8em; line-height: 0.5em; background-color:#000000; width:100%; color: #FFFFFF; } /*////////////////////////////////////////////--img styles--*/ #img { float: right; padding: 10px 10px 0px 10px; margin: 0 0 0 10px; background-color:#ffffff; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; } /*///////////////////////////////////////////--Misc. classes--*/ #column { float: left; padding: 10px 10px 10px 10px; margin: 0 10px 0 0px; background-color:#ffffff; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; } .aims { padding:0 2em 2em 2em; margin: 0 2em 1em 0; line-height: 1.5em; } .section { border-bottom: 1px solid #cccccc; margin-bottom:0; margin-top:0; } .briefings { margin-left: 2em; } .rhlabel { text-align:right; color: #666666; } .addInfo { padding-left:20px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: left center; } /*--programme list styles-- (These are for styling extensive ordered and unordered lists)--*/ .interactive_programme ol li { font-size: 1em; font-weight: bold; color: #666666; /*text-decoration: underline;*/ list-style-image: none; list-style-type: none; margin-left: 0; margin-top:0.75em; padding:0.2em 0 0.2em 0.75em; line-height:1.3em; border: 1px solid #ccc; width:90%; } .interactive_programme ul li { font-size: 0.8em; color: #000000; /*text-decoration: underline;*/ border:none; /*margin-left:0;*/ padding-left:0; } .interactive_programme ul li ul li{ font-size: 1em; text-decoration:none; padding-left:20px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: left center; font-weight:normal; }