﻿#leftColumn, #middleColumn, * html #SOWrap {
				overflow: visible;	/* fix for IE italics bug */
				position: relative;	/* fix some rendering issues */
			}
			
			#outerContainer {
				margin-top: 10px;
				border-left: 182px solid #ffffff
			}
			
			#innerContainer {
				border: solid 1px #fff;
				border-width: 0 1px;
				margin: 0 -1px;		/* compensate for the borders because of
							   100% width declaration */
				width: 100%;
				z-index: 1;
			}
			
			#SOWrap {
				float: left;
				margin: 0 -1px 0 0;
				width: 100%;
				z-index: 3;
			}
			
			#middleColumn {
				float: right;
				margin: 0 0 0 -1px;
				width: 100%;
				z-index: 5;
			}
			
			#leftColumn {
				float: left;
				margin: 0 1px 0 -182px;
				width: 182px;
				z-index: 4;
			}
			
			#header {
				font-family: Verdana, Arial, Helvetica;
				font-size: 12px;
				color: #000000;
				font-style: normal;
			}
			
			#header h1 {
		    	margin:0;
				font-family: Verdana, Arial, Helvetica;
				font-size: 22px;
		        color: #FFFFFF;
				font-weight: bold;
				font-style: normal;
			}
			
			#logo {
				float: left;
				width: 180px;
			}
						
			#logo img {
				display:block; 
				margin-left:auto; 
				margin-right:auto;
			}
			
			
			#pic1 {
				height: 90px;
				overflow:hidden;
			}
			
  
			#header #companyNameSlogan {
				padding: 0 0px 0 0px;
				height: 90px;
				overflow: hidden;
				white-space: nowrap;
			}
			  
			#companyNameHead {
				padding-right:10px;
				background-color: #fdb11d;
				float: left;
				height: 90px;
			}
			  h1, h2, h3, h4, h5 {
			      font-family: Arial, Verdana, Helvetica;
			      line-height: 120%;
			      margin: 0px;
			      color: #000000;
			} 
 
 			   h6 {
			      font-family: Arial, Verdana, Helvetica;
			      line-height: 100%;
			      margin: 0px;
			      color: #000000;
			      font-weight: bold;
			      font-size: 12px;
			      display: inline;
			} 

 
  			.boxContainer {
  				clear: both !important;
				width: 90%;
				padding: 0;
				margin: 0 0 10px 0;
			}
  
  			.boxHead {
  				padding: 0 0 0 10px;
		      	margin: 0;
		      
				background: url("gfx/boxHead.gif") left top transparent;
  			}
  
			.boxBody {
				clear: both;
			    padding: 2px 4px 2px 10px;
			    border: 0;
			    margin-bottom: 1px;
			    text-align: left;
			    background: #fee2a6;
			}
						
			.boxContainer h1 {
			     height: 20px;
			     margin: 0 ;
			     padding: 3px 0 1px 0;
			     text-align: left;
  }
  
  .navi h1 {
      font-family: Arial, Verdana, Helvetica;
      font-size: 12px;
      color: white;
      font-weight: bold;
      font-style: normal;
  }
  
  .navi a {
      font-size: 12px;
      color: #000000;
      font-weight: normal;
      font-style: normal;
      text-decoration: none;

  }

  .navi .ActiveNode,
  .navi a:hover {
      color: #000000;
      font-weight: normal;
      font-style: normal;
      text-decoration: underline;
  }
  
  .navi  {
      font-family: Arial, Verdana, Helvetica;
      font-size: 12px;
      color: #000000;
      font-weight: normal;
      font-style: normal;
      line-height: 140%;
  }
  
  .boxBody ul {
      margin: 0px;
      padding: 10px;
      list-style-position:outside;
      width: 100%;
      overflow: hidden;
  }
  
  .separator{
      display: block;
      clear: both;
      width: auto;
      height: 6px;
      margin: 5px 0 5px 0;
      padding: 0px;
      font-size: 0px;
      line-height: 0px;
      background-position: center;
    
      background: url("gfx/separator.gif")  repeat;
    
  }
  
  .content {
  	font-family: Verdana, Arial, Helvetica;
  	font-size: 12px;
  }
  
  .content h1 {
  	font-size: 16px;
  }
  
  .content h2 {
  	font-size: 14px;
  }
  
  .content a {
      color: #000000;
      font-weight: normal;
      font-style: normal;
      text-decoration: underline;
  }

  .content a:hover {
      color: #000000;
      font-weight: normal;
      font-style: normal;
      text-decoration: none;
  }
