
/* base */

		body {
			margin: 0px;
			padding: 0px;
			text-align: center;
			height: 100%;
			overflow: auto;
			background: #fff; 
		}

		div, span, p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 20px; color: #666666; 
		}
		
		p {	
			padding: 0px; 
			margin: 0px; 
		}
		
  	a img         { border:none; }

/* blocks */

		#header, #navi, #content, #footer {
			display: block;
			width: 100%;
			clear: both;
			padding: 0;
			margin: 0 auto; 
			overflow: hidden;
		}
		
		#header_cont, #navi_cont, #template,  #footer_cont{
			display: block;
			width: 980px;
			clear: both;
			text-align: left;
			padding: 0;
			margin: 0 auto;  
			overflow: hidden; 
		}

		#template 					{ height: 580px; background-color: #fff;}
			
    #left   
    	{ width: 220px; height: 100%; display: inline; float: left;
    	  background: url("./images/bg_left_content.png") no-repeat 0 0;  } 

    #left_content   { padding: 65px 20px 0 20px; } 

    #right   
    	{ width: 760px; height: 100%; display: inline; float: left; } 
    	  
    #right_content  { padding: 20px 20px 0 30px; overflow: auto; }
  

/* navi */
	
		#header  						{ height: 65px;  background-color: #fff; }
		#header_cont				{ margin-top: 5px; }
		#header_cont li     { float:left; display:inline; padding:0; }
		#header_cont li.ch1 { background: url("./images/bg_header_logo.png") no-repeat 0 0; }	
		#header_cont li a   { display:block; height: 60px; width: 540px;  
												   font: bold 12px Verdana; text-decoration: none; text-align: right; text-transform: uppercase; } 		

		#navi    						{ height: 45px;  background-color: #fea500; }
		#navi_cont   				{ margin-top: 5px; }
							   
	  #languages     			{ display: inline;  float: left;  height: 35px; padding: 0; margin-left: 225px; }
	  #languages img 			{ float:left; margin: 10px 0 0px 5px; }

/* footer */

		#footer       			{ height: 35px;  background-color: #fff; }
    #footer_cont ul			{ list-style: none; margin: 0; padding: 0; }
	  #footer_cont ul li 	{ float: left; line-height: 20px; margin-left: 8px; padding: 5px 0 0 12px; }

    #footer_left  
    	{ width: 220px; height: 100%; display: inline; float: left; border-top: solid 1px #E79C05; }
    
    #footer_right   
    	{ width: 760px; height: 100%; background-color: #fff;  color: #004381; display: inline; float: left; } 
  
	  #footer_right ul li 	{ border-left: solid 1px #E79C05; }
    #footer_right ul li a { text-decoration: none; color:  #004381; }


/* pages */ 


		#backplane1 { position: relative; left: 230px; top: 340px; z-index: 10; 
									width: 20px; height: 30px; 
									background: url('./images/start_block.jpg') repeat-y top left; }								
									
		#backplane2 { position: relative; left: 255px; top: 280px; z-index: 9; cursor: pointer;
									width: 20px; height: 60px;
									background: url('./images/start_block.jpg') repeat-y top left; }			

		#backplane3 { position: relative; left: 280px; top: 235px; z-index: 8; 
									width: 20px; height: 45px;
									background: url('./images/start_block.jpg') repeat-y top left; }	

		#backplane4 { position: relative; left: 305px; top: 215px; z-index: 7; 
									width: 20px; height: 20px;
									background: url('./images/start_block.jpg') repeat-y top left; }
									
		#backplane5 { position: relative; left: 330px; top: 180px; z-index: 5; 
									width: 300px; height: 35px; 
									background: url('./images/start_line.jpg') no-repeat top left; }									
			
			#logo {			position: relative; left: 465px; top: 5px; z-index: 2; 
									filter: alpha(opacity=10); visibility: visible; 
									width: 300px; height: 200px; 
									background: url('./images/start_logo.jpg') no-repeat top left; }


      
    	#left_content H2 
    	  { padding-top: 10px; font: bold 12px verdana, arial; }
    	#left_content H3
    	  { padding-top: 10px; font: bold 13px verdana, arial; }
    	#left_content p 
    	  { padding: 15px 0 15px 0; font: normal 12px verdana, arial; }	

  		#left_content ul { list-style-type: none; color: #E79C05; margin: 0; padding: 0; }
  		#left_content li { padding: 10px; margin-left: 15px; text-align: left; border-top: 1px solid #E4EBF4; }
			#left_content ul li a { text-decoration: none; color: #E79C05; }


    	#right H2 { margin: 0 0 25px 0;
    			color: #004381; font: normal 20px verdana, arial; border-bottom: #E79C05 1px solid; }
    	#right H4 { padding-top: 5px; margin: 0 0 15px 0;
    			color: #004381; font: normal 13px verdana, arial; }

    	#right p { padding: 0px 0 7px 0; font: normal 12px verdana, arial; } 
  
  		#right label { width: 150px; display: block; float:left; padding-right: 5px; 
  		    font: bold 12px verdana, arial; text-align: left; } 

  		#right span.imp { font: bold 12px verdana, arial; text-align: left; }
  		    
  		#right input.cnt { width: 250px; background-color: #fff; border: #953119 solid 1px; 
              font: normal 11px verdana, arial; color: #953119; padding-left: 2px ; }
              
  		#right input.cnt16 { width: 120px; background-color: #fff; border: #953119 solid 1px; 
              font: normal 11px verdana, arial; color: #953119; padding-left: 2px ; }

  		#right input.btn { width: 100px; background-color: #fff; border: #953119 solid 1px; 
              font: normal 11px verdana, arial; color: #953119; padding-left: 2px ; margin-bottom: 5px;}
        
  		#right select { width: 120px; background-color: #fff; border: #953119 solid 1px; 
              font: normal 11px verdana, arial; color: #953119; padding-left: 2px ; }    
  
      textarea  { width: 250px; height: 80px; background-color: #fff; border: #953119 solid 1px;
        			    font: normal 11px verdana, arial; color: #004381; padding-left: 2px ; }	


  		#right ul { list-style-type: square; }
  		#right li { padding: 5px; margin: 0 0 0 15px; text-align: left; }

      #terms_content { height: 480px; overflow: auto; }
      #terms_content p { padding: 0px 10px 10px 0;  } 
      			
      			
      			




  		.ml {font: bold 11px verdana, arial; color: #fff; text-decoration: underline; }
  
      img
        { float:left; margin: 0 25px 20px 0; }
      img.r
        { float:right; margin: 0 0 5px 25px; }
      img.l 
        { float:left; margin: 0 25px 5px 0; }
  
  .clear    {	CLEAR: both }