/* -------- general styles -------- */

html,
body {
  margin:0;
  padding:0;
  border:0;		/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background:#8E8E5F;
  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:Segoe UI,Trebuchet MS,Helvetica,sans-serif;
  text-align:center;
}

#fixed-width {
  margin:0 auto;
  width:990px;
  text-align:left;
}

a {
  color:#004276;
  text-decoration:none;
}
a:hover {
  color:#ffffff;
  background:#004276;	
  text-decoration:none;
}

h1 {
  margin:0.7em 0 .2em 0;
  font-size:1.4em;
  padding:0;
}

h2, h3, h4 {
  margin:1.3em 0 .2em 0;
  padding:0;
}

h2 {
  font-size:1.1em;
}

h3 {
  font-size:0.9em;
}

h4 {
  font-size:.99em;
}

p {
  font-size:.8em;
  margin:.4em 0 .8em 0;
  padding:0;
}
p.bullet {
  padding:0 0 0 15px;
}
p.header {
  padding:0;
}
#nav {
  font-size:.7em;
  margin:4px 0 0 0;
  padding:0;
}

li {
}
.page {
  font-size:.8em;
  margin:.4em 0 .8em 0;
  padding:0;
}

img {
  margin:0;
}
.captioned {
  margin:10px 3px 0px 3px;
}

/* -------- top header styles -------------------------- */

#top-header {
  font-size:1em;
  clear:both;
  float:left;
  width:100%;
}
#top-header p {
  color:#ffffff;
  padding:1px;
  margin:0;
  text-align:left;
}
#top-header a {
  color:#FCFCB0;
  text-decoration:none;
}
#top-header a:hover {
  color:#004276;
  background:#ffffff;	
  text-decoration:none;
}

/* -------- header -------------------------- */
#header {
  clear:both;
  float:center;
  width:100%;
  background:#F2F2A7;
  border-left:1px solid #000;
  border-right:1px solid #000;
  border-top:1px solid #000;
}

#header p {
  padding:0 0 0 0;	/* was .4em 15px 0 15px */
  margin:0;
}


/* -------- column container -------------------------- */

.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 portion of page allocated for use, can be less than all of width */
  overflow:hidden;	/* This chops off any overhanging divs */
  border-left:1px solid #000000;
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;
}

/* ------- gallery images -------- */

div.gallery
  {
  margin:0 0 0 10px;
  }
div.img
  {
  margin:2px 5px 2px 5px;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:2px 2px 0 2px;
  }
div.desc
  {
  text-align:center;
  font-size:0.8em;
  font-weight:normal;
  width:600px;
  height:60px;
  margin:0 2px 2px 2px;
  }

/* -------- 2 column settings -------- */
.colright,
.colmid,
.colleft {
  float:left;
  width:100%;
  position:relative;
}
.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0;
  overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu {
  background:#FCFCB0;	/* primary (right) column background colour */
}
.leftmenu .colleft {
  right:75%;		/* primary (right) column width */
  background:#E2E29C;	/* left column background colour */
}
.leftmenu .col1 {
  width:71%;		/* primary (right) column content width */
  left:102%;		/* 100% plus left column left padding */
}
.leftmenu .col2 {
  width:21%;		/* left column content width (column width minus left and right padding) */
  left:6%;		/* (right column left and right padding) plus (left column left padding) */
}

/* -------- footer styles -------------------------- */

#footer {
  font-size:0.8em;
  clear:both;
  float:left;
  width:100%;
}
#footer p {
  padding:7px;
  margin:0;
  text-align:center;
}