/* Start of CMSMS style sheet 'MSG' */
* {margin:0; padding:0;}
html {margin:0; padding:0;}
body { 
font: 0.8em "Helvetica", verdana, Sans-Serif; 
background:#eee; 
color:#222; 
text-align:center; 
line-height:1.4em; 
padding:0.6em 0; 	
background-image: url(uploads/images/background.png);
}

/* ############## LAYOUT ################ */
#spacer {
height:40px; 
width:300px; 
margin: 0  0 5px; 
float:left; 
display:inline;
}

#spacer2 {
width:100px; 
height: 46px; 
display:inline; 
float:right; 
padding:15px 0 0;
}

.header {
margin:0 0 15px 0; 
height:200px; 
border:15px solid #fff; 
background:#fff url(uploads/images/header.jpg) no-repeat 0 0; 
padding:0; 
vertical-align:bottom;
}

#footer {
/* text-transform: lowercase; */
border-top:1px solid #eee; 
padding:0 0 1em; 
margin:0; 
text-align:center;
}

.container {
width:750px; 
margin:0 auto; 
text-align:left; 
}

.left {
width:480px; 
float:left; 
display: inline; 
margin:0; 
}

.right {
width:209px; 
margin: 0 0 0 30px; 
float:left; 
display: inline 
}

.box {
margin:0 0 10px; 
padding:15px; 
background:#fff;
}

.indent {border-bottom:1px solid #eee;
}

/* ############# TYPO ################### */

p { padding:0 0 1em 0; }

.right p {font-size:100%; line-height:1.3em;}

h1,h2 {font-family: "Helvetica", Georgia, Serif; font-weight: normal;}
h3,h4 {font-family: Helvetica, "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, Sans-Serif;}
h2 {font-size:1.4em; padding:0.3em 0; text-transform: uppercase; line-height:135%;}
h3 {font-size:0.9em;padding:0.3em 0; text-transform: uppercase; letter-spacing:0;margin:0.8em 0 0 0;}
h4 {font-size:1em; margin:0.6em 0 0.3em; }
h3.purple {background-color:#8365B3; color:#fff; padding:0.3em 10px 0.2em 10px; margin:0 0 1.1em 0;}


/* ############# Listor ################### */
ul, ol {list-style:none; font-size:100%; line-height:1.4em; margin:0 0 1em 25px; }
li {list-style-type:none;padding:0.1em 0;}

ol li {list-style: decimal;padding:0.3em 0;}

.right ul {margin:0 0 0.5em 25px; padding:0; font-size:90%; line-height:1.3em;}
.right li {list-style-type:none; padding:0.2em 0; border:none; }


.right .indent ul {margin:0 0 0.5em 0; padding:0; font-size:90%; line-height:1.3em;}
.right .indent li {list-style-type:none; padding:0.2em 0; border:none;}

.right .grey_box ul {margin:0 0 0.5em 15px;}

/* ################### menu ################ */

/* hide from IE mac \*/


.menu {
  display:table; /* ignored by IE */
  padding:0; 
margin:0;
  list-style-type:none;
  white-space:nowrap; /* keep text on one line */
  border:0; /* add a border to show size of menu */
  }
.menu li {
  display:table-cell; /* ignored by IE */
  }
.menu li a, .menu li a:link .menu li a:visited {
  display:block; /* for all browsers except IE */
  padding:4px 16px;
  color:#888; 
  background:#d8d8d8; 
  border-right:1px solid #eee;
  text-decoration:none;
  }

.menu li a:hover {
  color:#8365B3; 
  background:#fff;
 }

.menu li a.current {
  color:#333; 
  background:#fff;
cursor:default;
  }


/* ############# links ################### */
a {color:#6568D9; text-decoration: none; font-weight:bold; cursor:pointer;}
a:link {color:#6568D9 ;}
a:visited {color:#6568D9 ;}
a:hover {color:#222;}

a img {
color:#fff;
border-style: none;
}

/* ###### Supports ########## */


a#sub1{ width:468px; height:60px; display:block; text-indent:-9999px; float:left; margin: 8px 0 0 0; } 
a#sub2{ width:468px; height:60px; display:block; text-indent:-9999px; float:left; margin: 8px 0 0 0; } 
a#sub3{ width:468px; height:60px; display:block; text-indent:-9999px; float:left; margin: 8px 0 0 0; } 

a#fairtrade {background: transparent url(vftj.png) no-repeat 0 0; width:95px; height:68px; display:block; text-indent:-9999px; float:left; margin: 8px 0 0 0;} 
a#aid{background: transparent url(fairtrade.png) no-repeat 0 0; width:123px; height:68px; display:block; text-indent:-9999px; float:left; margin: 8px 0 0 0 ; } 
a#cos{background: transparent url(christian_aid.png) no-repeat 0 0; width:158px; height:68px; display:block; text-indent:-9999px; float:left; margin: 8px 0 0 0 ; } 


/* End of 'MSG' */