/* Style sheet for 2nd Kirriemuir Scout Group */
html
{
  /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
  height: 100%;
  margin-bottom: 1px;
}

body
{
  /* height:100%; */ /* for IE */
  margin:0;
  padding:0;
  font-family:Arial,sans-serif;
}

#header
{
/*   height:106px; */
  margin:0 0 0 0;
  padding:0 auto;
  background: #306c30 url("tartan.jpg");
  color:#fff;
  font-weight:bold;
  font-size:120%;
  font-family:"Comic sans ms";
  width:100%;
}

#headerlogo
{
/*
  overflow:hidden;
  display:block;
  width:350px;
  height:125px;
  margin:0;
  padding:0;
  z-index:2;*/
  max-width:800px;
/*   text-align:center; */
  margin:0 0 0 1em;
  font-size:300%;
}


#container
{
  float: left;
  width: 100%;
  margin-right: -14em;
}

#container2
{
  float: right;
  width: 100%;
  margin-left: -14em
}

#leftcol
{
  float: left;
  width: 11em;
  padding-left:2em;
  background:#fff;
}

#content
{
  margin:0 0 0 13em;
  padding:10px 1em 1em 2em;
  color:#382028;
  background:transparent;
}
#content { margin: 0 3em 0 11em}

#footer
{
  clear: both;
  margin:0;
  padding:1em 0 0 3em;
  color:#aaaaaa;
  font-size:75%;
  border-top: 1px solid #306c30;
/*   background:#fff; */
}

/* internals of header */

/* internals of footer */
#footer a, #footer a:visited
{
  color:#63554c;
  text-decoration:none;
}

#footer a:hover
{
  color:#116600;
}

#webvalid
{
  float:right;
  position:relative;
  top:-6px;
}

#webvalid #logo
{
  /* display:block; */
  position:relative;
}


#webvalid  #logo img
{
  display:inline;
  border:0;
  position:relative;
  left:-4.4em;
 /*  bottom:-2px;
 */
  margin:0 0 -2px 0;
 /*  width:350px; */
  height:20px;
  /* background: transparent ; */
  z-index:3;

}

#news
{
  float: right;
  width: 15em;
  padding:0.5em;
  color:#63554c;
  margin:0 5px 1em 0;
}



/* internals of leftcol */
/* internals of navigation */
ul.navigation
{
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left:0;
  margin-right:1em;
  margin-top: 1em;
  margin-bottom: 2em;
  font-weight: bold;
}

ul.navigation li a
{
  display: block;
  color: #005b00;
  padding: 4px 0;
  text-decoration: none;
}

ul.navigation li.this a,
ul.navigation li.this a:hover
{
  color:#aaaaaa;
  text-decoration:none;
}

ul.navigation li a:hover
{
  color: #005b00;
  text-decoration:underline; /* if this then leave colour same also works for ul ul */
}

ul.navigation li.this a:hover
{
  color: #aaaaaa;
}

/* internals of content */
img.floatleft
{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

img.floatright
{
  float:right;
  border-style:none;
  margin-left:20px;
  margin-bottom:10px;
}

/* Headings */
h1, h2, h3, th, dt, strong, fieldset legend, a.hover
{
  color:#005b00;
  font-weight:bold;
}

.clear
{
  clear:both;
}

a
{
  color:#63554c;
  font-weight:bold;
}

a:hover
{
  color:#116600;
}

.noshow
{
  display:none;
}

.picture
{
  float:right;
  margin-left:2em;
  margin-top:-1.5em;
}

.box
{
  border:2px solid #005b00;
  padding: 0.5em 1em;
}