/*** "Adapted from the "Holy Grail of Layouts" - A List Apart: http://alistapart.com ***/
	
/*** The Essential Code ***/

        body {
            min-width: 55px; /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
        }

        #container {
/*
            padding-left: 5px; /* LC fullwidth - disabled  */
/*            padding-right: 45px; /* RC fullwidth + CC padding - disabled */
	margin: 0px auto;
        }

        #container .column {
            position: relative;
/*            float: left;     disabled to mimic old nsx design */
        }

        #bodycontent {
           padding: 10px 10px; /* CC padding */
            width: 760px;
	    margin:0px auto;
        }

        #left {
            width: 5px; /* LC width */
            padding: 0 0px; /* LC padding */
            right: 25px; /* LC fullwidth + CC padding */
            margin-left: -100%;
        }

        #right {
            width: 5px; /* RC width */
            padding: 0 0px; /* RC padding */
            margin-right: -100%;
        }

        #footer {
            clear: both;
        }

        #header, #footer {
	    width: 780px;
	    margin: 0px auto; /* to center single column variation */
	    padding: 0px;
        }

/*** IE Fix ***/
        * html #left {
            left: 5px; /* RC fullwidth */
        }

/*** Just for Looks ***/

        body {
            margin: 0;
            padding: 0;
            background: #FFF;
        }

        #footer {
            font-size: large;
            text-align: center;
            padding: 0.3em 0;
            background: #597D93;
        }
		
	#header {
            font-size: large;
            text-align: center;
            background: #fff;
        }

        #left {
            background: #FFF;
        }

        #bodycontent {
            background: #FFC;
        }

        #right {
            background: #FFF;
        }

        #container .column {
            padding-top: 0em;
        }

	.sectionHeading {
	    background-color: #597D93;
	    padding-top: 2px;
	    padding-bottom: 2px;
	    padding-left: 8px;
	    padding-right: 8px;
            margin-top: 4px;
	    margin-bottom: 4px;
	    margin-left: -10px;
	    margin-right: -10px;
	    color: #FFF;
	    font-weight: bold;
	}


	.stretchToggle {    
	    background-color: #597D93;
	    background-image: url('images/icons/expand.gif'); 
	    background-position: right center;
	    background-repeat: no-repeat;
	    cursor: pointer;
	    text-align: left;
	    width: 97%;
}

	.emptySection {
	   background-color: #597D93;
	   text-align: left;
	   color:  #8cb2c4;
	   width: 97%;
	}

	.noDataNotice {
	   position: absolute;
	   right: 6%;
	   color: #8cb2c4;
	   font-family: arial, helvetica, verdana; 
	   font-size: 14px;
	   font-weight:bold;
	}

	.stretchActive {
	   background: #597D93 url('images/icons/collapse.gif') right center no-repeat;
           cursor:pointer;
	   width: 97%;
	   text-align: left;
	}

	.sectionLabel {
}

	.sectionHelp {
	   position: relative;  /* I don't quite understand why this needs to be specified explicitly here- should be default- but it works */
	   float: right;
	   top: -18px;
	}

	.stretcher {
	   background-color: #FFC;
	   display: none; 	/* start off with everything invisible until the page is finished loading - avoids weird intermediate view */
	}

	.notaStretcher {
	   background-color: #FFC;
	}

	
	#summary {
		padding-bottom: 10px;
	}

	#summaryText {float: left; }

	#summaryImage {float: right; }

	#summaryImage p {
		text-align: center;
		margin-top: -3px;
	}
	
	div.spacer {
		clear: both;
	}

	#legalPrint { margin-top: 10px; } 

	th	{
		text-align: left;
		background-color: #cc9;
		}

		
	.copy {
		font-family: arial, helvetica, verdana; 
		 font-size: 13px;
		}

	li {
		font-family: arial, helvetica, verdana; 
		 font-size: 13px;
		}

	.boldcopy {
		     font-family: arial, helvetica, verdana; 
		     font-size: 13px;
		     font-weight:bold;
		    }
			    

	.tableHead {
	      font-family: arial, helvetica, verdana; 
	      font-size: 13px;
	      font-weight:bold;
	     }
			     
	.fieldLabel {
	     font-family: arial, helvetica, verdana; 
	     font-size: 13px;
	     font-weight:bold
	    }

	.subhead1 {
	    font-family: arial, helvetica, verdana; 
	    font-size: 13px;
	    font-weight:bold;
	    }

	.subhead2 {
	     font-family: arial, helvetica, verdana; 
	     font-size: 16px;
	     font-weight:bold
  	    }

	.subhead3 {
	     font-family: arial, helvetica, verdana; 
	     font-size: 14px;
	     font-weight:bold;
	     color:#990033;
	    }

	.large_text {
	      font-family: arial, helvetica, verdana; 
	      font-size: 16px;
	}

	a:link {
	   font-family: arial, helvetica, verdana; 
	   font-size: 13px; 
	   color: #3300ff; 
	   font-weight:bold;
		  }
	
	a:visited {
	  font-family: arial, helvetica, verdana; 
	  font-size: 13px; 
	  font-weight:bold;
	  }
	
 	  .disclaimer
	     {
 	     font-family: arial, helvetica, verdana; 
	     font-size: 14px;
	     font-weight:bold;
	     color:#ff0000;
	    }