@charset "UTF-8";
/* CSS Document For the blue menu bar layout of a strict size. The doc has been separated into 4 components Menu bar, side sections, footer and banner. Repated graphics have been used for efficient code ( as this site is going to be quite graphics hungry) */

/*Note changing the page size

if you would like to lenghten the page 
do a search for: Page Length:

add to the indicated values. to change the page size




*/

/*centre page puts the div central*/
  #centerPage{
  
  margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */  
  width:943px; 

position:relative;

/*max-height:400px;*/
/*min-height:601px;*/
height:620px;
overflow:visible;

/*<!-- 601 px-->*/



 z-index:1; visibility:visible;}







/*Banner*/
#BannerBlue {
	position:absolute;
	left:3px;
	top:3px;
	width:937px;
	height:75px;
	z-index:1;
	visibility:visible;
}
/*Start of menu bar*/
#MenuBarL {
	position:absolute;
	left:3px;
	top:78px;
	width:5px;
	height:26px;
	z-index:4;
	visibility:visible;
}
#MenuBarSlice {
	background-image:url( ../media/LayoutWhite1png/MenuBarSlice.png);
	background-repeat:repeat-x;
	position:absolute;
	left:8px;
	top:78px;
	width:921px;
	height:26px;
	z-index:3;
	visibility:visible;
}
#MenubarEndR {
	position:absolute;
	left:927px;
	top:78px;
	width:13px;
	height:26px;
	z-index:4;
	background-image: url(../media/LayoutWhite1png/MenubarEndR.png);
	visibility: visible;
}
#MenuBarSeparator {
	position:absolute;
	left:57px;
	top:81px;
	width:3px;
	height:18px;
	z-index:5;
	visibility: visible;
}

#MenuBarSeparator2 {
	position:absolute;
	left:144px;
	top:81px;
	width:3px;
	height:18px;
	z-index:5;
	visibility:visible;
}
#MenuBarSeparator3 {
	position:absolute;
	left:220px;
	top:81px;
	width:3px;
	height:18px;
	z-index:5;
	visibility:visible;
}
#MenuBarSeparator4 {
	position:absolute;
	left:354px;
	top:81px;
	width:3px;
	height:18px;
	z-index:5;
	visibility:visible;
}




/*Buttons Should be removed to make this file generic??*/

#B-EndUser {
	position:absolute;
	left:69px;
	top:85px;
	width:67px;
	height:12px;
	z-index:6;
	visibility:visible;
}
#B-Validator {
	position:absolute;
	left:231px;
	top:84px;
	width:112px;
	height:13px;
	z-index:7;
	visibility:visible;
}
#B-Home {
	position:absolute;
	left:15px;
	top:85px;
	width:34px;
	height:10px;
	z-index:8;
	visibility:visible;
}
#B-CompanyDemo {
	position:absolute;
	left:155px;
	top:84px;
	width:57px;
	height:11px;
	z-index:9;
	visibility:visible;
}
#B-Contact {
	position:absolute;
	left:365px;
	top:85px;
	width:46px;
	height:10px;
	z-index:10;
	visibility:visible;
}

/*Side Graphics*/
#SideLeftcsspattern {
	background-image:url(../media/LayoutWhite1png/SideLeft_csspattern.png);
	background-repeat:repeat-y;
	position:absolute;
	left:3px;
	top:104px;
	width:3px;
	
	height:659px;
	
	z-index:11;
	visibility:visible;
}
#SideRightcsspattern {
	background-image:url(../media/LayoutWhite1png/SideRight_csspattern.png);
	background-repeat:repeat-y;
	position:absolute;
	left:921px;
	top:104px;
	width:19px;
	
	/* Page Length: small = 459px*/
	height:559px;
	
	z-index:12;
	visibility:visible;
}

/*Footer Graphics*/
#footerleft {
	position:absolute;
	left:3px;
	/* Page Length: usual small = top:563px;*/
	top:663px;
	
	width:24px;
	height:33px;
	z-index:13;
	visibility:visible;
}
#footercsspattern {
	position:absolute;
	background-image:url(../media/LayoutWhite1png/footer_csspattern.png);
	background-repeat: repeat-x;
	left:27px;
	
	/* Page Length: usual small = top:563px;*/
	top:663px;
	
	width:884px;
	height:33px;
	z-index:14;
	visibility: visible;
}
#footerRight {
	position:absolute;
	left:911px;
	
	/* Page Length: usual small = top:563px;*/
	top:663px;
	
	width:29px;
	height:33px;
	z-index:13;
	visibility:visible;
}
#footerText {
margin-top:3px;
}
/* end footer*/




/* BODY + some other important css Might need put back into the template if issues arise*/
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #6F6F6F;
	/*background-image: url(../media/LayoutWhite1png/Background.jpg);   *//*gradient done here*/
}



.p {
	margin:0px;
	padding:0px;
	font-size: inherit;
	font-family: Verdana;
	font-weight: 400;
	text-align: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: top;
}
p {
	padding-top:0px;
	margin-top:0px;
}

a:link, a:visited{
	COLOR:inherit;
	text-decoration:inherit;
}
img {
	border:0px;
}
div {
	margin:0px;
	padding:0px
}
.AbsWrap {
	width: 100%;
	position: relative;
}
.rowWrap {
	width: 100%;
}
.clearfloat {
	clear:both;
	height:0px;
}

#main {
	float:left;
	width:926px;
	margin-top:0px;
	margin-left:0px;
	border: 0px solid #f0f0f0;

}
/* Body content is the main div tag in the body*/
#bodyContent {
	position:absolute;
	left:6px;
	top:103px;
	width:924px;
	
	/* Page Length: usual small body content height:460px; */
	height:560px;
	
	z-index:2;
	background-color: #FFFFFF;
	margin:0;
}
#bodyContentTxt {
	
	margin:3px;
}