/*
---------------------------------------------

File :       /css/style.css
Title :      Scotland-Malawi Partnership CSS File
Author :     Derek Smith, adamantean ltd.
URL :        http://www.adamantean.com

Created :    17/12/2009 DSAD

---------------------------------------------
*/

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #303D31;
  margin: 0px;
  margin-top: 10px;
}

a:link {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #303D31;
  text-decoration: underline
}

a:active,
a:visited,
a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #303D31;
}

h1 {
  font-size: 16px;
  display: inline;
  color: #303D31;
}

h2 {
  font-size: 14px;
  display: inline;
  color: #303D31;
}

h3 {
  font-size: 12px;
  display: inline;
  color: #303D31;
}

h4 {
  font-size: 11px;
  margin: 5px 0;
  color: #303D31;
}

table {
  width: 100%;
  text-align: left;
  font-size: 12px;
  border-collapse: collapse;
}

th {
  background: #cccccc;
}

th, td {
  border: 1px solid #000000;
  padding: 0px 5px;
}

li.bullet1 {
  /* list-style-image: url('/images/bullet1.gif'); */
}

div#site {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  line-height: 130%;
}

div#header {
  width: 750px;
  height: 198px;
  background-image: url("/images/headerbg.jpg");
  background-repeat: no-repeat;
}

img#logo {
  display:inline;
  float: left;
  margin-top: 9px;
  margin-left: 9px;
}

div#headerright {
  display: inline;
  float: right;
  height: 18px;
  width: 200px;
  color: #C1192F;
  margin-top: 6px;
  margin-right: 4px;
  text-align: right;
}

div#headerright a {
  color: #C1192F;
  text-decoration: none;
}

form#headersearch {
  padding-top: 10px;
  float: right;
}

form#headersearch input {
  font-size: 11px;
  border: 1px solid #C1192F;
}

div#menuwrapper {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  background: #000000;
  background-image: url("/images/menubg.gif");
  background-repeat: repeat-x;
  padding: 0px;
}

div#menu {
  padding-left: 10px;
  padding-right: 16px;
  height: 40px;
  background-image: url("/images/menubgright.gif");
  background-repeat: no-repeat;
  background-position: top right;
}

div#menu ul {
  display: block;
  margin: 0;
  padding: 0;
  padding-top: 3px;
  position: relative;
  left: 0;
}

div#menu ul li {
  float: left;
  list-style-type: none;
  position: relative;
}

div#menu ul li a {
  float: left;
  display: block;
  font-size: 11px;
  color: #ffffff;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
}

div#menu ul li a:hover, div#menu ul li a:active, div#menu ul li a.menuselected {
  font-size: 11px;
  color: #00950E;
  background-image: url("/images/menuselected.gif");
  background-repeat: no-repeat;
  background-position: top;
}

img.menuspacer {
  display: inline;
  position: relative;
  top: 2px;
  vertical-align: baseline;
}

li.menuspacer {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 9px;
  padding-bottom: 5px;
  background-image: url("/images/menuspacer.gif");
  background-repeat: no-repeat;
}

span.menuitem {
  display: inline;
  position: relative;
  top: 6px;
}

div.menuleft {
  float:left;
  width: 162px;
  height: 30px;
  background-image: url("/images/menubgleft.jpg");
  background-repeat: no-repeat;
  margin-bottom: -3px;
}

div.menuright {
  float:right;
  width: 1px;
  height: 30px;
  margin-bottom: -3px;
}

div#menu ul ul {
  position: absolute;
  top: 0;
  z-index: 1000;
  height: 0px;
  width: 160px;
  padding: 0;
  margin: 0;
  margin-top: 29px;
}

div#menu ul ul li {
  padding: 0;
  margin: 0;
  width: 160px;
  right: 0;
}

div#menu ul ul li a {
  padding: 6px 12px;
  display: block;
  width: 120px;
}

div#menu ul ul ul {
  top: 0;
  left: 100%;
  margin: 0;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
  display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
  display: block;
}

div#menu ul ul li {
  background: #222222;
  background-image: none;
}

div#menu ul ul li:hover {
  background: #333333;
}

div#menu ul ul li.menuexpand, div#menu ul ul li.menuexpand:hover {
  background-image: url("/images/menuexpand.gif");
  background-repeat: no-repeat;
  background-position: right;
}

div#menu ul ul ul li {
  background: #444444;
}

div#menu ul ul ul li:hover {
  background: #555555;
}

div#menu ul ul li a:hover {
  color: #2BB538;
  background-image: none;
}

div#menu ul ul ul li a:hover {
  color: #5DD068;
  background-image: none;
}

div#main1wrapper {
  background-image: url("/images/main1bg.gif");
  background-repeat: repeat-y;
}

div#main1 {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 14px;
  background-image: url("/images/main1bgbottom.gif");
  background-repeat: no-repeat;
  background-position: bottom;
}

div#main2wrapper {
  background-image: url("/images/main2bg.gif");
  background-repeat: repeat-y;
}
 
div#main2 {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 14px;
  background-image: url("/images/main2bgbottom.gif");
  background-repeat: no-repeat;
  background-position: bottom;
}

div#mainleft1 {
  display: inline;
  float:left;
  width: 255px;
  text-align: left;
  overflow: hidden;
}

div#mainleft1header {
  height: 58px;
  background: #E03249;
  background-image: url("/images/mainleft1headerbg.gif");
  background-repeat: no-repeat;
}

img#mainleft1headerimg {
  display:inline;
  position: relative;
  left: 11px;
  top: 15px;
}

div#mainleft1content {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}

div#mainright1 {
  display:inline;
  float: right;
  width: 160px;
  text-align: left;
}

div.mainright1header {
  height: 50px;
  background: #D9E6DA;
  background-image: url("/images/mainright1headerbg.gif");
  background-repeat: no-repeat;
}

img.mainright1headerimg {
  display:inline;
  position: relative;
  left: 9px;
  top: 19px;
}

div.mainright1content {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-repeat: no-repeat;
  background-position: bottom;
}

div#mainright1content1 {
  background-image: url("/images/mainright1contentbg1.gif");
}

div#mainright1content2 {
  padding-right: 80px;
  background-image: url("/images/mainright1contentbg2.gif");
}

div#mainright1content3 {
}

div#mainright1content4 {
  padding-top: 100px;
  padding-bottom: 6px;
  line-height: 120%;
  background-image: url("/images/mainright1contentbg4.jpg");
}

div#mainmiddle {
  float: left;
  width: 335px;
  font-size: 12px;
}

div#mainmiddle a {
  font-size: 12px;
}

div#mainmiddleheader {
  height: 172px;
  background: #4AD757;
  background-image: url("/images/mainmiddleheaderbg.jpg");
  background-repeat: no-repeat;
}

img#mainmiddleheaderimg {
  display:inline;
  position: relative;
  left: 11px;
  top: 15px;
}
 
div#mainmiddlecontent {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}

div#mainleft2 {
  display: inline;
  float:left;
  width: 590px;
  font-size: 12px;
  text-align: left;
  overflow: hidden;
}
 
div#mainleft2 a {
  font-size: 12px;
}

div#mainleft2header {
  height: 58px;
  background: #E03249;
  background-image: url("/images/mainleft2headerbg.gif");
  background-repeat: no-repeat;
}
 
img#mainleft2headerimg {
  display:inline;
  position: relative;
  left: 11px;
  top: 15px;
}
 
div#mainleft2content {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}
 
div#mainright2 {
  display:inline;
  float: right;
  width: 283px;
  text-align: left;
}
 
div#mainright2header {
  height: 67px;
  background: #D3CFD3;
}
 
img#mainright2header {
  display:inline;
  position: relative;
  left: 10px;
  top: 38px;
}
 
div#mainright2content {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 30px;
  padding-bottom: 30px;
}

div.newsitem {
}

img.newsimage {
  float: left;
  border: 1px solid #C11B30;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
}

div.newsmore {
  width: 100%;
  background: #ffffff;
  text-align: right;
  color: #C1192F;
  font-weight: bold;
}

div.newsmore a {
  color: #C1192F;
  font-weight: bold;
  text-decoration: none;
  padding-top: 2px;
  padding-bottom: 2px;
}

div.newscontent {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 30px;
}

div.newscontent img.newsimage {
  margin-top: 0px;
  margin-bottom: 15px;
  margin-right: 15px;
}

div.newsauthordate {
  font-size: 11px;
  color: #B0A4A4;
}

div.subheader {
  width: 560px;
  height: 25px;
  position: relative;
  right: 15px;
  background-image: url("/images/subheaderbg.gif");
  background-repeat: no-repeat;
}

div.subheader h2 {
  position: relative;
  left: 25px;
  top: 5px;
}

div#googlemap {
}

div#googlemap2 {
}

div.googlemap {
  color: #58133A;
  height: 400px;
  border: 10px solid #E9E3E3;
  margin-bottom: 10px;
}

div#memberdetails {
}

div.memberdetailsgoogle {
}

div#sectionquote {
  margin-right: 40px;
  margin-top: 28px;
}

div#sectionquote a {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}

img.boardimage {
  padding-right: 10px;
  padding-bottom: 10px;
}
 
div.postcodesearch {
  padding-top: 10px;
}

div.itemmenu {
  width: 153px;
  height: 20px;
  padding: 0px;
  padding-left: 15px;
  margin-bottom: 2px;
  border-left: 3px solid #E1EB4E;
  background: #D3CFD3;
  color: #303D31;
  font-size: 10px;
  font-weight: bold;
}

span.itemmenu {
  position: relative;
  top: 2px;
}

div.searchresult {
  width: 365px;
  padding: 5px;
  padding-left: 15px;
  border-left: 5px solid #303D31;
  margin-bottom: 5px;
  background: #F9F9F9;
  color: #303D31;
  font-size: 10px;
}

div.diaryyear {
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: center;
}

div.diarymonth {
  float: left;
  display: inline;
  width: 100px;
  margin-top: 10px;
}

div.diaryday {
  margin-left: 20px;
  margin-bottom: 20px;
}

div.organisation {
  margin: 10px 20px;
  padding: 10px;
  background: #eeeeee;
}

div.organisation ul {
  margin: 0 15px;
  padding: 0;
}

div.formlabel { 
  font-weight: bold;
  padding-top: 4px;
  float: left; 
  width: 150px;
  text-align: left;
}

div.cleardiv {
  float: none;
  clear: both;
  height: 0px;
  overflow: hidden;
}

div#footer {
  width: 750px;
  color: #303D31;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
}

div#footer a {
  color: #303D31;
}

div#adamantean {
}

div#copyright {
  padding-top: 20px;
}

div.clear {
  clear: both;
}

div.clearleft {
  clear: left;
}

div.clearright {
  clear: right;
}

a.backbutton {
  color: #C1192F;
  font-weight: bold;
}

a:link.itemmenuitem,
a:visited.itemmenuitem,
a:active.itemmenuitem {
  font-size: 10px;
  font-weight: bold;
  color: #303D31;
  text-decoration: none;
}
 
a:hover.itemmenuitem {
  font-size: 10px;
  font-weight: bold;
  color: #303D31;
  text-decoration: underline;
}

a:link.footerlink, 
a:visited.footerlink,
a:active.footerlink {
  color: #3F3F9F;
  text-decoration: none;
}

a:hover.footerlink {
  color: #3F3F9F;
  text-decoration: underline;
}

.smalltext,
a:link.smalltext,
a:visited.smalltext,
a:hover.smalltext,
a:active.smalltext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px; 
  color: #747474;
}

a:link.menuitem,
a:visited.menuitem,
a:active.menuitem {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #7A4E99;
  text-decoration: none;
}

a:hover.menuitem {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #9E7CA9;
  text-decoration: none;
}

form {
  display: inline;
}

input {
  font-family: Arial, Helvetica, sans-serif;
  border-width: 1px;
  border-style: solid;
  border-color: #00950E;
  background: #ffffff;
  color: #00950E;
}

.radio {
  font-family: Arial, Helvetica, sans-serif;
  border-width: 0px;
  border-style: none;
  border-color: #00950E;
  color: #00950E;
}
 
select {
  font-family: Arial, Helvetica, sans-serif;
  border-width: 1px;
  border-style: solid;
  border-color: #00950E;
  color: #00950E;
}
 
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #00950E;
}
 
.floatleft {
  display: inline;
  float: left;
}

.floatright {
  display: inline;
  float: right;
}

img.arrow1 {
  vertical-align: middle;
}

img.image1 {
  border: 1px solid #ffffff;
}

.hr {
  height: 1px;
  margin: 0;
  padding: 0;
  margin-top: 3px;
  border: none;
  border-bottom: 1px dashed #C1192F;
}

.hr2 {
  border-bottom: 1px dashed #34903C;
}

.highlight, a.highlight {
  color: #C1192F;
}
