/* html */
html
{
  overflow: scroll;
}

/* Body */
body 
{
    margin:0;
    padding:0;
    height:100%;		/* This removes the border around the viewport in old versions of IE */
    width:100%;
    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 */
    background-color: #FFFFFF;
}

#body {
   padding:10px;
   padding-bottom:100px;   /* Height of the footer */
}
	
a 
{
    color:#369;
}

a:hover 
{
    color:#fff;
    background-color:#369;
    text-decoration:none;
}

	
/* H Styles */
h1 
{
    font-family: Arial;
  	font-size:	 2em;
  	font-weight: bold;
    color: 		 #3399CC;
    margin:.8em 0 .2em 0;
	padding:0;
}

h2 
{
    font-family: Arial;
    font-size:   1.75em;
    font-weight: bold;
    color:       #3399CC;
    margin:.8em 0 .2em 0;
	padding:0;
}

h3 
{
    font-family: Arial;
    font-size: 1.5em;
    font-weight: bold;
    color: #3399CC;
    margin:.8em 0 .2em 0;
	padding:0;
}

h4 
{
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
    color: #3399CC;
    margin-bottom: 2px;
}

h5 
{
    font-family: Arial;
    font-size: 0.8em;
    font-weight: bold;
    color: #3399CC;
    margin-top: 2px;
    margin-bottom: 2px;
}

h6 
{
    font-family: Arial;
    font-size: 0.8em;
    font-weight: normal;
    text-align: justify;
    margin-top: 2px;
	margin-bottom: 2px;
}

p 
{
    margin:.4em 0 .8em 0;
    padding:0;
}

img 
{
	margin:10px 0 5px;
}
	
.centre
{
 	text-align: center;
}

.left
{
 	text-align: left;
}

.right
{
 	text-align: right;
}

.justify
{
 	text-align: justify;
}

.italic
{
 	font-style: italic;
}

.blue
{
    color: #3399CC;
}
.white
{
    color: white;
}
.black
{
    color: black;
}
.navy
{
    color: navy;
}
.m1
{
    font-family: Times New Roman;
    font-size: 1.8em;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}

.m2
{
    font-family: Times New Roman;
    font-size: 0.8em;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 0;
	margin-bottom: 0;
	margin-left: 4px;
}
.m3
{
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
    color: black;
    margin-top: 0;
	margin-bottom: 0;
}

.m4
{
    font-family: Arial;
    font-size: 0.8em;
    font-weight: bold;
    color: Navy;
    margin-top: 0;
	margin-bottom: 0;
}
.m5
{
    font-family: Times New Roman;
    font-size: 1em;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 0;
	margin-bottom: 0;
}

.m6
{
    font-family: Arial;
    font-size: 0.8em;
    font-weight: bold;
    color: #3399CC;
    margin-top: 0;
	margin-bottom: 0;
}


#container {
    min-height:100%;
    position:relative;
   }

/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	border-bottom:1px solid #000;
    background-color: #3399CC;
    text-align: left;
}
    
#header p 
{
    padding:.4em 15px 0 15px;
    margin:0;
}

#header h1
{
    font-family: Arial;
    font-size: 1.8em;
    font-weight: bold;
    color: White;
    padding:.4em 15px 0 15px;
    margin:0;
    z-index: 20;
}

#header h2
{
    font-family: Arial;
    font-size: 0.8em;
    font-weight: bold;
    color: White;
    padding:.4em 15px 0 15px;
    margin:0;
    z-index: 20;
}
    
#header ul 
{
    clear:left;
    float:left;
    width:100%;
    list-style:none;
    margin:10px 0 0 0;
    padding:0;
}
    
#header ul li 
{
    display:inline;
    list-style:none;
    margin:0;
    padding:0;
}
    
#header ul li a 
{
    display:block;
    float:left;
    margin:0 0 0 1px;
    padding:3px 10px;
    text-align:center;
    background-color:#eee;
    color:#000;
    text-decoration:none;
    position:relative;
    left:15px;
    line-height:1.3em;
}
    
#header ul li a:hover 
{
    background-color:#369;
    color:#fff;
}

#header ul li a.active,
#header ul li a.active:hover 
{
    color:#fff;
    background-color:#000;
    font-weight:bold;
}

#header ul li a span 
{
    display:block;
}

/* 'widths' sub menu */
#layoutdims 
{
    clear:both;
    background-color:#eee;
    border-top:4px solid #000;
    margin:0;
    padding:6px 15px !important;
    text-align:right;
}

/* column container */
.colmask 
{
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    min-height:100%;
	/* height: auto !important;  */
	height: 100%;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright, .colmid, .colleft 
{
    float:left;
    min-height:100%;
    width:100%;			/* width of page */
    position:relative;
}

.col1, .col2, .col3 
{
    float:left;
    position:relative;
    min-height:100%;
    padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
				    only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}

/* 3 Column settings */
.threecol 
{
    background-color:#eee;		/* right column background colour */
}

.threecol .colmid 
{
    right:25%;			/* width of the right column */
    background-color:#fff;		/* center column background colour */
}

.threecol .colleft 
{
    right:56%;			/* width of the middle column */
    background-color:#f4f4f4;	/* left column background colour */
}

.threecol .col1 
{
    width:52%;			/* width of center column content (column width minus padding on either side) */
    left:102%;			/* 100% plus left padding of center column */
}

.threecol .col2 
{
    width:15%;			/* Width of left column content (column width minus padding on either side) */
    left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 
{
    width:21%;			/* Width of right column content (column width minus padding on either side) */
    left:91%;			/* Please make note of the brackets here:
				    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* Footer styles */
#footer 
{
    position:absolute;
    bottom:0;
    width:100%;
    height:0;   /* Height of the footer */
    background-color: Transparent;
}

#footer p 
{
    padding:10px;
    margin:0;
}

.clearme { clear: both; }

/* Logo */
.Logo_div
{
  position: absolute;
  background-color: Transparent;
  top:0px;
  left: 90%;
  text-align: right; 
  z-index: 20;
}

/* Menu */
.Menu_div
{
  left: 0%;
  top: 100px;
  width: 100%;
  overflow: visible;
  margin: 0px;
  padding: 0px;
  background-color: White;
  text-align: left;
  z-index: 10;
}

.Scout_div
{    
  position: absolute;
  overflow: visible;
  margin: 0px;
  padding: 0px;
  top:60px;
  left:0;
  background-color: White;
  text-align: left;   
  visibility: visible; 
  z-index: 20;
}

.Mercury_div
{    
  position: absolute;
  overflow: visible;
  margin: 0px;
  padding: 0px;
  top:2px;
  left:0;
  background-color: Transparent;
  text-align: left;   
  visibility: visible; 
  z-index: 20;
}

.Souls_div
{
    font-family: Arial;
    font-size: 0.5em;
    font-style: italic;
    color: Black;
    position: absolute;
    overflow: visible;
    margin: 0px;
    padding: 0px;
    top:112px;
    left:5px;
    background-color: Transparent;
    text-align: left;   
    visibility: visible; 
    z-index: 20;
}

.address_div
{ font-family: Arial;
  font-size: 0.6em;
  color: White;
  position: absolute;
  overflow: visible;
  margin: 0px;
  padding: 0px;
  top:60px;
  left: 80%;
  background-color: Transparent;
  text-align: right;  
  z-index: 20;
}
.hideroot
{
	display:none;
}