/* BkRAAM_2_col_WideLeft.css;	Copyright 14 Feb 2007 by Georgia Glashauser;  */
/*			written by Georgia Glashauser; 	Revised 8 April 2008  */
/* ========================================================================== */
/* ========================================================================== */
/* ===================== L A Y O U T ======================================== */
/* ========================================================================== */
body {	margin:0px; padding:0px; background-color: #FFFFFF;   /* color: white */
		text-align:center;  color: #4000FF; 
		font-size:12px; font-family: verdana, arial, sans-serif; 
		}
* {margin:0; padding:0;}
div#full_pg {	width:902px; margin-left:auto; margin-right:auto; border:1px solid #069; }	 
div#banner  { 	margin: 0px 5px 1px 5px;   width:885px;  height: 90px;
		border:1px solid #40F;	background-color: #FFF;    /* color: white */
		background-image: url('../images/BannerGradRoseYellow2.gif');
		background-repeat: repeat-x;  font-style: italic; font-weight:bold;       
		font-family: "times new roman", bodoni, garamond, serif;
  		}
div#torso { 	width:900px; border:1px  solid #000; 
		margin-bottom:8px; 
		}
div#wide { 	float:left; 	width:620px;  color: #000000; 
		border:1px solid #069; margin: 5px 2px 2px 5px;
		background-color: #FFF;    /* color: xxx */ 
		background-image: url('../images/GradYellowWhite3.gif');
		background-repeat: repeat; }
div#side { 	margin: 5px 5px 2px 2px;  float:right; width:255px;  
		background-color: #FFF;    /* color: xxx */
		background-image: url('../images/GradYellowWhite3.gif');
		background-repeat: repeat; 
		border:1px solid #069;	display:inline;
		}
div#footer { 	margin-top:1em; margin-left:auto; margin-right:auto;
		width:840px; color: #7F4F15;
		border-top:1px solid  #7F4F15; 
		}
/* ========================================================================== */
/* ========================================================================== */
/* ===================== H E A D E R S ====================================== */
/* ========================================================================== */
div#banner h1 { margin: 10px 0px 5px;  	}
div#banner h2 { margin: 10px 0px 5px; 	}
div#banner h4 { margin: 10px 0px 5px; 	
		font-style: normal; font-weight:bold; 
		}
div#wide h1 { color: #7F4F15;  margin: 4px 4px 10px 4px;   }
div#wide h2 { color: #7F4F15;  margin: 4px 4px 8px 4px;  }
div#wide h3 { color: #7F4F15; margin: 4px 4px 10px 4px;  }
/* ========================================================================== */
/* ========================================================================== */
/* ===================== I M A G E S ======================================== */
/* ========================================================================== */
img {    border:none;}
div#banner img { float:right; margin:10px 10px 0 0; }
div#banner .left_of_text { float:left;  margin:5px 0 0 10px; }
div#banner .right_of_text {   margin:4px 0; }
div#wide .right_of_text { float:right; margin:0px 10px 0 10px; }
div#wide .left_of_text { float:left; margin:0px 10px 0 10px; }
div#side img {  margin: 4px 0;  }
div#footer img { float:right; margin:2px 10px 0 0; }
div#footer .left_of_text { float:left;  margin:2px 0 0 10px; }
/* ========================================================================== */
/* ========================================================================== */
/* ===================== P A R A G R A P H S ================================ */
/* ========================================================================== */
div#wide p {	text-align:left; text-indent:1.6em; margin: 4px 35px; 
		font-weight:normal; line-height:18px;
		}			
div#wide .centered { text-align:center; text-indent:0.3em; margin: 2px; 
		font-weight:normal; 
		}			
div#wide .no_indent {  text-indent:0; }
div#wide p.very_lg {  font-size:36px;  line-height:56px; text-align:center;}
div#side p  { text-align:left; width: 235px; margin-top:5px;  margin-right:auto;  
		margin-left:auto;  margin-bottom:5px; line-height:16px;
		text-indent:20px;  font-weight:normal; 	color: #003366;  
		}
div#side P.on_left  { 	float:left; text-align:left; 
			margin-left:14px; width:107px; margin-right:auto; 
			margin-bottom:10px; text-indent:0;}
div#side P.on_right {	text-align:right; 
			margin-right:20px; width:110px; margin-left:auto; 
			margin-bottom:10px; text-indent:0;}
div#side .centered { text-align:center; text-indent:0; margin-top: 10px; 
		font-weight:normal; 
		}			
div#footer p { font-size:0.75em;  margin:5px 20px 0 20px;  }
.clear { clear:both;}
/* ========================================================================== */
/* ========================================================================== */
/* ===================== L I S T S ========================================== */
/* ========================================================================== */
div#side ul {	margin-left: 5px; margin-top: 10px; margin-bottom: 5px;
		list-style-type:none; text-align:left;
		}
div#side li {  	margin: .4em; }
div#wide ul {	margin-left: 45px; margin-top: 5px; margin-bottom: 10px;
		text-align:left;
		}
div#wide li {  	margin-left: 20px; margin-top: 5px; }
div#wide ul.not {	margin-left: 45px; margin-top: 5px; margin-bottom: 10px;
		list-style-type:none; text-align:left;
		}
/* ========================================================================== */
/* ========================================================================== */
/* ===================== T A B L E S ======================================== */
/* ========================================================================== */
div#wide table {  text-align:left; text-indent:2.6em; margin: 4px 35px; 
		  font-weight:normal; line-height:18px;
		}
div#wide td.col1 { width:270px; }
/* ========================================================================== */
/* ========================================================================== */
/* ===================== L I N K S ========================================== */
/* ========================================================================== */
a:link {color:#4000FF;  } 
a:visited {color:#CC00FF; }
a:hover {color:#7F4F15;  }
a:active {color:#FF6600; }
/* ========================================================================== */
/* ========================================================================== */
/* ===================== J U S T I F Y    B O T T O M ======================= */
/* ========================================================================== */
.justify_bottom:after { content:"."; display:block; height:0; 
		clear:both; visibility:hidden; }
.justify_bottom { display:inline-block; }     
/* a fix for IE Mac \*/
* html .justify_bottom { height:1%; }     
/* fix for the Guillotine bug in IE6 */
.justify_bottom { display:block; } 
		/* read the details of how and why this works at 	
		http://www.positioniseverything.net/easyclearing.html */