/* File: Fluid Productions (fluid.css)				*/
/* Author: Greg Steer - KCS Computer Solutions		*/
/* Date: July 2005									*/
/*													*/
/* Notes: Spacer elements are to counteract IE's	*/
/* tendancy to incorrectly display sized tables		*/


.butHome{width: 40px; padding: 0px; text-align: center;}														/*	Home Button Width			*/
.butHomeSubUL {left: -2px; padding: 0px; text-align: left;}														/*	Home Button Sub Menus UL	*/
.butHomeSubLI {padding-left: 6px; padding-right: 6px; background-color:#A3BEF5; border-left: 1px solid black;	/*	Home Button Sub Menus LI2	*/
				 border-right: 1px solid black; border-top: 1px solid black;}		
.butHomeSubLI2 {padding-left: 6px; padding-right: 6px; background-color:#A3BEF5; border: 1px solid black;}			

.butSubSpacer {height: 5px; left: -6px; padding: 0px;}


/****************** BODY LEVEL STYLES */

/* Basic Body Styling */

body {
	background-color: #004E84;
	background-image: url(images/backfade.gif);
	background-repeat: repeat-x; 
	margin: 0px; 
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	text-align: justify;
	color: #C6E4FE;
}

/****************** DIV STYLES */

/* Overall site wrapper div for centralisation */
div#Wrapper
{	position:absolute;
	left:50%;
	width:694px;
	margin-top:106px;
	margin-left:-347px;
	text-align: left; /* to compensate for the text-centre align in body tag for IE */
}

/* Header Container*/
div#Header
{	position: absolute;
	left: 0px;
	top: 0px;
	width: 694px;
	height: 113px;
	background-image:url(images/interface_03.jpg);
}

/* Content Container*/
div#Content
{	position: absolute;
	left: 0px;
	top: 114px;
	/*width: 694px;*/
	width: 100%;
	
}

div.content_bg_540px {
  background-image:url(images/background_690x540.png);
  height: 550px;
}

div.content_bg_740px {
  background-image:url(images/background_690x740.png);
  height: 750px;
}

div.footer_hight_540px {
  top: 670px;
}

div.footer_hight_740px {
  top: 870px;
}

/* Menu Container */
div#Menu
{
}

/* Main Content - Material */
div#ContentMaterial
{
	position: absolute;
	left: 20px;
	top: 48px;
	width: 650px;
	z-index: 0;
}
div#FlashContent
{	position: absolute;
	left: 0px;
	top: 40px;
	/*width: 694px;*/
	width: 100%;
	height: 374px;
}

/* Footer Container*/
div#Footer
{	position: absolute;
	left: 0px;
	width: 694px;
	height: 42px;
	background-image:url(images/interface_06.jpg);
}

/****************** MISC TEXT STYLING */

.pagetitle{ 
	font-size: 20px;
	font-style: normal;
	color: #C6E4FE;
}
.subtitle{
	font-weight: bold;
}
.showcase {font-weight: bold; color: #fff; padding: 10px 0 0 0}
.showcase a:link {color: #fff; text-decoration:none}   
.showcase a:visited {color: #fff}
.showcase a:hover {color: #072942; text-decoration:underline}
.showcase a:active {color: #fff}

/****************** PAGE SPECIFC PICTURE PLACEMENTS AND OVERALL CLASS */

/* Main Content - Pictures */

.Picture { 
	padding: 8px;
	margin: 0px;
}

/****************** TABLE STYLES */

table /* Generic Settings */
{ 	border: 0px; 
	margin: 0px;
	padding: 0px;
}

table#Main
{
	width: 100%;
	text-align: left;
	vertical-align: top;
}

table#Training
{
	height: 340px;
	width: 100%;
}

td#Textcell
{
	text-align: left;
	vertical-align: top;
}

.BottomImageCell 
{
	text-align: center;
	vertical-align: bottom;
	width: 33%;
}

.RightImageCell
{
	text-align: right;
	vertical-align: top;
	width: 150px;
}

.RightImageCell50
{
	text-align: right;
	vertical-align: middle;
	width: 150px;
	height: 50%;
}

.RightImageCellCentre
{
	text-align: right;
	vertical-align: middle;
	width: 150px;
}

.FloatRight 
{ float: right;
padding: 10px;
}

.FloatLeft 
{ float: left;
padding: 10px;
}
.ContentText
{ font-size: 12px;
}

.BodyBold
{ font-weight:bold;
}

.TestimonialOwner
{ font-weight: bold; font-size: 11px;}

.BodyLink
{	color: #C6E4FE; font-weight: bold; }

/****************** ORDER FORM SETTINGS */

table#orderform {width: 100%;}
.star {color:#FF0000;}

/****************** MENU SYSTEM SETTINGS */

#Menu ul {
list-style: none;
margin: 4px;
padding: 8px;
float: left;
}

/*	Home Button Sub Menus UL	*/
.butSubUL {
	left: 0px; 
	padding: 0px;
}

/*	Home Button Sub Menus UL	*/
.butSubLI {
	width: 80px;
	padding: 0px; 
	background-color:#333333;}	

/* Style formatting for links / titles */
#Menu a, #Menu h2 { 
	font: bold 10px/15px arial, helvetica, sans-serif;
	display: block; 
	margin: 0px; 
	white-space: nowrap;}

#Menu h2 {
	color: #FFF;
}

#Menu a { 
	color: #FFF; 
	text-decoration: none;
}

#Menu a:hover {
	color: #000;
}

/* position of floated sub menus */
#Menu li {
	position: relative; 
	left: 0px;
}

#Menu li ul li {width: 112px;}
#Menu li ul li a { color: #000;}

#Menu li ul li a:hover {color: #7285AC;}

#Menu ul ul ul {
	position: absolute; 
	top: 0px; 
	left: 100%;
}

/* Z positioning of first children to avoid conflicts with text below */
#Menu ul ul {
	position: absolute; 
	z-index: 500;
}

/* block / hiding code for nested menus */
div#Menu ul ul, 
div#Menu ul li:hover ul ul,
div#Menu ul ul li:hover ul ul
{display: none;}

div#Menu ul li:hover ul,
div#Menu ul ul li:hover ul,
div#Menu ul ul ul li:hover ul
{display: block;}


div#menu_new
{
  margin-top: 10px;
  margin-left: 10px;
}

div#menu_new ul
{
	margin:0;
	padding:0;
	overflow: hidden;
}

div#menu_new li
{
	border:none;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

div#menu_new ul a:link,
div#menu_new ul a:visited
{
	color:#ffffff;
	float:left;
	font-size:10px;
	font-weight:normal;
	margin:0;
	padding:4px 8px 6px;
	text-decoration:none;
}

div#menu_new ul a:hover
{
	color:#000000;
}