@import url('reset.css');

body {
    background: #fff;
    font: 0.8125em Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #3f3f3f;
}

a {
    text-decoration: none;
    color: #f21f08;
}

p {line-height:1.3em;}


p a {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

strong {
    font-weight: bold;
}

.hint_box {
	width:200px;
	padding:10px;
	background-color:white;
	border:2px solid gray;
}

form label.error {
  color:red;
  background:white;
  margin:0;
  padding:2px;
  display:block;
}

form input.error {
  border:1px solid red;
}

form table {
  background:lightgrey;
}

form table td {
  vertical-align:top;
  padding:5px 10px;
}

div#container {
    margin: 0 auto;
    background: url('../images/container-bg.gif') top left repeat-y;
    text-align: left;
    width: 950px;
}

div#header {
    margin: 0 0 40px 0;
    background: url('../images/header-bg.gif') top left no-repeat;
    width: 950px;
    height: 237px;
    position: relative;
}

div#header #title a {
    display:block;
    position: absolute;
    height:50px;
    width:500px;
    top:70px;
    left:45px;
    text-indent: -10000px;
}

div#header ul {
    background: url('../images/nav.gif') top left no-repeat;
    position: absolute;
    bottom: 0;
}

div#header ul li {
    float: left;
    display: inline;
}

div#header ul li a {
    text-indent: -10000px;
    display: block;
    height: 67px;
}

div#header ul li.more-information a {
    width: 228px;
}

div#header ul li.supporting-organisations a {
    width: 247px;
}

div#header ul li.our-campaign a {
    width: 189px;
}

div#header ul li.sign-up a {
    width: 286px;
}

div#header div.cycle {
    width: 450px;
    height: 145px;
    position: absolute;
    top: 25px;
    left: 395px;
    overflow:hidden;
}

div#content {
    position:relative;
    padding: 0 20px;
    clear: both;
}

div#content div.main {
    margin: 0 20px 0 0;
    width: 640px;
    float: left;
}

div#content div.main h2 {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 2px dotted #f2210b;
    font-size: 1.076923076923077em;
    color: #f2210b;
    clear:both;
}

div#content div.main .content-view-line h2 {
clear:none;
}
div#content div.main h5,#content div.homeintro {
    margin: 0 0 30px 0;
}

#content div.homeintro b {
    color: #f2210b;
    font-weight:normal;
}

#content .statement p {
	color:black;
	margin-after:10px;
	text-align:justify;
}

div.main p {
    margin: 0 0 20px 0;
}
 
.content-view-line  {
margin:5px 0;
clear:both;
}

div.main .content-view-line p {
    margin: 0 0 5px 0;
}

.main_logo {float:right;background:white;
margin:0 0 10px 10px;
}

.logo {float:right;background:white;}
.logo img {padding:0 0 10px 10px ;}

.logo:after {
    content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}


div#content div.sidebar {
    padding: 0 0 0 10px;
    border-left: 2px dotted #f2210b;
    font-size: 0.846153846153846em;
    width: 238px;
    float: left;
}

div#content div.sidebar h4 {
    margin: 0 0 10px 0;
    padding: 2px 10px;
    background: #bcbcbb;
    font-weight: bold;
    color: #fff;
}

div#content div.sidebar ul {
    list-style:none;
    margin: 0 0 20px 10px;
}

div#content div.sidebar p {
}

div#content p.more {
    padding: 2px 10px;
    background: #bcbcbb;
    text-align: right;
}

div#content p.more a {
    padding: 0 21px 0 0;
    background: url('../images/arrow-right.gif') bottom right no-repeat;
    font-weight: bold;
}

div#content ol, div#content ul {
    list-style:decimal;
    margin: 0 0 20px 20px;
}

div#content  ul {
    list-style:disc;
    margin: 0 0 20px 10px;
}

div#content div.main div.sponsors {
    margin: 80px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 2px dotted #f2210b;
    text-align: right;
    clear:both;
}

div#content div.main div.sponsors img {
    margin: 0 0 0 10px;
    vertical-align:middle;
}

div#footer {
    padding: 10px 20px 70px 20px;
    background: url('../images/footer-bg.jpeg') bottom left no-repeat;
    width: 910px;
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

h1 {color:black;font-size:1.5em;margin-bottom:20px;}

#admin {position:absolute;top:-144px; left:45px;}

#debug {display:none;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.section_8 {background: lightgrey;
text-decoration: line-through;
}

.section_7 {background: lightgrey;}

.content-navigator div {display:inline;}
.content-navigator {margin-bottom:10px;}
.object-left {float:left;margin:0 10px 10px 0;}
.object-right {float:right;margin:0 0 10px 10px;}