﻿body, html { 
margin: 0 auto; 
padding:0; 
border: 0; 
width:900px;
}


font-family:Arial;{
	background-color: white;
    text-align:center;
	
 
} 


#container {
	position:relative;
	border-color: #000040;
	border-style:solid;
	border-width:3px;
	width:898px;
	margin: 0 auto;
	text-align: center;
	
	}
#masthead {
	width:895px;	
	height:168px;
	background-image: url(Images/Graphic1.jpg) ;
	border-color: #000040;
	border-style:solid;
	border-width:3px;
	
}
/* Main menu settings */
#centeredmenu {
   clear:both;
   float:left;
   margin:0;
   padding:0;
   width: 900px;
   background-color: #000040;
   font-family:Verdana, Geneva, sans-serif; /* Menu font */
   font-size:90%; /* Menu text size */
   z-index:1000; /* This makes the dropdown menus appear above the page content below */
   position:relative;
}

/* Top menu items */
#centeredmenu ul {
   margin:0;
   padding:0;
   list-style:none;
   float:right;
   position:relative;
   right:50%;
}
#centeredmenu ul li {
   
   padding:0;
   float:left;
   position:relative;
   left:50%;
   
}
#centeredmenu ul li a {
   display:block;
   margin:0;
   padding:.6em .5em .4em;
   font-size:1em;
   line-height:1em;
   background:#000040;
   text-decoration:none;
   color:#444;
   font-weight:bold;
   }
#centeredmenu ul li.active a {
   color:#fff;
   background:#000040;
}
#centeredmenu ul li a:hover {
   background:#000040; /* Top menu items background colour */
   color:#fff;
   text-decoration:underline;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
   background:#000040; /* Top menu items background colour */
   color:#fff;
}
/* Submenu items */
#centeredmenu ul ul {
   display:none; /* Sub menus are hiden by default */
   position:absolute;
   left:0;
   right:auto; /*resets the right:50% on the parent ul */
   width:10em; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
   left:auto;  /*resets the left:50% on the parent li */
   margin:0; /* Reset the 1px margin from the top menu */
   clear:left;
   width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   font-weight:bold; /* resets the bold set for the top level menu items */
   background:#000040;
   color:#fff;
   line-height:1.4em; /* overwrite line-height value from top menu */
   border-bottom:1px solid #000040; /* sub menu item horizontal lines */
   font-family:Verdana, Geneva, sans-serif; /* Menu font */
   font-size:90%; /* Menu text size */
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#000040; /* Sub menu items background colour */
   color:#fff;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

#content {
	width:383px;
	height: 440px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 8px;
	float:left;
	
}
/* iframe's parent node */div#root {    position: fixed;    width: 800px;    height: 500px;}
/* iframe itself */div#root > iframe {    display: block;    width: 800px;    height: 500px;    border: none;}
#contentindex {
	width:383px;
	height: 500px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 8px;
	float:left;
	
}
#contentright {
	width:450px;
	height:464px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-right:8px;
	float: right;
	
}
#contentmain {
	width:890px;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left:10px;
	padding-right:10px;
	text-align: center;
}
#footer {
	width:900px;
	height:88px;
	background-image:url(Images/footer.jpg);
	background-repeat: no-repeat;
	position: relative;
	
	}

.style1 {
	text-align: center;
	vertical-align: text-bottom;
	/*color: #FFFFFF;*/
	font-size: xx-small;
}
.style2 {
	color: #FFFFFF;
	font-size: small;
}
h4
	{margin-right:0cm;
	margin-left:0cm;
	text-align:justify;
	font-size:13.5pt;
	font-family:"Trebuchet MS";
	color:navy;
	}
 
.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: justify;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: small;
	text-align: justify;
}
.style9 {
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 4px;
	margin-bottom: 0px;
	text-align: center;
}



.redtext
{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC3333;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
.emaillink
{
	font-family: Arial, Helvetica, sans-serif;
	color: #0066FF;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}
.emaillink a:hover {
    color:#330099;
  
  }
	
.noborder {
	border-width: 0px;
}
.style21 {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: small;
	text-align: center;
	text-decoration: underline;
	margin-top: 0cm;
}

.stylecalibri {
	font-size: large;
	font-style: italic;
	font-family: Calibri;
	color: #000040;
	text-align: center;
	margin-top: 16px;
}
.navyheader {
	font-family: Arial, Helvetica, sans-serif;
	color: #000040;
	font-size: x-large;
	text-align: center;
	margin-top: 0cm;
	font-weight: bold;
}
.navyheaderverylarge  {
	font-family: Arial, Helvetica, sans-serif;
	color: #000040;
	font-size: 36pt;
	text-align: center;
	margin-top: 0cm;
	font-weight: bold;
}
.navysmallheader {
	font-family: Arial, Helvetica, sans-serif;
	color: #000040;
	font-size: 16px;
	text-align: center;
	margin-top: 0cm;
	font-weight: bold;
}
.navynormal {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000040;
	text-align: center;
	font-size: 14px;
}
.navynormalsmall {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000040;
	text-align: center;
	font-size: 12px;
}
.navysmallleft {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000040;
	text-align: justify;
	font-size: 12px;
	margin-right: 10px;
	margin-left: 10px;
}
.navynormalleft {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000040;
	text-align: justify;
	font-size: 14px;
	margin-right: 10px;
	margin-left: 10px;
}

.navyunderline{
	margin-right:0cm;
	margin-left:0cm;
	font-size:13.5pt;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	text-align: center;
	color: #000040;
}
.navyxmasbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: inherit;
	color: #000040;
}
.navyboldleftul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #000040;
	text-decoration:underline;
	text-align: left;
	margin-left: 10px;
}

.rightpos
{
	
	position: absolute;
	left: 350px;
}
.yellowbck {
	color: #FF0000;
	background-color: #FFFF00;
	text-align: center;
}
.mainCenter {
	
	vertical-align:middle;
	
	
}

.navy18centercapitalise {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	color: #000040;
	text-transform: capitalize;
}
.navy14left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	color: #000040;
	text-align: justify;
}
.titlebold24 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	text-align: center;
	text-transform: capitalize;
	color: #000040;
}

.navyleftboldhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000040;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
}
.navyleftboldhead1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000040;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
}
.navyleftboldred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
	color: #FFFFFF;
	background-color: #FF0000;
}

.storefrontpage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000040;
}


