/* ********************** Layout Styles ***********************  */
/* ******* Ian Bennington *************************************  */
/* ******* last updated September 2008 ************************  */
/* ************************************************************  */
/* ******* contents: ******************************************  */


/* ******* contents: ******************************************  */
body	{
	background-color: #66376E;
	margin: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	}


#container {
	width: 90%;
	margin: 10px auto;
	text-align: left;
	border: 1px solid silver;
	background-color: #DB3594;
	background-image: url(../images/zebra.gif);
	color: #333;
	line-height: 140%;
	}

#header {
      padding: 0.5em;
      background-color: #FFFFFF;
      border-bottom: 2px solid red;
      height: 70px;
   }
   
/* Floats nav div so content div sits on same level */
#left {
      width: 80px;
      float: left;
      margin: 0;
      padding: 1em;
   }

#right {
      width: 60px;
      float: right;
      margin: 0;
      padding: 1em;
   }
   
/* Pushes content div in by 150px per side once left and right columns are floated */
#content {
	margin-left: 150px;
	margin-right: 150px;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	padding: 1em;
	max-width: 100%;
   }

/* Body Scroll area */
div.scroll {
	height: 350px;
	width: 98%;
	overflow: auto;
	border: 0px solid #666;
	padding: 8px;
}

#footer {
      clear: both;
      padding: 0.5em;
      margin: 0;
/*      background-color: #9C9C9C;*/
      background-color: #FFF;
      color: #333;
      border-top: 2px solid red;
   }
   
.article {
      background-color: #66376E;
      margin: 0;
      padding: 1em;
   }.images {
	text-align: center;
}