body
{  
    background-color:#a7f4fa; 
    /* define custom text that is not used in div's */
    font-family: Trebuchet, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    text-align: justify;
/*    
    line-height: 13pt;
    margin-top: 4px;
    margin-right: 10px;
    margin-bottom: 4px;
    margin-left: 10px;
    padding-bottom: 10px;
*/    
 } 

#container
{ 
   /* background-color: #a7f4fa;*/
    position: absolute; top: 0px; 
    left: 2%;
    width: 950px;
/*    border: thin solid blue;      */
    text-align: left;
    z-index: 1;
/*    height:800px;  */
    height:100%;
   /* margin:0 auto; */
}

#header { 
    position: absolute;  
    width:950px; 
    height:14.8%;
    z-index: 1;
    overflow:hidden;
    border:2px solid black;
    margin:0;
    
    /* Do rounding (native in Firefox and Safari) */
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
 }
 

#menu
{
    position: absolute;
    top:16%;
    left:17.4%;
    height:3.2%;
    width:82.7%; 
    margin:0;
    background-color:#bdc2f8; 
    color: black;
    z-index: 1;
    border:2px solid black;
    overflow:hidden;
    padding-top:0px;  
    margin-top:0px;
     
    /* Do rounding (native in Firefox and Safari) */
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;  
}

    	/* MENU FEATURES USED IN DROPDOWN JAVASCRIPT CODE */
    	/* DO NOT REMOVE THIS OR ELSE THE DROPDOWN WILL STOP WORKING */

    	#dropmenudiv{
    		position:absolute;
    		border:1px solid black;
    		margin-top:3px;
    		border-bottom-width: 1px;
    		z-index:300; 
    	}
    	
    	#dropmenudiv a{
    		width: 100%;
    		display: block;
    		text-indent: 3px;
            font-weight:bold;  
    		color:black; 
            font-family: Trebuchet, Arial, Verdana, Helvetica, sans-serif;
            font-size: 14px;
            text-align: justify;
            margin:4px 0px 4px 0px;
              		
/*    		border-bottom: 1px solid black;  */
    		padding: 1px 0;
    	}
    	
    	#dropmenudiv a:hover{
    		background-color:#75def5;  /*  #a5fba7;/* #e6e6f6;/* #9aa6bc;   */
            padding-bottom:1px;
    		color: black;
    	}


/*** USED TO DISPLAY THE LEFT NAVIGATION PANE ***/
#leftNav {
    position:absolute;
    top:16%;
	width:16.5%;	
	z-index:1;
	height: 78.5%;
    background-image: url('../images/faded blue color.gif'); 
    background-repeat: repeat-x;
	border: 2px solid black;    
	overflow:hidden; 
	
 /* Do rounding (native in Firefox and Safari) */	
   -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
}

    .leftNavBox1 {
       position:absolute;
        top:0%;
        width:100%;
        height:7%; 
        left:0%; 
/*        
        overflow:hidden;
   border:2px solid red;     */
    }
    .leftNavBox2 {
        position:absolute;
        top:8%;
        width:100%;
        height:9%; 
        left:0%; 
        padding-top:10px;
        padding-left:5px;
/*        overflow:hidden;    
    border:2px solid Black;    */   
    }
    
              .leftNavBox2Div1     {
                position:absolute;
                top:0%;
                width:60%;
                height:100%;  
                left:0%;
                padding-top:5px;
                padding-left:5px;
/*                overflow:hidden;     
          border:2px solid orange;    */ 
              } 
              
              .leftNavBox2Div2     {
                position:absolute;
                top:0%;
                width:41%;
                height:100%;  
                left:59%;
                padding:5px 0px 0px 5px;
/*                overflow:hidden;
          border:2px solid yellow;    */
              } 
    
    .leftNavBox3 {
        position:absolute;
        top:19%;
        width:100%;
        height:12%;  
        left:0%;
        padding-top:10px;
/*        overflow:hidden;  
  border:2px solid Green;  */
      }

              .leftNavBox3Div1     {
                position:absolute;
                top:0%;
                width:35%;
                height:100%;  
                left:0%;
                padding-top:5px;
                padding-left:5px;
/*                overflow:hidden;
          border:2px solid orange;     */
              } 
              
              .leftNavBox3Div2     {
                position:absolute;
                top:0%;
                width:60%;
                height:100%;  
                left:35.5%;
                padding:5px 5px 0px 5px;
/*                overflow:hidden;
          border:2px solid yellow;    */
              } 
      
    .leftNavBox4 {
        position:absolute;
        top:35%;
        width:100%;
        height:7%;  
        left:0%;
        padding-top:5px;
/*        overflow:hidden; 
  border:2px solid black;   */
      }
    .leftNavBox5 {
        position:absolute;
        top:46%;
        width:100%;
        height:10%;  
        padding-top:5px;
        left:0%;
/*        overflow:hidden; 
  border:2px solid red;   */
      }
    .leftNavBox6 {
        position:absolute;
        top:60%;
        width:100%;
        height:7%;  
        left:0%;
        padding-top:5px;
/*        overflow:hidden; 
  border:2px solid black;    */
      }
    .leftNavBox7 {
        position:absolute;
        top:71%;
        width:100%;
        height:5%;  
        left:0%;
        padding-top:5px;
/*        overflow:hidden; 
  border:2px solid green;     */
      }
    .leftNavBox8 {
        position:absolute;
        top:80%;
        width:100%;
        height:18%;  
        left:0%;
        padding-top:5px;
/*        overflow:hidden; 
  border:2px solid red;   */
      }


    #contentPane /* THIS MUST BE A ID for ajax? */
    { 
        position: absolute;
        top:20.4%;     
        left: 17.5%;
        background-color:#F5F5F5; /*#f0fef4;*/
        border: 2px solid black;
        width: 65%;
        height: 74.1%; 
        overflow:auto;
        z-index:-1;
        
        /* Do rounding (native in Firefox and Safari) */
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px; 
    }

	.LayoutPaneContent {
		padding: 1% 5% 1% 5%;
		height: 97.5%; 
		overflow: auto;	
		overflow-x:hidden;	/* prevent bottom scroll bar from showing */
		z-index:2;
	}

    .rightNav 
    {
        position:absolute;
        top:20.4%;
        left:83.5%;
    	width:16.5%;	
    	height: 79%;
        background-image: url('../images/faded blue color.gif');
        background-repeat: repeat-x;
    	
        border: 2px solid black;     
    	overflow:hidden; 
    	z-index:1;
    	
     /* Do rounding (native in Firefox and Safari) */	
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px; 
    }
    
    .rightNavBox1 
    {
        position:absolute;
        top:8px;
        left:7px;
        width:88%;
        height:40%;	
        overflow:hidden;
        text-align:center;
/*        border:1px solid black;     */
    }    
    
    .rightNavBox2 
    {
        position:absolute;
        top:43%;
        text-align:center;
        left:7px;
        height:12%;
        width:84%;
        padding:10px 5px 10px 5px;
/*        border:2px solid #09098c;   */
 
/* Do rounding (native in Firefox and Safari) */	
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;  
        
    }
    .rightNavBox3 {
        position:absolute;
        top:60%;
        height:25%;
   /*     border:1px solid black; */
    }
    .rightNavBox4 
    {
        position:absolute;
        top:85%;
        width:100%;
        height:10%;
/*   border:2px solid Green;  */
    }
#footer 
{ 
    position:absolute;
    top:95.7%;
    left:0%;
    width:82.6%;
    height:3.7%;
    padding-top:0px;
    padding-left:0px;
    background-color:#cbcfe4;
    border:2px solid Black;
    z-index:1;
    
     /* Do rounding (native in Firefox and Safari) */	
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
 }
    .footerBox1 {
    position:absolute;
    width:17%;
    height:3.5%;
    }
    .footerBox2 {
    position:absolute;
    left:17%;
    width:83%;
    height:3.5%;
    padding-top:5px;
    line-height:16px;
    }
 
 #contactPane {
    position:absolute;
    top:15%;
    width:95%;
    height:420px;
    font-family: Trebuchet, Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    text-align: justify;
    line-height: 16px;
/*    margin-top: 4px;
    margin-right: 10px;
    margin-bottom: 4px;
    margin-left: 10px;
    padding-bottom: 10px;
/*    border:2px solid black;  */
 }
    .contactBox1 {
    position:absolute;
    width:100%;
    height:12%;
    font-family: Trebuchet, Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    
/*    border:2px solid red; */
    }
    .contactBox2 {
    position:absolute;
    top:13%;
    width:100%;
    height:8%;
/*    border:2px solid yellow;  */
    }
    .contactBox3 {
    position:absolute;
    top:22%;
    width:100%;
    height:8%;
  /*  border:2px solid orange; */
    }
    .contactBox4 {
    position:absolute;
    top:32%;
    width:100%;
    height:63%;
  /*  border:2px solid pink; */
    }