/* Clanranald */

/* Colours *******************************************************************/

body {
  background-color: #FFB240;
  /*background-color: #FFBE5D;
  background-position: top;
  background-repeat: repeat-x;
  background-image:url("images/bg.png");*/
  }

div#main {
  }

div#nav1 {
  color: white;
  background-color: #111169;
  border: 1px solid #111169;
  }

div#nav1 ul li.current, div#nav1 ul li a {
  border-color: white;
  }

div#nav2 {
  color: white;
  background-color: #111169;
  background-position: top center;
  background-repeat: no-repeat;
  background-image:url("images/navbg.jpg");
  }

div#nav2b {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-image:url("images/navbg-b.png");
  }

div.item {
  background-color: #FFC570;
  }

div.alternate-item {
/*  background-color: #eee;*/
  }

h1 {
  background-image: url("images/hbg.png");
  background-repeat: repeat-x;
  background-position: top center;
  color: #0ff;
  background-color: #111169;
}

h1 span {
  color: white;
}


/* End of colours ************************************************************/


/* Layout ********************************************************************/

div#main {
  position: absolute;
  top: 1em;
  left: 14em;
  right: 1em;
  padding:0 0 1em 1em;
  }

div#nav1 {
  margin: 0;
  padding: 2px;
  }

div#nav1 h2{
  display:none;
  margin: 0;
  }

div#nav1 ul {
  margin: 0;
  padding: 0;
  font-family: Georgia, serif;
  font-style: italic;
  }

div#nav1 ul li{
  display: inline;
  margin: 0;
  }

div#nav1 a {
  text-decoration: none;
  color: white;
  border-width: 1px;
  border-style: solid;
  padding: 1px 2px;
  }

div#nav2 {
  position: absolute;
  top: 0;
  left: -13em;
  width: 12em;
  padding: 0;
  }

div#nav2b {
  margin: 0;
  padding: 180px 4px 100px;
  }

div#nav2 h2{
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: bold;
  font-size: 100%;
  border-bottom: solid 1px #bbb;
  }

div#nav2 ul{
  }

div#nav2 a {
  color: white;
  }

div#skip {
  display:none;
  }

h1 {
  margin: 0;
  padding: 2px 4px 2px;
  height: 92px;
  text-align: right;
  font-family: "Arial Black", sans-serif;
  font-weight: 900;
  font-size: 125%;
}

h1 span {
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: normal;
  font-size: 80%;
  color: white;
  position: absolute;
  top: 1.1em;
  right: 4px;
}

div.photobar {
  float: right;
 /* width: 70px; */
  background-color: #DF9C38;
  border: 2px solid #C28831;
  text-align: center;
}

div.photobar img{
  display:block;
  margin: 4px;
}

div#gallery {
  padding: 1em;
  text-align: center;
  background-color: #FFC570;
}

div#gallery div.main-photo {
  width: 340px;
  margin: 1em auto 0;
}

div#gallery div.main-photo-wide {
  margin: 1em auto 0;
}

div#gallery div.main-photo-wide img {
  float: left;
  border: 0.5em solid #FFC570;
  border-left-width: 0;
  margin-right: 1em;
}

div#gallery div.caption {
  text-align: left;
  padding: 0 0.5em;
}

div.logos {
  margin: 0 auto;
  width: 320px;
  padding: 0.4em;
  text-align: center;
  background-color: #FFC570;
  vertical-align: middle;
}



/*End of layout **************************************************************/

html {
  margin: 0;
  padding: 0;
  }

body {
  margin: 0;
  padding: 0;
  font-size: 100%
  }
  
h2, h3 {
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: bold;
}

h3 {
  margin-top: 2em;
}


div.item {
  margin:0;
  padding:1em;
  }

div.alternate-item {
  margin:0;
  padding:1em;
  }

div.item td, div.alternate-item td {
  vertical-align: top;
  }

div#nav ul{
  font-family: Verdana, sans-serif;
  list-style-type: none;
  }

div#nav ul li{
  margin-bottom: 0.4em;
  }

ul#sitemap {
  display: inline-block;
  list-style-type: none;
}

ul#sitemap ul {
  list-style-position: inside;
}

ul#sitemap li {
  margin-bottom: 0.6em;
  background-color: #dde;
  padding:0.1em;
  font-weight: bold;
  background-color: #FFC570;
}

ul#sitemap li li {
  margin-bottom: 0.2em;
  padding:0.1em;
  font-weight: normal;
}

blockquote {
  text-align: right;
  background-image: url("images/ldquo.gif");
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0;
  margin-bottom: 2em;
}

blockquote cite {
  margin: 0 40px 0 0;
  color: #224;
}

blockquote p {
  background-image: url("images/rdquo.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
  margin: 0 0 0 40px;
  padding: 4px 40px 4px 0;
  text-align: left;
}

div.item, div.alternate-item {
/*  clear: right;*/
  overflow: auto;
	zoom: 1;
}

div.item h3, div.alternate-item h3 {
  margin: 0 0 0.4em 0;
  border-bottom: solid black 1px;
}

div.item img, div.alternate-item img {
  margin: 0 0 0 0.8em;
  float: right;
}

table.month {
  font-size:85%;
  margin: 0 1em 0.2em;
  }

table.month th {
  width: 3.5em;
  background: #C28831;
  }

table.month td {
  width:3.5em;
  background: #DF9C38;
  }

table.month td.b {
  background: #E4551B;
  }

table.month td.e {
  background: transparent;
  }

a.up {
  display: block;
  font-size:85%;
  margin: 0 auto 3em 1em;
 }

table.index {
  font-size:85%;
  border: solid #C28831 2px;
  margin: 2em 1em;
  }

table.index th {
  width: 3em;
  text-align: center;
  background: #C28831;
  }

table.index td.index {
  width: 3em;
  text-align: center;
  background: #DF9C38;
  }

span.b {
  padding-left: 1em;
  padding-right: 1em;
  background: #E4551B;
  font-size:85%;
  }


table#contact th {
  padding-right: 0.4em;
  text-align:right;
  vertical-align: top;
}

div#contact-form {
  padding: 1em;
  text-align: right;
  background-color: #FFC570;
}

div#contact-form form {
  margin:0;
  padding:0;
}

div#contact-form table{
  margin: 0 auto;
  text-align: left;
}

div#contact-form table th {
  display: none;
}

div#contact-form table input, div#contact-form table textarea {
  margin: 0;
  padding: 0;
  width:30em;
}

div#contact-form input {
  margin: 0.4em 0 0 0;
}



/* Printing ******************************************************************/
@media print {

body {
  font-family: serif;
  font-size: 11pt;
  color: black;
  background-color: white
  }

div#main {
  position: static;
  border: none;
  margin: 0;
  padding: 0;
  }

div#nav1, div#nav2 {
  display: none;
  }

h1, h2, h3 {
  font-family: sans-serif;
  }

h1 {
  text-align: left;
  background: none;
  height: auto;
  color: black;
  font-size: 150%;
}

h1 span {
  position: static;
  color: inherit;
  font-size: inherit;
}


}
/* End of printing ***********************************************************/