body {
  margin:0;
  padding:0;
  width:100%;
  background:#fff;
  min-width:600px;    /* Minimum width of layout - remove line if not required */
                      /* The min-width property does not work in old versions of Internet Explorer */
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #6B0414;
}
a {
  color: #6B0414;
}
a:hover {
  text-decoration:none;
}
h1, h2, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
}
h1 {
  font-size: 140%;
}
h2 {
  font-size: 120%;
}
p {
  margin:.4em 0 .8em 0;
  padding:0;
}
img {
  margin:10px 0 5px;
}
#header {
  float:left;
  width:100%;
  padding:0;
  margin:0;
  /* border-bottom:1px solid #000; */
  background: url(/images/sites/wolontariat/waves.blue.gif) repeat-x left top #E5EAF6;
}
#header p {
  padding:.5em 15px  .2em 15px;
  margin:0;
}
#header h1  {
  padding:.2em 15px;
  margin:0;
}
#header h2  {
  padding:.2em 15px  .7em 15px;
  margin:0;
}
#colmask {
  position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;      /* width of whole page */
  overflow:hidden;    /* This chops off any overhanging divs */
  /* background:#dfe0ff; */   /* Left column background colour */
}
#colmid {
  float:left;
  width:200%;
  position:relative;
  left:200px;
  /* background:#fff;      /* Centre column background colour */
  background-color: #FDF3DB;
}
#colright {
  float:left;
  width:100%;
  position:relative;
  left:50%;
  margin-left:-400px;
  /* background:#fff;      /* Right column background colour */
  background-color: #FDF3DB;
  border-left: 1px solid #ccc;
}
#col1wrap {
  float:right;
  width:50%;
  position:relative;
  right:100%;
  background-color: #FDF3DB;
}
#col1pad {
  margin:0 15px 0 415px;
  overflow:hidden;
}
#col1 {
  width:100%;
  overflow:hidden;
}
#col2 {
  float:left;
  width:190px;
  position:relative;
  margin-left:-50%;
  left:205px;
  overflow:hidden;
  border-right: 1px solid #ccc;
}
#col3 {
  float:left;
  width:190px;
  position:relative;
  left:5px;
  overflow:hidden;
}
#footer {
  clear:both;
  float:left;
  width:100%;
  padding:0;
  margin:0;
  border-top:1px solid #ccc;
}
#footer p {
  padding:.5em 15px;
}


/* ============================= */

.left {
  float: left;
}
.right {
  float: right;
}

/* ---------- submenu */
div#submenu {
  margin: 0;
  margin-top: 10px;
  padding: 0;
}
div#submenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
div#submenu a {
  display: block;
  padding: 5px 10px 5px 10px;
  border-bottom: 1px solid #6B0414;
  text-decoration: none;
}
div#submenu a.selected {
  /* background-color: #fff; */
  background-color: #FDA709;
  font-weight: bold;
  color: white;
}
div#submenu a:hover {
  background-color: #A9283C;
  color: white;
}
div#submenu ul li a {
  margin-left: 0px;
}
div#submenu ul ul li a {
  margin-left: 15px;
  background-color :#FDA709;
}
/* ---------- end submenu */

div#search {
  position: absolute;
  top: 20px;
  right: 15px;
}

#preview {
  display: block;
  float: none;
  padding: 5px 20px 5px 20px;
  background: red;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 0px;
}
#preview a {
  color: white;
  display: block;
  width: 100%;
}

img {
  border: 0;
}

div.imgRight {
  clear: none;
}

div.imgLeft {
  clear: none;
}

div.imgCenter {
  clear: none;
}

#top {
  margin: 0 0 0 15px;
  width: 30%;
  float: left;
}

#top h1 {
  margin: 5px 0 10px 0;
}

ul#addmenu {
  margin-left: 5px;
  padding-left: 0px;
} 

ul#addmenu li {
  list-style-type: none;
}

ul#addmenu li a {
  font-weight: bold;
}


/* CSS Tabs is licensed under Creative Commons Attribution 2.5 - http://creativecommons.org/licenses/by/2.5/ */

ul.tabnav { /* general settings */
  text-align: left; /* set to left, right or center */
  margin: 1em 0 0 0; /* set margins as desired */
  /* font: bold 11px verdana, arial, sans-serif; /* set font as desired */
  border-bottom: 1px solid #6B0414; /* set border COLOR as desired */
  list-style-type: none;
  padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul.tabnav li { /* do not change */
  display: inline;
  padding-left: 2px;
}

ul.tabnav li.selected { /* settings for selected tab */
  /* border-bottom: 1px solid #5d709f; /* set border color to page background color */
  background-color: #fff; /* set background color to match above border color */
}

ul.tabnav li.selected a { /* settings for selected tab link */
  background-color: #FDA709; /* set selected tab background color as desired */
  color: white; /* set selected tab link color as desired */
  position: relative;
  top: 1px;
  padding-top: 4px; /* must change with respect to padding (X) above and below */
  font-weight: bold;
}

ul.tabnav li a { /* settings for all tab links */
  padding: 3px 12px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
  border: 1px solid #6B0414; /* set border COLOR as desired; usually matches border color specified in #tabnav */
  background-color: #6B0414; /* set unselected tab background color as desired */
  color: #fff; /* set unselected tab link color as desired */
  margin-right: 0px; /* set additional spacing between tabs as desired */
  text-decoration: none;
  border-bottom: none;
}

ul.tabnav a:hover { /* settings for hover effect */
  background: #fff; /* set desired hover color */
  color: #6B0414; /* set selected tab link color as desired */
}