/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/

body {
   color:#666;
   background:#E8E8E8;
   font-family:Arial, Helvetica, sans-serif;
   font-size: 62.5%;
   margin:0;}

html,body{
  height: 100%;}


* {
   margin:0;
   padding:0;
   list-style-type:none;}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/
dd { margin: 5px 0 15px 20px; }

/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/
a:link, a:visited {
 color:#313705;
 text-decoration: none;}

a:hover, a:active {
 color:#FFF;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/
hr {
	display: none; }

img {
	border: none; }

fieldset br{
 clear:left;}

fieldset{
 border:none;}

a{
 outline:none;}

abbr {
 text-transform:uppercase;
 text-decoration:none !important;
 border:none;}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}

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

.clearfix {display:inline-block;}

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

.replace{
  position:relative;
  margin:0px; x
  padding:0px; /* hide overflow:hidden from IE5/Mac */ /* \*/
  overflow: hidden; /* */ }

.replace span{ display:block; position:absolute; top:0px; left:0px; z-index:1; /*for Opera 5 and 6*/ }

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
 width: 852px;
 margin:0 auto;
 background:#FFF;}

#content{
 margin: 20px 0 0 0;
 padding: 0 0 0 12px;
 /*background: url(../images/bg_content.gif) repeat-y 12px 0;*/
}

#content-wrapper{
 float:left;
 width:596px;}

#footer {
 clear:both;
 background:#2035c1 url(../images/bg_footer.gif) no-repeat top left;
 height: 3.75em;
 text-transform:uppercase;
 color:#FFF;
 margin: 15px 0 0 0;
 padding: 13px 45px 0 45px;}

#accessibility-menu {
 position:absolute;
 left:-1000em;
 text-align:left;}

/* 3.1 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#header {
 background:#f9b200 url(../images/banner.png) no-repeat top left;
 height: 235px;
}

#header h1 {
  display: none;
}

#header #top-nav {
  position: relative;
}

#header #top-nav li {
  padding: 5px;
  position: absolute;
}

#header #top-nav li  a {
  font: 14px;
  color: transparent;
  text-transform: uppercase;
  line-height: 1.7;
  display: block;
  text-indent: -9000px;
}

#header #top-nav li.home {
  width: 35px;
  left: 5px;
}

#header #top-nav li.who {
  width: 70px;
   left: 60px;
}

#header #top-nav li.what {
  width: 90px;
   left: 150px;
}

#header #top-nav li.how {
  width: 110px;
   left: 255px;
}

#header #top-nav li.contact {
  width: 65px;
   left: 385px;
}

#header #top-nav li.sitemap {
  width: 50px;
   left: 470px;
}

#header #top-nav li.downloads {
  width: 75px;
   left: 535px;
}

#header #top-nav li.merchandise {
  width: 90px;
   left: 625px;
}

#header #top-nav li.donate {
  width: 90px;
   left: 745px;
}

#nav a.donate{
 display:block;
 float:right;
 color:#FFF !important;
 font-weight:bold;
 width: 135px;
 text-align:center;
 padding: 9px 0 0 0;
 height: 26px;
 font-size:1.5em;
 text-transform:uppercase;
 background:#f9b200 url(../images/btn_donatenow.gif) no-repeat top left;}

#nav a.donate:hover{
 text-decoration:underline !important;}

/* 3.2 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

div.sponsors {
   overflow: hidden;
   width: 210px;
}

div.sponsors img {
   display: block;
}

#supplementary-content a:hover,
#news-list-column a:hover,
#main-content a:hover{
 text-decoration:underline !important;}

span.comment:before,
span.nickname:before,
p.mission:before  {
 content: open-quote; }

span.comment:after,
span.nickname:after,
p.mission:after {
 content: close-quote; }

/* Column Left */
#supplementary-content{
 float:left;
 width: 221px;}

#supplementary-content h3{
 background:#2035C1 url(../images/tab_blue.gif) no-repeat top left;
 height: 2.1em;
 font-family: 'Trebuchet MS',Arial,Verdana;
 text-transform:uppercase;
 padding: 12px 0 0 9px;
 margin: 0 0 10px 0;
 color:#FFF;
 font-size:1.3em;
 font-weight:normal;}
 
#supplementary-content h3 a {
 color: #fff;
 text-decoration: none; 
}

#supplementary-content  p a{
 color:#3333CC !important;}

#supplementary-content p{
 font-size:1.1em;
 padding: 0 0 10px 0;}

#supplementary-content .box{
 padding: 0 0 10px 10px;}

#supplementary-content ul.form-list li{
 font-size:1.2em;
 padding: 0 0 11px 41px;
}

#supplementary-content ul.form-list li.pdf {
 background:url(../images/icon_pdf.gif) no-repeat top left;}

#supplementary-content ul.form-list li.ppt {
 background:url(../images/icon_powerpoint.gif) no-repeat top left;}

#supplementary-content ul.form-list li.pps {
 background:url(../images/icon_powerpoint.gif) no-repeat top left;}

#supplementary-content ul.form-list a{
 color:#CC0000 !important;
 display:block;
 margin: 0 0 1px 0;
 font-size:1.2em;}

#supplementary-content .sponsors a{
 display:block;
 margin: 0 0 8px 0;}

a.download-powerpoint{
 background:#efefef url(../images/icon_powerpoint.gif) no-repeat 3px 15px;
 text-transform:uppercase;
 border:1px solid #c1c1c1;
 display:block;
 color:#ff6600 !important;
 font-size:1.2em;
 padding: 15px 0px 15px 54px;}

/* Column Center */
#main-content {
 font-size: 120%;
 width: 336px;
 float:right;
 min-height:353px;
 height: auto !important;
 height: 353px;
 background: none; /*url(../images/bg_heart.gif) no-repeat 10px 0;*/
 padding: 0 14px 0 25px;}

#main-content  h2{
 color:#1223B3;
 font-family: 'Trebuchet MS',Arial,Verdana;
 font-size:1.6em;
 font-weight:normal;
 margin: 0 0px 5px 0;
 /**/
 padding: 0 0 0 0;
 background:#FFF;}

#main-content  h2 span{
 display:block;
 padding: 0 0 10px 0;
 border-bottom:1px solid #ccc;}

#main-content h3{
 font-size:1.6em;
 font-weight:normal;
 color:#1223B3;
 margin: 0 0 10px 0;}

#main-content p{
 font-size:1.2em;
 padding: 0 0 15px 0;}

#main-content img{
 margin: 5px 15px;}

p.mission{
 color:#BC3400;
 padding: 5px 0 0 0;}

ul.objectives{
 padding: 0 0 20px 0;}

ul.objectives li{
 background:url(../images/bullet_check.gif) no-repeat top left;
 font-size:1.1em;
 line-height:1.4em;
 padding: 0 0 5px 25px;}

.announcement{
 background:#2035C1 url(../images/box_blue_top.gif) no-repeat top left;
 width: 334px;
 color:#FFF;
 margin: 0 0 12px 0;}

.announcement-wrapper{
 background:url(../images/box_blue_bottom.gif) no-repeat bottom left;
 padding: 20px 15px 15px 15px;}

.announcement h4{
 color:#FFF;
 text-transform:uppercase;
 font-size:1.4em;
 border-bottom:2px dashed #FFF;
 padding: 0 0 3px 0;}

.announcement p{
 padding: 10px 0 0 0 !important;
 font-size:1.3em !important;
 line-height:1.3em;}

a.sendcharity{
 background:#f4b400 url(../images/tab_sendyourcharity.gif) no-repeat top left;
 height: 2.1em;
 width: 333px;
 text-transform:uppercase;
 font-size:1.2em;
 letter-spacing:-0.02em;
 font-weight:bold;
 color:#FFF !important;
 text-align:center;
 padding: 13px 0 0 0;
 display:block;}

/* Column Right */
#news-list-column, #merchandise-list-column {
 float:left;
 width: 234px;
 font-size:1.1em;}

#merchandise-list-column {
 margin-top: 15px; 
}

#news-list-column h3, #merchandise-list-column h3 {
 background:#F4B400 url(../images/tab_orange.gif) no-repeat top left;
 height: 2.1em;
 font-family: 'Trebuchet MS',Arial,Verdana;
 text-transform:uppercase;
 padding: 12px 0 0 9px;
 margin: 0 0 10px 0;
 color:#FFF;
 font-size:1.3em;
 font-weight:normal;}

#news-list-column h3 a, #merchandise-list-column h3 a {
 color: #fff;
 text-decoration: none; 
} 
 
#news-list-column li a, 
#news-list-column li a:hover,
#merchandise-list-column dt a, 
#merchandise-list-column dt a:hover {
 color:#404040;
 font-size: 11pt;
}

#news-list-column li a:hover {
 color:#404040;
  text-decoration: underline;
}

ul.news-list{
 padding: 0 0 0 15px;}

ul.news-list li {
 background:url(../images/bullet_yellow.gif) no-repeat top left;
 color:#333;
 line-height:1.4em;
 padding: 0 0 20px 0;}

ul.news-list li a {
 padding-left: 19px;
}

ul.news-list li.readmore{
 background:none;
 text-indent:0;}

#news-list-column a.more, #merchandise-list-column a.more{
 display:block;
 width: 66px;
 height: 1.9em;
 float:right;
 font-size:0.9em;
 padding: 4px 0 0 0;
 text-align:center;
 text-transform:uppercase;
 color:#FFFFFF !important;
 background:#f4b400 url(../images/btn_readmore.gif) no-repeat top left;}

#news-list-column a.more span, #merchandise-list-column a.more span {
 display: none;
}

#merchandise-list-column dl {
 padding: 0 0 0 15px;}

#merchandise-list-column dt {
 background:url(../images/bullet_yellow.gif) no-repeat top left;
 color:#333;
 line-height:1.4em;
 padding-left: 20px;}

#merchandise-list-column dd {
 color:#333;
 line-height:1.4em;
 margin: 0 0 20px 0;}

/* format single centre column pages */

#container .singlecontent #content-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
}

#container .singlecontent #main-content {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  background: none;
}

#container .singlecontent {
  background: none;
}

#container .singlecontent #main-content a, #container .singlecontent #main-content a:visited, #container .singlecontent #main-content a:hover {
  color: #1223B3;
  text-decoration: underline;
}

#container .singlecontent #main-content li {
  list-style-type: disc;
  margin-left: 1em;
}

#container .singlecontent h2 {
  margin-bottom: 10px;
}

.sitemap ul {
   margin: 1em 0;
}

.price {
  padding-left: 8px;
}

/* 3.3 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer p{
 float:left;
 color:#FFF;}

#footer ul {
 float:right;
 margin-left: 100px;
 margin-top: -28px;
}

#footer a{
 color:#FFF !important;}

#footer ul li{
 float:left;
 border-right:1px solid #FFF;
 margin: 0 0 0 5px;
 padding: 0 5px 0 0}

#footer ul li.last{
 border:none;
 padding:0;}