@import 'common.css';
@import 'menuButtons.css';

html {
font-size: small;	
}

body {
font-family: Arial, Helvetica, sans-serif;
color: #000;
}

body, * {
padding: 0;
margin: 0;
}

#OuterBox {
background-color: #fff;	
}

.background {
/* background-color: #bbd0eb; */
background-image: url('../images/page/about_page/PageBackground_Blue.jpg');
}

#activity .background {
/* background-color: #EDF1C8; */
background-image: url('../images/page/activities/PageBackground_Green.jpg');
}

a {
color: #0079c2;
text-decoration: underline;
}

a:hover {
color: #c2ce23;	
}

a:visited {
color: #000;
}

p {
margin-bottom: 0.75em;
}

h1 {
font-size: 1.8em;
margin-bottom: 0.5em;
}

h2 {
font-size: 1.4em;
margin-top: 0.5em;
margin-bottom: 0.25em;
color: #f8971d;
}

h2 a {
text-decoration: none;	
}

h3 {
font-size: 1.2em;
margin-top: 0.5em;
margin-bottom: 0.25em;
color: #0079c2;
}

ul {
margin-left: 1.2em;
margin-bottom: 0.5em;
}

li {
margin-bottom: 0.25em;	
}

.SysMessage {
border: 1px solid #c3cf23;
font-weight: bold;
padding: 4px;
background-color: #edf1c8;
}

.Button {
background-color: #ef871e;
padding: 5px;
color: #ffffff;
font-weight: bold;
border: 1px solid #cf670e;	
}

.Button:hover {
background-color: #cf670e;	
}


a.Button {
text-decoration: none;
font-weight: bold;
cursor: default;
}

a.Button:hover {
color: #fff;	
}


a.Button:visited {
color: #fff;
}

.Error {
color: #c00;	
}
/******************************************************

  HEADER

******************************************************/

#logo {
float: left;
display: inline;
}


#bro {
background-color: #000;
}
#bro  a{
color: #fff;
}
#top-camp {
background-color: #bbd0eb;
}
#enq  {
background-color: #0079c2;
}
#enq a {
color: #fff;
}
#vac {
background-color: #c3cf22;
}

#con {
background-color: #f8971d;
}

.headtopbar {
height: 29px;
background: #006fb2 url('../images/page/about_page/htb-bg.jpg') repeat-x;
border-bottom: 1px solid #fff;
position: relative;
}

#expthemag {
position: absolute;
top: -5px;
left: 340px;
display: block;
}


#TopMenu {
float: right;
display: block;
}

#TopMenu ul li {
float: left;
display: block;
border-left: 1px solid #fff;
border-top: 0;
border-bottom: 0;
padding: 0;
margin: 0;
}

#TopMenu ul li a {
color: #fff;
text-decoration: none;
font-weight: bold;
text-align: center;
line-height: 29px;
margin: 0 10px;
}

#vol {
background: url('../images/re-useable/topbar-vol-bg.png') repeat-x;
}

#mem {
background: url('../images/page/about_page/htb-bg.jpg') repeat-x;
margin-right: 23px;
border-left: 0px;
}

#MainAreaHolder {
clear: both;
margin-top: 0;
padding: 0;
}

/************************************************************

COLUMN1 left

*************************************************************/

.Column1 {
width: 204px;
margin: 0;
padding: 0;
float: left;
padding-top: 20px;
min-height: 980px;
background: #BBD0EB url('../images/page/about_page/abo-col1-bg.jpg') no-repeat bottom left;
}

.Column1 ul {
margin: 0;	
}

#MainMenu {
margin-bottom: 15px;
}

#MainMenu ul li {
list-style-type: none;
margin: 0 0 1px 0;	
padding: 0;
display: block;
}

#MainMenu ul li ul {
margin: 3px 0 5px 35px;
}

#MainMenu a {
display: block;
color: #2b8dcc;
}

#MainMenu ul li ul li {
list-style-image: url('../images/page/about_page/ab-listordo.png');
padding: 0;
margin: 0 0 0 20px;
background-image: none;
list-style-position: outside;
}

#MainMenu ul li ul li a {
color: #000;
text-decoration: none;
padding: 0 5px 0 0;
height: auto;
}

/*
.Column1 li {
background-image: url('../images/page/about_page/abo-menu-col1-bg.png');
background-repeat: repeat-x;
list-style-type: none;
margin: 0 0 1px 0;
padding: 0 0 0 20px;
}

.Column1 li a {
display: block;
height: 24px;
color: #2b8dcc;
}

.Column1 ul li ul {
margin: 3px 0 5px 15px;
}

.Column1 ul li ul li {
list-style-image: url('../images/page/about_page/ab-listordo.png');
padding: 0;
margin: 0 0 0 20px;
background-image: none;
list-style-position: outside;
}

.Column1 ul li ul li a {
color: #000;
text-decoration: none;
padding: 0 5px 0 0;
height: auto;
}
*/
.MakeADonation {
padding: 4px;
margin-bottom: 10px;
background: url('../images/re-useable/don-bg.jpg') repeat-x;
}

.MakeADonation a {
color: #fff;
font-weight: bold;
text-decoration: none;
padding-left: 25px;
}

.blackdots {
margin: 10px 0 10px 45px;
}

/*****************************************************************

Column3   RIGHT MENU

******************************************************************/

.Column3 {
margin: 0;
padding: 0;
width: 204px;
float: right;
display: inline;
min-height: 980px;
background: #BBD0EB url('../images/page/about_page/abo-col3-bg.jpg') no-repeat top left;
}

.activhead h2 a {
background: url('../images/page/about_page/abo-title-col3-trans.png') no-repeat top left;
display: block;
color: #bbd0eb;
text-indent: -5000px;
margin: 20px 0px 0px 20px;
height: 24px;
}

.Column3 ul {
margin: 0;
padding: 0;
}

.Column3 ul li {
padding-left: 20px;
list-style: none;
margin-left: 20px;
margin-bottom: 0.40em;
background-repeat: no-repeat;
}

.Column3 ul li a {
text-decoration: none;
color: #000;
font-weight: bold;
}


#EventsList h2 a {
display: block;
background: url('../images/re-useable/events-mod-title-trans.png') no-repeat top left;
color: #bbd0eb;
height: 0;
padding-top: 24px;
margin: 20px 0px 0px 20px;
overflow: hidden;
}

#EventsList ul li {
text-decoration: none;
color: #000;
font-weight: bold;
background-image: url('../images/page/about_page/ab-arr-bl.png');
background-position: left 0.3em;
list-style: none;
}

#col3blubar {
background-image: url('../images/re-useable/reuse-blubar-bg.png');
}

#ActivityHolder ul {
margin-bottom: 20px;
}

#ActivityHolder ul li {
margin-left: 0;
}

#ActivityHolder li a {
background-image: url('../images/page/about_page/ab-arr-or.png');
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}

#ActivityHolder li a.Active {
background-image: url('../images/page/about_page/ab-arr-op.png');
}

#ActivityHolder ul li ul {
margin: 4px 0 3px 15px;
}

#ActivityHolder ul li ul li a {
/* Next line fixes a bug in IE7 */
background-position: -50px -50px;
padding: 0;
display: block;
font-weight: normal;
}

#ActivityHolder ul li ul li {
background-image: url('../images/page/about_page/ab-listordo.png');
background-position: left center;
background-repeat: no-repeat;
}


#ActivityHolder ul li ul li a:hover, #ActivityHolder ul li ul li a.Active {
background: url('../images/re-useable/col3-hilit-link-bg.png') repeat-x top left;	
margin-left: -55px;
padding-left: 55px;
}
/*******************************************************************************************

Column 2 -  content

*******************************************************************************************/

.Column2 {
width: 484px;
padding: 40px;
background-color: #fff;
float: left;
display: inline;
min-height: 980px;
margin-bottom: 0;
overflow: hidden;
}

#activity .Column2 {
padding-bottom: 0;	
}

.Column2 h1 {
color: #0079c2;
}

/*******************************************************************************************

Footer 

*******************************************************************************************/

#Footer {
width: 972px;
clear: both;
margin: auto;
display: block;
color: #ffffff;
margin-top: -15px;
}

#activity #Footer {

}

#FooterInner {
background-color: #000000;
margin: 0;
padding-top: 20px;
}

#FooterHead {
background-image: url('../images/page/about_page/Footer_Black.png');
background-repeat: no-repeat;
background-color: transparent;
height: 15px;
}

#dragon {
position: relative;
bottom: 300px;
left: 50px;
float: left;
}

#climber {
position: relative;
bottom: 500px;
left: 690px;
float: left;
}
/*******************************************************************************************

Activity 

*******************************************************************************************

Activity Header

********************************************************************************************/

#activity .headtopbar {
height: 29px;
background: url('../images/page/activities/act-htb-bg.jpg') repeat-x;
background-color: #b3c729;
}

/*******************************************************************************************

Activity Column 1

********************************************************************************************/
/*
#activity .hom {
background: url('../images/page/activities/act-home-trans.png') no-repeat left;
margin-left: 0;
text-indent: -5000px;
}

#activity .abo{
background: url('../images/page/activities/act-about-trans.png') no-repeat left;
margin-left: 0;
text-indent: -5000px;
}

#activity .sch {
background: url('../images/page/activities/act-schools-trans.png') no-repeat left;
margin-left: 0px;
text-indent: -5000px;
}

#activity .you {
background: url('../images/page/activities/act-youth-trans.png') no-repeat left;
margin-left: 0px;
text-indent: -5000px;
}


#activity .fam {
background: url('../images/page/activities/act-families-trans.png') no-repeat left;
margin-left: 0px;
text-indent: -5000px;
}

#activity .cor {
background: url('../images/page/activities/act-corporate-trans.png') no-repeat left;
margin-left: 0px;
text-indent: -5000px;
}

#activity .eve {
background: url('../images/page/activities/act-events-trans.png') no-repeat left;
margin-left: 0px;
text-indent: -5000px;
}

#activity .new {
background: url('../images/page/activities/act-news-trans.png') no-repeat left;
margin-left: 0px;
text-indent: -5000px;
}

#activity .wat {
background: url('../images/page/activities/act-watch-trans.png') no-repeat left;margin-left: 0px;
text-indent: -5000px;
}

#activity .tes {
background: url('../images/page/activities/act-test-trans.png') no-repeat left;
margin-left: 0px;
text-indent: -5000px;
}

#activity .cam {
background: url('../images/page/activities/act-camp-trans.png') no-repeat left;
margin-left: 0px;
text-indent: -5000px;
}

#activity .dev {
background: url('../images/page/activities/act-dev-trans.png') no-repeat  left;
margin-left: 0px;
text-indent: -5000px;
}
*/

#activity .Column1 {
background: #EDF1C8 url('../images/page/activities/act-col1.png') no-repeat top left;
}


#activity .Column1 a {
color: #EDF1C8;
}

#activity .Column1 li {
background-image: none;
}

#activity .Column1 ul li ul li a {
color: #000;
}

#activity .cam  {
color: #EDF1C8;
}

#activity .dev {
color: #EDF1C8;
}


/*******************************************************************************************

Activity Column 3

********************************************************************************************/

#activity .Column3 {
min-height: 980px;
background: #EDF1C8 url('../images/page/activities/act-col3.png') no-repeat top left;
}

#activity .activhead h2 a {
color: #b1c62a;
background: url('../images/page/activities/act-acthead.png') no-repeat top left;
margin-left: 0px;
text-indent: -5000px;
}

/*******************************************************************************************

Activity Column 2

********************************************************************************************/
/*******************************************************************************************/

/*
	General Use
*/

.ClearFloats, .Clear {
clear: both;
height: 1px;
font-size: 0;
overflow: hidden;
}

.BoxItem {
border-bottom: 1px solid #0071b5;
padding-bottom: 1em;
margin-bottom: 1em;
}

.CampaignParterLogo {
float: right;
margin-left: 15px;
}

table.PriceListTable {
border-collapse: collapse;
width: 100%;
margin-bottom: 1.5em;
}

table.PriceListTable th {
background-color: #a1c2e5;
padding: 8px 5px 5px 5px;
text-align: left;
color: #0079c2;
}

table.PriceListTable td {
padding: 5px;
border-bottom: 1px dotted #a1c2e5;
vertical-align: top;
}

blockquote {
margin-left: 25px;
padding: 0.5em 1em;
margin-bottom: 1em;
border-left: 1px dotted #a1c2e5;
background-color: #dde8f4;
}

.HighlightBox {
	
}

#TopImage {
margin-bottom: 1em;	
}

#TemplateSearch {
width: 204px;
background: #d0222a url('../images/Template/Search_Background.jpg') no-repeat top;
height: 28px;
padding: 0;
line-height: 28px;
}

#TemplateSearch label {
float: left;
width: 80px;
height: 0;
padding-top: 28px;
overflow: hidden;
background-image: url('../images/Template/Search_Label.jpg');
}

#TemplateSearch div {
background-image: url('../images/Template/SearchField.jpg');	
background-repeat: no-repeat;
background-position: center left;
display: block;
float: left;
height: 28px;
width: 104px;
}

#TemplateSearch div input {
width: 98%;
line-height: 28px;
height: 28px;
border: none;
background-color: transparent;
}

#TemplateSearch input.Submit {
background-color: transparent;
background-image: url('../images/Template/SearchButton.jpg');
background-repeat: no-repeat;
border: none;
line-height: 22px;
height: 22px;
width: 17px;
color: #000000;
margin-top: 3px;
font-size: 1px;
}