/* ============================================================= */
/* (c)2007 - Colin Jones - Created for Gordon Highlanders Museum */
/* Seajays Home Software - www.seajays.org.uk                    */
/* ============================================================= */
/* Date: 06/APR/2007 - v1.0                                      */
/* ============================================================= */

/* Colour Table                                                  */
/* 

/* --------- Generic Site settings */
body {
	background-color: #FFFFFF;
	font-size: 90%;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #2B574D;
	padding: 0px;
	margin: 0px;
}

.minibutton {	border:1px solid;
				padding: 0em 0.3em;
				font: 1em normal 'Arial Narrow',Arial,verdana,sans-serif;
				color:#FFFFFF!important;
				background:#33675A;
				text-decoration:none;
				margin: 0em 0.1em;
				text-transform: uppercase;   }
.minibuttoncolourstd { background-color: #33675A; border-color:#499482 #162E28 #162E28 #499482; }
			
a { text-decoration: none; color: #447399;}
a:hover { text-decoration: underline; color: #2767C7; }
.invisiform { margin: 0em; padding: 0em; display: inline;}
.searchinput { padding: 1px; font-family: monospace; width: 8em; vertical-align: middle;}
img { border-style: none; }
h3 { margin: 0em 0em 0.5em 0em; }
h2 { 
	font-size: 112%;
	margin: 0em;
	padding: 0.3em 0.5em;
   	border-bottom: 1px solid #2B574D; 
   	font-weight: normal;
   	color: #111111;
}
.area_common {
	margin: 0.2em 0em 0.8em 0em;
	padding: 0.3em 0.5em;
	position: relative;
   	color: #111111;}
.area_common ul { margin-top: 0em; margin-bottom: 0em; padding-left: 1em; margin-left: 1em; font-size: 90%; }
   
.area_1,.area_2,.area_3,.area_4,.area_5,.area_6 { background-color: #E5F0C6; border: 1px solid #33675A;}
h2.area_1,h2.area_2,h2.area_3,h2.area_4,h2.area_5,h2.area_6 { background-color: #33675A; color: #E5F0C6; border: none; border-bottom: 1px solid #2B574D; }  

#homePodContainer { margin: 0em 0em 1em 2em; } 
#homePodRowA, #homePodRowB { width: 100%; }
.homePod { float: left; width: 18%; vertical-align: top; padding: 0em 0.5em 0.5em 0.5em; font-size: 90%;}
.homeimage { width: 100%; border: none; display: block;}

.homePod a:link, .homePod a:visited { background-color: #33675A; display:block; color: #E5F0C6; }
* html .homePod a { width:100%; }
.homePod a:hover { background-color: #E5F0C6; text-decoration: none; color: #33675A; }
.homePodPad { padding: 0.5em 0.3em; display: block; }

.shopPod { float: left; position: relative; width: 42%; vertical-align: top; padding: 0em 1em 1em 1em; border: 1px solid; margin: 0em 1em 1em 0em; font-size: 90%;}
.shopPod img { float: left;  position: relative; margin: 0em 1em 1em 0em; }
.shopPod a:link, .shopPod a:visited { font-weight: bold; text-decoration: none; }
.shopPod a:hover { color: #C11; text-decoration: underline; }
.shopBuy { background-color: #E5F0C6; width: 90%; padding: 0.2em 1em;}
.shopPodPad { padding: 0.5em 0.3em; display: block; width: 90%; }
.shopImage { width: 10em; height: 10em;}
.basketFull { background-color: #F7F366; }

.column-one-content {
	line-height: 1.5em;
	color: #1C3932;
	font-size: 90%;
}

/* .area_1 { background-color: #E5F0C6; }
.area_1 img { height: 7em; float:left; position: relative;}
h2.area_1 { background-color: #C4DF82; }
.area_2 { background-color: #F6F2D7; }
h2.area_2 { background-color: #E8DF9E; }
.area_3 { background-color: #FFFFCD; }
h2.area_3 { background-color: #FBFA84; }
.area_4 { background-color: #F5E7E7; }
h2.area_4 { background-color: #DCAAAB; }
.area_4:first-child { margin-top: 0em; }
.area_5 { background-color: #C3D7F2; }
h2.area_5 { background-color: #80AAE6; }
.area_6 { background-color: #FFFFFF; border: 2px solid #33675A;}
h2.area_6 { background-color: #33675A; color: #FFFFFF; border: none; border-bottom: 1px solid #2B574D; } */

/* --------- Page Content Info */
#pagecontent
    {
    padding : 0em;
    background-color : #FFFFFF;
    }
#pagecontent .columns-float { width:80%;} 
#pagecontent .column-one { width:70%; } 
#pagecontent .column-two { width:29.5%; }
#pagecontent .column-three { width:20%; }
#pagecontent .area_common { 
  min-height: 15em;
  height: auto !important;
  height: 15em;
}
/* --------- Main Header information */
#banner
    {
    padding : 0em;
    background-color : #FFFFFF;
   	border-bottom: 1px solid #999999;
   	margin-bottom: 0.6em;
    }
#banner .columns-float { width:73%;} 
#banner .column-one { width:60%; position: absolute; left: 40%;} 
#banner .column-two { width:40%;}
#banner .column-three { width:27%;}
#banner .column-one-content, #banner .column-two-content, #banner .column-three-content { padding: 0em; margin: 0em; }

#bannerlogo1_img {
	height: 8em;	
	float: left;
	background-color: transparent;
}
#topmenucontainer {
	position:relative;
	height: 9em;
}
#topmenu1 {
	color: #333333;
	position:absolute; 
	top:0px;	
	width:100%; 
	text-align:right;
}
#topmenu1 a { color: #333333; text-decoration: none; white-space: nowrap;}
#topmenu1 a:hover { color: #33AA33; text-decoration: none; }

#topmenu2 {
	color: #333333;
	font-weight: bold;
	padding-bottom: 0.2em;
	position:absolute; 
	bottom:0px;
	width:100%; 
	text-align:right;
	line-height: 1.2em;
}
#topmenu2 a { color: #333333; text-decoration: none; white-space: nowrap;}
#topmenu2 a:hover { color: #33AA33; text-decoration: none; }

/* --------- Main content container */
#content {

}

/* --------- Sidebars (1=left,2=right) */
#sidebar1 {

}
#sidebar2 {

}
#shopsidebar {
	float: right;
	border-left: 2px solid #2B574D;
	text-align: left;
	padding: 0em;
	margin-left: 1em;
	height: 8em;
}
#shopsidebar_basket {
	text-align: center;
	height: 1.5em;
	margin-left: 0em;
	padding: 0.25em 1em;
}
#shopsidebar_search {
	background-color: #E5F0C6;
	border: 1px solid #2B574D;
	border-left: none;
	padding: 0.5em 0.1em 0.5em 1em;
	margin-right: 0em;
	font-size: 80%;
}
#shopsidebar_browse {
	font-size: 80%;
	margin-left: 1em;
	padding: 0.25em 0em;
}


/* --------- Main footer container */
#footer {
	font-family: Arial, Sans-Serif;
	background-color: #E5F0C6;
	padding: 0.1em 0.5em;
	font-size: 80%;
	min-height: 2em;
	line-height: 2em;
}
#footer a {
	padding: 0em 0.5em; 
	color: #2B574D;
	text-decoration: none;
	background-color: #E5F0C6;
	white-space: nowrap;
}
#footer a:hover { color: #DF6B16; }
	
#footer:after {
	content: " ";
	display: block;
	line-height: 1px;
	font-size: 0.1em;
	clear: both;
}
.microbox {	border: 1px solid #999999;
			padding: 0em 0.4em;
			font: 0.7em normal Arial, Sans-Serif;
			background-color: #EEEEEE;
			text-decoration: none;
			margin: 0em 0.05em;
			vertical-align: middle; }
.mbOn { background-color: #E5F0C6!important; }

/* ============= Positioning Classes =========== */
.floatleft { float: left; }
.floatright { float: right; }

/* ============= Navigation Bar ================ */

#Menu {
	font-family: Arial, Sans-Serif;
	font-size: 95%;
	background-color: #E5F0C6;
	border-bottom: 1px solid #2B574D;
	min-height: 1.7em;
	line-height: 1.7em;
    clear: both;
}
#Menu ul {
	text-align: center; 
	margin: 0em; 
	font-size: 90%;
	font-weight: bold;
}
#Menu li {	display: inline; 
			border-right: 1px solid #2B574D;}
#Menu li a {
	padding: 0em 0.3em 0em 0.5em; 
	color: #2B574D;
	text-decoration: none;
	background-color: #E5F0C6;
	white-space: nowrap;
}
#Menu li a:hover { color: #DF6B16; }