﻿
/*
LAYOUT --------------------- */

#container {
	position:relative;
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float:left;	
	display: block;
	}
	
			
		#branding{
			float: left;
			display: block;
			width: 100%;
			height: 55px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			background: url(masterPage/branding-bg.gif) 0px 0px;
	
		}	

				/* START secondaryNav OLD CODE DELETE WHEN DEPLOYED TO ALL APPS --------------------- */			
				#logoCompany{
					float: left;
					height: 55px;
					width: 200px;
					margin: 0px 5px 0px 5px;
				}	
				
				#secondaryNav{				   
					float: right;
					width: 165px;
					margin: 5px 15px 0px 0px;
					padding: 0px 0px 0px 0px;
/*					z-index: 999;
*/				}	
				/* END secondaryNav OLD CODE DELETE WHEN DEPLOYED TO ALL APPS --------------------- */							
				
				#siteCode{
					position: absolute;
					top: 27px;
					left: 57px;
					float: left;
					height: 25px;
					width: 200px;
				}	
				
				#myMenu {
					position:relative;
					float: left;
					width: 100px;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					z-index: 1;
				}
				
				
		#nav{
			width: 100%;
			float: left;
			display:block;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background-image: url(masterPage/nav-bg.gif); 
			z-index: 999;
			/*background-color:#ff0000;*/
		}	
		
		#header{
			width: 100%;
			height: 60px;
			display:block;
			float:left;
			margin: 0px 0px 0px 0px;
			border-bottom: 1px #B5CDEE solid;
			background-image: url(masterPage/header-bg.gif);
			/*background-color:#ff0000;*/
		}	
		
				#pageHeading{
					width: 50%;
					display:block;
					float:left;
					margin: 0px 0px 0px 0px;
					padding: 0px 10px 10px 10px;
					/*background-color:#ff0000;*/
				}	
				
				#headerNav{
					width: 30%;
					display:block;
					float:right;
					text-align: right;
					margin: 0px 0px 0px 0px;
					padding: 10px 10px 10px 10px;
					/*background-color:#ff0000;*/
				}	
				
			#main{
			width: 100%;
			float: left;	
			min-height: 80%; /*added height to display bg on short pages */
			background: url(masterPage/subnav-bg.jpg) repeat-y top left;
			}

		#mainNavCell { /* RJS 13/03/2009 added bg to cell in addition to #main to ensure repeating on large pages */
			background: url(masterPage/subnav-bg.jpg) repeat-y top left;


		}
			
				/* see table.css */

			
	
		#footer
		{
			clear: both;
			width: 100%;
			margin: 1px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
			height: 80px;
			text-align: center;
			background-image: url(masterPage/footer-bg.gif);
		}
		
		#baseNav{  
		    float: left;
		    display: block;		    
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;             
            width: 100%;
          
            }

/*
P.I.E. FLOAT CLEARING
See https://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */		



