@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
	  font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	  color: #000;
	  background: #ffffff url(../images/css/background.png)  repeat top left;
	  padding-top:10px;	  
	}
	h1{font-size:20px;font-weight: normal;background: transparent; color:#fff; padding:3px 0 0px 0px; text-align:center; letter-spacing:1px;}
    h2{font-size:20px;font-weight: normal;background: transparent; color:#fff; padding:3px 0 0px 0px; text-align:center; letter-spacing:1px;}	  	  
	h3{font-size:14px;font-weight: bold;background: transparent; color:#000; padding:10px 0 10px 0px; text-align:left;}	  	  
	a{text-decoration: none;color: #5599a7;}
	a:hover{color: #FF7800;}
	hr{display: none;}
	strong{font-weight: bold;}
	
/* =LAYOUT - the main layout styles */
	.container{
	  background-color:transparent;
	  width:900px;
	  margin: 0 auto;
	  position: relative;
	  overflow:hidden;
	}
	/* header layout */
	#header{	            
      width:900px;
      margin-left: 25px;        
	  height: 130px;
	  background: transparent;
	  position: relative;
	}
		
	/* main area layout */
	#main{padding:1px 0 20px 0;background-color:transparent;}
	#leftcolumn{float: left;width:230px; padding-left:20px; background-color:transparent;}
	#center{float: left;width:600px;padding: 0 20px;}
	/* bottom layout */
	
	#bottominfo{	    	    
	  width: 900px;
	  border-top: 0px solid #42423b;
	  background: transparent;
      padding-bottom:25px;
	  position: relative;
	  overflow: hidden;
	  margin: 0 auto;
	}
	
/* =CONTENT - the content styles */
	
	/* LEFT COLUMN */
    /* form fields */	
	
	.formlabel {width:55px; height: 100px; float: left;}
	.formfield {width:163px; height: 100px;  float: left;}
	.textfield {width: 110px; margin-left:20px; font-size:11px;}
	.textfieldcode{width: 40px; margin-left:0px; font-size:11px;}
    .textarea{width: 110px; height: 40px; margin-left:20px; font-size:11px;}

	/* boxes*/
	
	.left_box {      
      margin: 10px 0 10px 5px;  
      width: 220px;   
	}
	
	.left_top {
	  background: transparent url(../images/css/left-t.png) no-repeat top left;
	}
	
	.left_top_orange {
	  background: transparent url(../images/css/left-t-orange.png) no-repeat top left;
	}

	.left_bottom {
	  background: transparent url(../images/css/left-b.png) no-repeat bottom left;
	}

	.left_content, .left_content_form { 	  
	  width: 200px;	  
	  padding: 10px 10px 0 10px;	  
	}

	.left_content ul{margin-left: 10px;}    
	.red{color: red;}	

	/* CENTER COLUMN */
	/*form fields*/
	
	.textfield2 {width: 200px; margin-left:20px; font-size:11px;}
    .textarea2{width: 200px; height: 40px; margin-left:20px; font-size:11px;}
	.textfieldwide {width: 250px; margin-left:20px; font-size:11px;}
	.textfieldcodewide{width: 40px; margin-left:0px; font-size:11px;}
    .textareawide{width: 250px; height: 40px; margin-left:20px; font-size:11px;}	
	
    /*boxes*/
	
	.article_box {
      margin: 10px 0 10px 0px;  
      width: 600px;   
	}
	.article_top {
	  background: transparent url(../images/css/art-t.png) no-repeat top left;
	}

	.article_bottom {
	  background: transparent url(../images/css/art-b.png) no-repeat bottom left;
	}
	
	.article_content, .article_image, .article_content_form {margin: 0 0px;}
	.article_content, .article_content_form{padding: 10px 10px 0px 10px; width: 580px;}	
	.article_image{height: 184px; background: transparent url(../images/debt-freedom.png) no-repeat bottom left; width: 600px; color: #fff; font:1.4em Arial, Helvetica, sans-serif; font-weight:bold; padding: 0px 10px 0px 0px;}	
	.article_content ul, .article_content_form ul{margin-left: 50px;}	
	.article_image ul {margin-left: 10px;}
		
	/* bottom info */
	
	.tri_box {      
      margin: 10px 0 10px 25px;  
      width: 265px;   
      float:left;
	}
	
	.tri_top {background: transparent url(../images/css/tri-t.png) no-repeat top left;}
	.tri_bottom {
	  background: transparent url(../images/css/tri-b.png) no-repeat bottom left;
	}

	.tri_content { 	  
	  width: 245px;
	  padding: 10px 10px 0 10px;
	  margin: 0 0px; 
	}
	
	.tri_content ul{margin-left: 20px;}
	
    .left_content, .left_content_form, .tri_content, .article_content, .article_content_form {background: #fff; font:1.27em Arial, Helvetica, sans-serif;}
	.left_box, .tri_box, .article_box {background: transparent;}
	.left_top, .left_top_orange, .tri_top, .article_top{height: 29px;}
	.article_bottom,  .left_bottom, .tri_bottom{height: 17px;}
	.left_content p, .left_content_form p, .tri_content p, .article_content  p, .article_content_form  p, .article_image p {padding-bottom:1em;line-height:1.5em; font-size:12px;}	
	.left_content li, .tri_content li, .article_content li {padding: 4px 0 4px 30px; background-image: url(../images/css/arrow.png);background-repeat: no-repeat;background-position: 0 2px;}
	.article_image li{padding: 4px 0 4px 30px; background-image: url(../images/css/tick.png);background-repeat: no-repeat;background-position: 0 2px;}
	.left_content_form li, .article_content_form li{padding: 4px 0 4px 30px; background-image: url(../images/css/cross.png);background-repeat: no-repeat;background-position: 0 2px;}
	
    /* =FOOTER */
	#footer{
	  width: 840px;
	  margin: 0 auto;
	  height: 40px;
	  background: transparent url(../images/css/footer.png) no-repeat top left;
	  margin-bottom: 30px;
	  font-size: 1.3em;
	  color: #fff;
	  padding: 8px 0 0 20px;
	  text-align: center;		
	}
	
	#w3c{
	width:840px;
	margin: 0 auto;
	height: 40px;
	margin-bottom: 30px;
	text-align: center;
	}
	
	#footer a{color: #fff; padding: 0 10px 0 10px; font-weight: bold;}
	#footer a:hover{color: #FF7800;}
	
	#footer_navigation{
	  float: right;
	  padding-top:4px;
	  padding-bottom: 3px;
	  padding-right: 4px;
	}	
	
	table{
	  padding-bottom: 1px;
	  text-align:left;
	  font-size:11px;
	  font-weight: normal;
    }
    
    th, td{
	  padding: 0px 0px 4px 0px;
	}
			
	select {
      background-color: #FFF;
	  border: 1px solid #7F9DB9;
	  font-size:11px;
	  color: #000;
	  height: 18px;
	  width: 103px;
	  margin-left: 20px;
	}
	
	.submit{ 
      padding: 2px 2px 2px 17px;
	  margin: 5px 0 0 20px;
      font: 14px verdana, serif;
      font-weight: bold;
      cursor: pointer;
      color: #fff;
      background: #FC3307 url(../images/css/edit.png) no-repeat top left; background-position: 0 2px;  
      border-width: 2px;
      border-style: solid;
      border-color: #FF7800 #691300 #691300 #FF7800;;	  
	}
	
    .red{color: red;}	
    .green{color:#008000; font-size: 20px; font-weight:bold;}