/* columns.css */


/* Code for 2-column layouts.
 * Warning: In the HTML code, column2 should be placed after the code for the outer columns
 */
.column2A {
  float: left;
  width: 48%;
  padding: 0px 0px 0px 10px;
  border: 0px solid #000;
  line-height: normal;
} 	 

.column2B {
  margin-left: 50%;
  margin-bottom: 10px;
  padding: 0px 0px 0px 10px;
  border:  0px solid #000;
  line-height: normal;
} 
 
/* For putting Hdr info in the far left and far right of the screen.
 * Coded to minimize extra space in the display.
 */
.col2A_hdr {
  float: left;
  width: 50%;
  font-size:125%;
  font-weight:bold;
} 	 

.col2B_hdr {
  margin-left: 50%;
  font-size:125%;
  font-weight:bold;
}

/*
 * PURPOSE: Column A is used for a menu an is smaller than Column B
 *
 */
.col2A_menu {
  float: left;
  width: 200px;
  padding: 0px 0px 0px 0px;
  border: 0px solid #000;
  line-height: normal;
/*  background: #B2D8F6;
  background:  url(pix/clouds.gif) repeat;*/
  border: 0px solid #000;
} 	 

.col2B_menu {
  margin-left: 250px;
  margin-bottom: 10px;
  padding: 0px 0px 0px 10px;
  border:  0px solid #000;
  line-height: normal;
}


/*
 * PURPOSE: Column A smaller than Column B
 *
 * Wrap this with box_sm_cntr to center it in an 800px display.
 */
.col2A_small {
  float: left;
  width: 235px;
  padding: 0px 10px 0px 10px;
  border: 0px solid #000;
  line-height: normal;
} 	 

.col2B_small {
  float: right;
  width: 300px;
  margin-bottom: 10px;
  padding: 0px 10px 0px 10px;
  border:  0px solid #000;
  line-height: normal;
} 


/* Code for 3-column layouts.
 * Warning: In the HTML code, column3C should be placed after the code for the outer columns
 */
.column3A {
  float: left;
  width: 30%;
  margin-bottom: 10px;
  padding: 0px 10px 0px 10px;
  border:  0px solid #000;
  line-height: normal;
} 	 

.column3B {
  margin-left: 34%;
  margin-right: 34%;
  margin-bottom: 10px;
  padding: 0px 10px 0px 10px;
  border: 0px solid #000;
  line-height: normal;
} 

.column3C {
  float: right;
  width: 30%;
  margin-bottom: 10px;
  padding: 0px 10px 0px 10px;
  border:  0px solid #000;
  line-height: normal;
} 


/* Code for 3-column layouts.
 * Warning: In the HTML code, column3C should be placed after the code for the outer columns
 */


/*
 * PURPOSE: 2 pictures in columns A, B and Description in Column C.
 *
 * Wrap this with box_sm_cntr to center it in an 800px display.
 */
.col3A_small {
	float: left;
	width: 200px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	border:  0px solid #000;
	line-height: normal;
} 	 

.col3B_small {
	margin-left: 210px;
	width: 200px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000;
	line-height: normal;
} 

.col3C_small {
	float: right;
        width: 377px;
	margin-bottom: 10px;
	padding: 0px 0px 0px 0px;
	border:  0px solid #000;
	line-height: normal;
}




/* Code for 4-column layouts. 
 *
 * Warning: after closing a 4-column division add some breaks so new text isn't
 * hiddnen under the columns.
 */
.column4A {
    position:absolute;
    left:4px;
    width:24%;
    margin-bottom: 10px;
    border: 0px solid #000;
  line-height: normal;
/*  background:#ff9900; */
} 	 

.column4B {
    position:absolute;
    left:25%;
    width:24%;
    margin-bottom: 10px;
    border: 0px solid #000;
  line-height: normal;
/*  background:#dd6124; */
}

.column4C {
    position:absolute;
    left:50%;
    width:24%;
    margin-bottom: 10px;
    border: 0px solid #000;
  line-height: normal;
/*  background:#f6dd32;*/
} 	 

.column4D {
  position:absolute;
  left:75%;
  width:24%;
  margin-bottom: 10px;
  border: 0px solid #000;
  line-height: normal;
/*  background:#f69932;*/

}