/* Optional Code */


body { margin: 0; padding: 0; color: #000; background-color: #fff; text-align: justify; font-family: Arial, Helvetica, sans-serif; }
/*
//p  { padding: 0.5em; margin: 0; font-size: 1em; }
//h1 { padding: 0.5em; margin: 0; font-size: 1.3em; font-weight: normal; }
//h2 { padding: 0.5em; margin: 0; font-size: 1em; font-weight: bold; }
//ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }
*/
.right { font-style: italic; }
.normal { font-style: normal; }

.outbox { padding: 1em; text-align: center; }
.outbox a { display: block;
	background: #fff;
	border: 1px solid #ccc;
	width: 50%;
	padding: 1em;
	margin: 0 auto;
}

.outbox a:hover { border: 1px solid #000; }

.wrapper { min-width: 400px; }
          /* Allways good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
	width: 770px;               /* total width */
	margin-left: auto;
	margin-right: auto;
	/*add bg image for left-hand shadow*/
	background-image: url(../includes/images/img463.jpg);
	background-position: top left;
	background-repeat: repeat-y;
}      

.outer {
	/*shift left div 10px right for shadow*/
	margin-left: 2px;
	border-left-width: 165px;  /* left column width */
	border-left-color: #000000; /* right column width */
	border-right-color: #FFFFFF;  /* right column colour */
	background-color: #FFFFFF; /* center column colour */
	border-right-width: 8px;
}

.inner {
	/*add bg image for right-hand shadow*/
	background-image: url(../includes/images/img466.jpg);
	background-position: top right;
	background-repeat: repeat-y;
}

.left {
	/*border: 1px dotted black;*/
	padding-top: 0px;
	width: 165px;              /* left column width */
	margin-left: -165px;       /* _negative_ left column width */
}

.right {
	/*border: 1px dotted black;*/
	width: 20px;              /* right column width */
	margin-right: -10px;      /* _negative_ right column width */
}

.wide {
	background-color: #fff;    /* header and footer colours */
	text-align: centered;
}

/* Main code */

.outer { width: 595px; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 100%; }

.left { float: left; position: relative; z-index: 10; }
.right { float: left; position: relative; z-index: 11; }
.center { 
	float: left; 
	width: 590px; 
	padding-top: 10px;
	margin-right: 50px;
	position: relative; 
	z-index: 12;
 }

.center table {padding-left: 10px;}
.center table td table {padding-left: 1em;}

.wide { 
	width: 770px; 
	position: relative; 
	z-index: 13;
	text-align: center;
 }

.clear { clear: both; }

/* Mozilla code */
.outer > .inner {
	border-bottom: 1px solid transparent;
}
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.right p { padding-left: 10px; }
.center { margin: 0 -8px 0 -2px; }