/* ======================== 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:					875px;
   margin:					0 auto;
   background:				red url('/images/wrapper-bg875x10.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: 					813px
   }
   
/* ======================== header top section =============== */
#headerTop
   {
   height:					113px;
   background:				red url('images/matrix_code813x113.jpg') no-repeat;
   }   
#headerTop h2
   {
   position:				absolute;
   top:						70px;
   left:						615px;
   color:					white;
   }
   
/* ======================== header bottom section ============ */
#headerBot
   {
   text-align:				left;
   height:					28px;
   background:				red url('images/hdr_bottom835x30.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 - anything that is implemented with com_bgn code above and com_end code below 
   will, necessarily fall into this content div as the div begins as com_bgn ends and ends
   as com_end begins.  so, this will include all specific pages like SpeedySend.php */ 
     
#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 ul
   {
   padding:					5px 0px 5px 20px;	/* top, right, bottom, left */
   margin:					0;
   list-style-type:		circle;
   }
   
#content li
   {
   line-height:			1.5em;
   }
    
#content h3
   {
   text-align: 			center;
   color:					black;
   line-height:			1.334;
   overflow:				hidden;				/* gives 'display context' */
   padding:					10px 0 10px 0px;
   }
#content a
   {
   color:					blue;
   margin:					1px;
   }
#content a:hover
   {
   color:					rgb(255,27,161);		/* SpeedySend red */
   text-decoration:		underline;
   }  
   
#content img
	{
	border:					1px solid #739156;
	}
	
#content i
   {
   color:					#483d8b;				/* darkslateblue */
   }
#content p
   {
   padding-bottom:		8px;
   }
#content b
	{
	font: 					bolder;
	}
.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;
	}