﻿*
{
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}

body {
  background:#fff;
  color:#000;
	font-size: 62.5%;
  font-family: verdana, arial, sans-serif;
  background:url("img/background.gif");
}

div {
	position:relative;
}

p  {
  font-size: 1.2em;
  text-align: left;
}

h4 {
	font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
  text-align: left;
}

li {
  font-size: 1.2em;
  text-align: left;
  margin-left:50px;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

.clear {
	clear:both;
}

.email {
	margin-top: 4px;
	margin-bottom: 4px;
	border:0px;
}

.menu {
  width:100%;
  font-size:1.3em;
  line-height:normal;
  }

.menu-container
{
  background:#DAE0D2 url("img/bg.gif") repeat-x bottom;
  overflow: hidden;
  position: relative;
  width: 800px;
  margin: 0 auto;
	border-left: #776655 solid 1px;
	border-right: #776655 solid 1px;
}

.tab-off
{
  border-bottom: 1px solid #776655;
}

.menu-containergreen
{
  background:#DAE0D2 url("img/bg-green.gif") repeat-x bottom;
  overflow: hidden;
  position: relative;
  width: 800px;
  margin: 0 auto;
	border-left: #667755 solid 1px;
	border-right: #667755 solid 1px;
}
.menu-containerteal
{
  background:#DAE0D2 url("img/bg-teal.gif") repeat-x bottom;
  overflow: hidden;
  position: relative;
  width: 800px;
  margin: 0 auto;
	border-left: #557766 solid 1px;
	border-right: #557766 solid 1px;
}
.menu-containerblue
{
  background:#DAE0D2 url("img/bg-blue.gif") repeat-x bottom;
  overflow: hidden;
  position: relative;
  width: 800px;
  margin: 0 auto;
	border-left: #556677 solid 1px;
	border-right: #556677 solid 1px;
}
.menu-containerpurple
{
  background:#DAE0D2 url("img/bg-purple.gif") repeat-x bottom;
  overflow: hidden;
  position: relative;
  width: 800px;
  margin: 0 auto;
	border-left: #665577 solid 1px;
	border-right: #665577 solid 1px;
}
.menu-containerpink
{
  background:#DAE0D2 url("img/bg-pink.gif") repeat-x bottom;
  overflow: hidden;
  position: relative;
  width: 800px;
  margin: 0 auto;
	border-left: #775566 solid 1px;
	border-right: #775566 solid 1px;
}
.menu-containergreen li, .menu-containerteal li, .menu-containerblue li, .menu-containerpurple li 
{ font-size: 1em; 
}

.menu ul {
  clear: left;
  float: left;
  position: relative;
  left: 50%;
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  max-width: 800px;
  width: auto;
  margin: 0 auto;
  text-align: center;
  }
.menu li {
  float: left;
  list-style: none;
  position: relative;
  right: 50%;
  background:url("img/left.gif") no-repeat left top;
  margin:0;
  padding:0 5px 0 9px;
  display: block;
}
/* colours*/
.menu li.green
{
  background:url("img/left_green.gif") no-repeat left top;
}
.menu li.teal
{
  background:url("img/left_teal.gif") no-repeat left top;
}
.menu li.blue
{
  background:url("img/left_blue.gif") no-repeat left top;
}
.menu li.purple
{
  background:url("img/left_purple.gif") no-repeat left top;
}
.menu li.pink
{
  background:url("img/left_pink.gif") no-repeat left top;
}
.menu a {
  background:url("img/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  display: block;
  }
/* colours*/
.menu a.green
{
  background:url("img/right_green.gif") no-repeat right top;
  color:#667755;
}
.menu a.teal
{
  background:url("img/right_teal.gif") no-repeat right top;
  color:#557766;
}
.menu a.blue
{
  background:url("img/right_blue.gif") no-repeat right top;
  color:#556677;
}
.menu a.purple
{
  background:url("img/right_purple.gif") no-repeat right top;
  color:#665577;
}
.menu a.pink
{
  background:url("img/right_pink.gif") no-repeat right top;
  color:#775566;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.menu a {float:none;}
/* End IE5-Mac hack */
.menu a:hover {
  color:#333;
  }
.menu #current {
  background-image:url("img/left_on.gif");
  }
.menu #currentgreen {
  background-image:url("img/left_on_green.gif");
  }
.menu #currentteal {
  background-image:url("img/left_on_teal.gif");
  }
.menu #currentblue {
  background-image:url("img/left_on_blue.gif");
  }
.menu #currentpurple {
  background-image:url("img/left_on_purple.gif");
  }
.menu #currentpink {
  background-image:url("img/left_on_pink.gif");
  }
.menu #current a {
  background-image:url("img/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }

.menu #currentgreen a {
  background-image:url("img/right_on_green.gif");
  color:#333;
  padding-bottom:5px;
  }
.menu #currentteal a {
  background-image:url("img/right_on_teal.gif");
  color:#333;
  padding-bottom:5px;
  }
.menu #currentblue a {
  background-image:url("img/right_on_blue.gif");
  color:#333;
  padding-bottom:5px;
  }
.menu #currentpurple a {
  background-image:url("img/right_on_purple.gif");
  color:#333;
  padding-bottom:5px;
  }
.menu #currentpink a {
  background-image:url("img/right_on_pink.gif");
  color:#333;
  padding-bottom:5px;
  }

.header-bar
{
	background: #040081;
	width: 100%;
	height: 150px;
	text-align: center;
	color: #ffcc00;
  font-family: Copperplate Gothic Light, Trebuchet MS, Helvetica, sans-serif;
}

.header-bar h1
{
  display: block;
  font-size: 3.6em;
  padding-left: 116px;
  padding-right: 116px;
  text-align: center;
 }

.header-bar h2
{
  display: block;
  font-size: 2.6em;
  padding-left: 116px;
  padding-right: 116px;
  text-align: center;
 }

h3 
{ padding-bottom:5px;
padding-top:10px;
}

.header-container
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	align: center;
	padding-top: 5px;
}

.header-title
{
	text-align: center;
	padding-top: 20px;
	margin-left:auto;
	margin-right:auto;
}

.outer-wrap
{
	width: 100%;
/*	margin-bottom: 15px;*/
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.contact
{
  background: #776655;
  color: #fff;
  padding: 5px;
}

.contactgreen
{
	background: #667755;
  color: #fff;
  padding: 5px;
}
.contactteal
{
	background: #557766;
  color: #fff;
  padding: 5px;
}
.contactblue
{
	background: #556677;
  color: #fff;
  padding: 5px;
}
.contactpurple
{
	background: #665577;
  color: #fff;
  padding: 5px;
}
.contactpink
{
	background: #775566;
  color: #fff;
  padding: 5px;
}

.shadow
{
  width: 814px;
  background: repeat-y url("img/shadow.png");
	margin: 0 auto;
}

.shadow-bottom
{
  width: 814px;
  height: 7px;
  background: no-repeat url("img/shadow-bottom.png");
	margin: 0 auto;
	line-height: 1px;
}

.body-wrapper
{
	width: 800px;
	margin: 0 auto;
	align: center;
	border: #776655 solid 1px;
	border-top: none;
	background: #fff;
	clear : both;

}

.body-wrappergreen
{
	width: 800px;
	margin: 0 auto;
	align: center;
	border: #667755 solid 1px;
	border-top: none;
	background: #fff;
	clear : both;

}
.body-wrapperteal
{
	width: 800px;
	margin: 0 auto;
	align: center;
	border: #557766 solid 1px;
	border-top: none;
	background: #fff;
	clear : both;
	
}
.body-wrapperblue
{
	width: 800px;
	margin: 0 auto;
	align: center;
	border: #556677 solid 1px;
	border-top: none;
	background: #fff;
	clear : both;

}
.body-wrapperpurple
{
	width: 800px;
	margin: 0 auto;
	align: center;
	border: #665577 solid 1px;
	border-top: none;
	background: #fff;
	clear : both;

}
.body-wrapperpink
{
	width: 800px;
	margin: 0 auto;
	align: center;
	border: #775566 solid 1px;
	border-top: none;
	background: #fff;
	clear : both;

}


.body-container
{
  padding: 15px;
}

.namo-wrapper
{
  width: 770px;
  position: relative;
}

.menu-container li
{
font-size: 1em;
}

