/* Optional Code */

body 
  { color: #000; 
    background-color: #fff; 
    font-family: verdana, sans-serif, "Trebuchet MS", Trebuchet,  Arial, Helvetica 
   }
p  
  { 
    padding: 0.5em; 
    margin: 0; 
    font-size: 1em; 
   }
h1 
  { 
    padding: 0.5em; 
    margin: 0; 
    font-size: 1.3em; 
    font-weight: normal; 
   }
h2 
  { 
    padding: 0.5em; 
    margin: 0; 
    font-size: 1em; 
    font-weight: bold; 
   }
ul 
  { 
    padding-right: 1em; 
    text-align: left; 
    margin-bottom: 0.3em; 
   }

.main-container 
  { 
    min-width: 540px; 
  }
          /* Allways good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

.main-container 
  {
    width: 100%;               /* total width */
    position: absolute; 
    left: 0; 
    top:0	/* to remove page border white space */
  }
.banner 
  {
    margin: 0px; 
    background: black url('images/banner_middle.jpg') repeat left top; 
    WIDTH: 100%; 
    BORDER-BOTTOM: 0px solid #ffffff; 
    POSITION: relative; 
    HEIGHT: 99px
  }      

.outer 
  {
    border-left-width: 165px;  /* left column width */
    border-left-color: #578dd5;   /* left column colour */
    border-right-width: 200px; /* right column width */
    border-right-color: #19408e;  /* right column colour */
	  background-color: #fefefe; /* middle column colour */
  }

.left-nav-column 
  {
    width: 165px;              /* left column width */
    margin-left: -165px;       /* _negative_ left column width */
   }

.right-nav-column 
  {
    width: 200px;              /* right column width */
    margin-right: -200px;      /* _negative_ right column width */
  }

.banner-column 
  {
    background-color: #b80f2b; 
    HEIGHT: 20px; 
    FONT-SIZE: 10px; 
    COLOR: #666666;    /* header colour */
  }
.footer 
  {
    background-color: #120634;    /* footer colour */
  }


/* Main code */

.outer 
  { 
    /* width: 100%; */	 
    border-left-style: solid; 
    border-right-style: solid; 
  }

.inner 
  { 
    margin: 0; 
    width: 100%; 
   }

.left-nav-column 
  { 
    float: left; 
    position: relative; 
    z-index: 10; 
  }
  
.right-nav-column 
  { 
    float: left; 
    position: relative; 
    z-index: 11; 
  }
  
.middle-column 
  { 
    background-color: #fefefe; 
    float: left; 
    width: 100%; 
    position: relative; 
    z-index: 12; 
  }

.banner-column 
  { 
    width: 100%; 
    position: relative; 
    z-index: 13; 
    background: #b80f2b url('images/bannercolumn.jpg') repeat left top; 
  }
  
.footer 
  { 
    width: 100%; 
    position: relative; 
    z-index: 14; 
  }

.clear 
  { 
    clear: both; 
  }

/* Mozilla code */
.outer > .inner 
  { 
    border-bottom: 1px solid transparent; 
  }
  
.left-nav-column 
  { 
    margin-right: 1px; 
  }

.right-nav-column 
  { 
    margin-left: 1px; 
  }

.right-nav-column p 
  { 
    padding-left: 10px; 
  }

.middle-column 
  { 
    margin: 0 -8px 0 -2px; 
  }


/* Text Formatting Code */
/* LEFT-NAV-COLUMN FORMATTING */
.left-nav-column A 
  { 
    PADDING-RIGHT: 15px; 
    PADDING-LEFT: 15px; 
    PADDING-TOP: 8px; 
    PADDING-BOTTOM: 8px;
    BACKGROUND: #19408e;
    DISPLAY: BLOCK; 
    MARGIN: 0px; 
    BORDER-BOTTOM: #ffffff 1px solid;
    WIDTH: 165px; 
    FONT-WEIGHT: bold; 
    FONT-SIZE: 12px; 
    COLOR: #ffffff; 
    TEXT-DECORATION: none;     	
    background: #b80f2b url('images/menu_normal.jpg') repeat left top;
  }
  
.left-nav-column A:hover 
  { 
    WIDTH: 165px; 
    BACKGROUND: #ffffff; 
    COLOR: #19408e; 
    background: #b80f2b url('images/menu_hover.jpg') repeat left top; 
  
  }
  
.left-nav-column A.current 
  { 
    WIDTH: 165px; 
    BACKGROUND: #9e9e9e; 
    COLOR: #ffffff; 
    TEXT-DECORATION: none; 
    background: #b80f2b url('images/menu_current.jpg') repeat left top; 
  }
  
.left-nav-column A.current:hover 
  { 
    WIDTH: 165px; 
    BACKGROUND: #9e9e9e; 
    COLOR: #ffffff 
  }
  
.left-nav-column P 
  { 
    FONT-SIZE: 10px;  
    LINE-HEIGHT: 14px; 
    PADDING-RIGHT: 15px; 
    PADDING-LEFT: 15px; 
    COLOR: #ffffff; 
    background: #b80f2b url('images/menu_current.jpg') repeat left top; 
  }
  
.bottom-left-nav-column A 
  { 
    FONT-SIZE: 10px; 
    LINE-HEIGHT: 14px; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    COLOR: #ffffff;
		PADDING-TOP: 0px; 
		PADDING-BOTTOM: 0px; 
		DISPLAY: inline; 
		WIDTH: AUTO; 
		BACKGROUND: none; 
		TEXT-DECORATION: none; 
		FONT-WEIGHT: bold 
	}

.bottom-left-nav-column A:hover 
  {
    FONT-SIZE: 10px;  
    LINE-HEIGHT: 14px; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    COLOR: #ffffff;
		PADDING-TOP: 0px; 
		PADDING-BOTTOM: 0px; 
		DISPLAY: inline; 
		WIDTH: AUTO; 
		BACKGROUND: none; 
		TEXT-DECORATION: none 
	}
	
.bottom-left-nav-column A:active 
  {
    FONT-SIZE: 10px;  
    LINE-HEIGHT: 14px; 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    COLOR: #ffffff;
		PADDING-TOP: 0px; 
		PADDING-BOTTOM: 0px; 
		DISPLAY: inline; 
		WIDTH: AUTO; 
		BACKGROUND: none; 
		TEXT-DECORATION: none 
	}
							

/* RIGHT-NAV-COLUMN FORMATTING */
.right-nav-column 
  { 
  }
  
.right-nav-column A 
  { 
    FONT-WEIGHT: bold; 
    COLOR: #ffffff; 
    TEXT-DECORATION: none 
  }
  
.right-nav-column A:hover 
  { 
    FONT-SIZE: 10px; 
    COLOR: #ffffff; 
    TEXT-DECORATION: underline 
  }

.right-nav-column H1 
  { 
    FONT-SIZE: 14px; 
    FONT-WEIGHT: bold; 
    COLOR: #ffffff; 
		PADDING-RIGHT: 15px; 
		PADDING-LEFT: 35px; 
		PADDING-TOP: 15px; 
		PADDING-BOTTOM: 0px 
  }
  
.right-nav-column H2 
  { 
    COLOR: #ffffff; 
    PADDING-RIGHT: 15px; 
    PADDING-LEFT: 23px 
  }
  
.right-nav-column P 
  { 
    FONT-SIZE: 10px; 
    LINE-HEIGHT: 14px; 
    PADDING-RIGHT: 15px; 
    PADDING-LEFT: 35px; 
    COLOR: #ffffff 
  }
  
.right-nav-column UL 
  { 
    COLOR: #ffffff 
  }
  
.right-nav-column LI 
  { 
    FONT-SIZE: 10px; 
    COLOR: #ffffff; 
    PADDING-BOTTOM: 10px 
  }
  
.right-navbar-form-data 
  { 
    PADDING-RIGHT: 5px; 
    PADDING-LEFT: 30px; 
    FONT-SIZE: 11px; 
    COLOR: #ffffff; 
  }
  
.required-form-data 
  { 
    FONT-WEIGHT: bold 
  }

/* MIDDLE-COLUMN FORMATTING */
.middle-column P 
  { 
    PADDING-RIGHT: 20px; 
    PADDING-LEFT: 20px; 
    PADDING-TOP: 15px; 
    PADDING-BOTTOM: 0px; 
    FONT-SIZE: 10px; 
    COLOR: #666666; 
    LINE-HEIGHT: 14px 
  }
  
.middle-column A 
  { 
    FONT-WEIGHT: bold; 
    COLOR: #666666; 
    TEXT-DECORATION: none 
  }
  
.middle-column A:hover 
  { 
    FONT-SIZE: 10px; 
    COLOR: #666666; 
    TEXT-DECORATION: underline 
  }
  
.middle-column H1 
  { 
    PADDING-RIGHT: 20px; 
    PADDING-LEFT: 20px; 
    PADDING-TOP: 15px; 
    PADDING-BOTTOM: 0px; 
		FONT-SIZE: 14px; 
		FONT-WEIGHT: bold; 
		COLOR: #666666 
	}

.middle-column H2 
  { 
    PADDING-RIGHT: 20px; 
    PADDING-LEFT: 20px; 
    PADDING-TOP: 15px; 
    PADDING-BOTTOM: 0px; 
		COLOR: #666666; 
		FONT-SIZE: 11px; 
		FONT-WEIGHT: bold 
	}
	
.middle-column H3 
  { 
    COLOR: #666666 
  }
  
.middle-column UL 
  { 
  }

.middle-column LI 
  { 
    COLOR: #666666; 
    FONT-SIZE: 10px; 
    LINE-HEIGHT: 14px; 
    PADDING-BOTTOM: 10px 
  }
  
.middle-column img 
  { 
  }


/* FOOTER FORMATTING */
.footer P 
  { 
    PADDING-RIGHT: 20px; 
    PADDING-LEFT: 15px; 
    PADDING-TOP: 2px; 
    PADDING-BOTTOM: 2px;
    COLOR: #ffffff; 
    FONT-SIZE: 11px
  }
  
.footer A 
  { 
    PADDING-RIGHT: 10px; 
    PADDING-LEFT: 0px; 
    PADDING-TOP: 2px; 
    PADDING-BOTTOM: 2px;
    MARGIN: 0px; 
    FONT-SIZE: 11px; 
    COLOR: #ffffff; 
    FONT-WEIGHT: none; 
    TEXT-DECORATION: none
  }

.footer A:hover 
  { 
    FONT-WEIGHT: none; 
    TEXT-DECORATION: underline 
  }

.section-break 
  { 
    MARGIN-TOP: 12px; 
    width: 90%; 
    height: 1px 
  }

.section-break-partners
  {
    MARGIN-TOP: 30PX;
    /*WIDTH: 0PX; */
    COLOR: White;
  }

/* Form unique formatting */
#form-navbar 
  { 
    width: 165px; 
    margin: 0px; 
    padding: 0px; 
    background: blue; 
		position: absolute; 
		top: 119px; 
		left: 0px 
	}
	
#form-left-column 
  { 
    width: 285px; 
    margin: 0px; 
    padding: 0px; 
    background: #ffffff;
		position: absolute; 
		top: 0px; 
		left: 2px 
	}
	
#form-right-column 
  { 
    width: 300px; 
    margin: 0px; 
    padding: 0px; 
    background: #ffffff;
		position: absolute; 
		top: 0px; 
		left: 262px 
	}
	
#form-disclaimer 
  { 
    width: 98%; 
    margin: 0px; 
    padding: 0px; 
    background: #ffffff;
		position: absolute; 
		top: 2060px; 
		left: 2px 
	}
	
#form-footer 
  { 
    width: 760px; 
    margin: 0px; 
    padding: 0px; 
    background: #120634;
		position: absolute; 
		top: 2350px; 
		left: 0px 
	}

#form-navbar A 
  { 
    BACKGROUND: #19408e; 
    PADDING-RIGHT: 15px; 
    PADDING-LEFT: 15px; 
    PADDING-TOP: 8px; 
    PADDING-BOTTOM: 8px;
    WIDTH: 100%; 
    DISPLAY: BLOCK; 
    MARGIN: 0px; 
    BORDER-BOTTOM: #ffffff 1px solid;
    FONT-WEIGHT: bold; 
    FONT-SIZE: 12px; 
    COLOR: #ffffff; 
    TEXT-DECORATION: none
  }
  
#form-navbar A:hover 
  { 
    BACKGROUND: #ffffff; 
    COLOR: #19408e 
  }
  
#form-navbar A.current 
  { 
    BACKGROUND: #9e9e9e; 
    COLOR: #ffffff; 
    TEXT-DECORATION: none 
  }
  
#form-navbar A.current:hover 
  { 
    BACKGROUND: #9e9e9e; 
    COLOR: #ffffff 
  }
  
#form-navbar P 
  { 
    FONT-SIZE: 10px; 
    PADDING-RIGHT: 20px; 
    PADDING-LEFT: 15px; 
    COLOR: #ffffff; 
    LINE-HEIGHT: 14px 
  }
  
#form-left-column H1 
  { 
    FONT-SIZE: 18px; 
    FONT-WEIGHT: BOLD; 
    MARGIN: 10px 10px; 
    COLOR: #666666; 
    LINE-HEIGHT: 14px 
  }
  
#form-left-column H2 
  { 
    FONT-SIZE: 14px; 
    FONT-WEIGHT: BOLD; 
    MARGIN: 10px 10px; 
    COLOR: #666666 
  }
  
#form-left-column P 
  { 
    FONT-SIZE: 10px; 
    LINE-HEIGHT: 14px; 
    MARGIN: 0px 15px; 
    COLOR: #666666; 
  }
  
#form-right-column H1 
  { 
    FONT-SIZE: 18px; 
    FONT-WEIGHT: BOLD; 
    MARGIN: 10px 10px; 
    COLOR: #666666; 
    LINE-HEIGHT: 14px 
  }
  
#form-right-column H2   
  { 
    FONT-SIZE: 14px; 
    FONT-WEIGHT: BOLD; 
    MARGIN: 10px 10px; 
    COLOR: #666666 
  }
  
#form-right-column P 
  { 
    FONT-SIZE: 10px; 
    LINE-HEIGHT: 14px; 
    MARGIN: 0px 15px; 
    COLOR: #666666; 
  }
  
#form-disclaimer P 
  { 
    FONT-SIZE: 10px; 
    PADDING-RIGHT: 20px; 
    PADDING-LEFT: 15px; 
    COLOR: #666666; 
    LINE-HEIGHT: 14px 
  }
  
#form-disclaimer A 
  { 
    COLOR: #666666; 
  }
  
#form-footer P 
  { 
    PADDING-RIGHT: 20px; 
    PADDING-LEFT: 15px; 
    COLOR: #ffffff; 
    FONT-SIZE: 11px 
  }
  
#form-footer A 
  { 
    PADDING-TOP: 5px; 
    PADDING-RIGHT: 10px; 
    PADDING-LEFT: 0px; 
    FONT-SIZE: 11px; 
    COLOR: #ffffff; 
    FONT-WEIGHT: none; 
    TEXT-DECORATION: none; 
  }
  
#form-footer A:hover 
  { 
    FONT-WEIGHT: none; 
    TEXT-DECORATION: underline; 
  }