/* ======================== global section =================== */
*  /* this global removal of padding and margins from every following element 
      serves to defeat elements which have defaults paddings and/or margins.  
	  easier to yank them all and add them back as needed than to be surprised 
	  to find them invisibly causing havoc that you have to debug out. */
   {
   padding:					0;
   margin:					0;
   }
   
/* ======================== body section ===================== */
body
   {
   min-width:				775px;
   background-color:		#739156;
   color:					white;
   font:					small Arial, Helvetica, Verdana, sans-serif;
   text-align:				center;
   }
   
/* ======================== wrapper section ================== */
/* wrapper encloses everything within the page.  this includes the two side 
   strips where the background.gif is displayed and the center-column that is 
   centered within the wrapper and contains everything else from top to bottom;
   headerTop, headerBot, sidebar, content and footer */
   
#wrapper					
   {
   position:				relative;		/* this gives wrapper 'position' */
   width:					775px;
   margin:					0 auto;
   background:				red url('/images/wrapper-bg.gif') repeat-y;
   }
   
/* ======================== center column section ============ */

#center-column 				/* gary */
   {   
   background: 				#AEDC82 url('/images/sidebar-bg.gif') repeat-y left center;
   margin: 					0 auto;
   position: 				relative;
   width: 					713px
   }
   
/* ======================== header top section =============== */
#headerTop
   {
   height:					168px;
   background:				red url('images/matrix_code.jpg') no-repeat;
   }   
#headerTop h2
   {
   position:				absolute;
   top:						120px;
   left:					515px;
   color:					white;
   }
   
/* ======================== header bottom section ============ */
#headerBot
   {
   text-align:				left;
   height:					28px;
   background:				red url('images/hdr_bottom.gif') no-repeat;
   }
#headerBot a
   {
   position:				relative;
   top:						5px;
   color:					#ADED73;
   text-decoration:			none;
   }
#headerBot a:hover
   {
   color:					#498F08;
   text-decoration:			none;
   }

/* ======================== sidebar section ================== */

#sidebar					/* gary */
   {
   background-color: 		black;
   float: 					left;
   font-family: 			Tahoma,sans-serif;
   font-size: 				10px;
   margin: 					0 1px 0 0; /* right margin makes room for "border" */
   padding: 				4px 0 8px;
   text-align: 				left;
   width: 					216px;
   }

#sidebarImages
   {
   margin-left:				8px;
   }
#sidebarMenu h3
   {
   color:					white;
   padding:					8px 0 0 6px;
   margin:					0;
   height:					20px;
   }
#sidebarMenu ul
   {
   padding:					5px 0px 5px 20px;
   margin:					0;
   }
#sidebarMenu li
   {
   line-height:				2em;
   display:					block;				/* prevents leading dots */
   }
#sidebarMenu a
   {
   color:					#ADED73;
   margin:					0 2px;
   font-weight:				bold;
   padding:					3px;
   text-decoration:			none;
   }
#sidebarMenu a:hover
   {
   color:					#498F08;
   text-decoration:			none;
   }
   
/* ======================== content section ================== */
   
#content					/* gary */
   {
   background-color: 		#AEDC82;
   color: 					black;
   overflow: 				hidden;  		/* creates new block formatting context in IE7+ and in modern browsers */
   padding: 				10px 35px 0 30px;
   text-align: 				justify;
   }
   
* html #content				/* gary */
   {										/* star-html hack feeds only IE<7 */
   height: 					1px;			/* sets hasLayout */
   overflow:				visible;      	/* for obvious reasons */
   }
    
#content h3
   {
   color:					#4682b4;			/* steelblue */
   line-height:				1.334;
   overflow:				hidden;				/* gives 'display context' */
   padding:					10px 0 10px 40px;
   }
#content a
   {
   color:					teal;
   margin:					1px;
   }
#content a:hover
   {
   color:					blue;
   text-decoration:			underline;
   }  
#content i
   {
   color:					#483d8b;				/* darkslateblue */
   }
#content p
   {
   padding-bottom:			8px;
   }
.contentBoxed
   {
   text-align:				left;
   border:					2px solid gray;
   padding:					5px 5px 5px 30px;
   overflow:				hidden;				/* gives 'display context' */
   margin:					5px 0 10px 0;
   }
.contentBoxed li
   {
   padding:					3px;
   }
       
/* ======================== footer section =================== */

#footer						/* gary */
   {
   background: 				#82a561 url('/images/footer-bg.gif') no-repeat left top;
   border-bottom: 			2px solid black;
   border-top: 				2px solid black;
   clear: 					both;
   color: 					#303030;
   margin-top: 				20px;
   padding-top:				5px
   }   
   
#footer a
   {
   color:					teal;
   margin:					1px;
   }
#footer a:hover
   {
   color:					blue;
   text-decoration:			underline;
   }

/* Begin Images */
	
p img 
  	{
	padding:			0;
	max-width:			100%;
	}

img.centered 
	{
	display:			block;
	margin-left:		auto;
	margin-right:		auto;
	}

img.alignright
	{
	float:				right;
	padding:			4px;
	margin:				0 0 2px 7px;
	display:			inline;
	}

img.alignleft
	{
	float:				left;
	padding:			4px;
	margin:				0 7px 2px 0;
	display:			inline;
	}