/* Optional Code */
body { color: #000; background-color: #D8BFD8; text-align: justify; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 80%; color: #666666;}   /* font-size : 80%; #fff */
p  { padding: 0.5em; margin: 0; font-size: 0.8em; }
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; }

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

.wrapper { border: 1px solid black; margin: 0 -1px; }
/* this is a border with marginal compensation to stop scroll bars */

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

.wrapper {
width: 85%;                             /* total width */
margin-left:auto;  margin-right:auto;   /* center */
}      

.outer {
border-left-width: 150px;  /* left column width */
border-left-color: #F8F8FF;   /* left column colour */

border-right-width: 300px; /* right column width */
border-right-color: #F8F8FF;  /* right column colour */

background-color: #F8F8FF; /* center column colour */
}

.left {
width: 150px;              /* left column width */
margin-left: -150px;       /* _negative_ left column width */
}

.right {
width: 300px;              /* right column width */
margin-right: -300px;      /* _negative_ right column width */
}

.wide {
background-color: #DCDCDC;    /* header and footer colours */
}
.banner {
  padding: 0.5em; margin: 0;  
  background-color: #F8F8FF; 
  font-family: "Harlow solid italic", Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1.5em;        /* font-size: 1.3em; font-size: 100%;*/
  font-weight: normal;
  color: blue
  }
.title {
  padding-left: 150px; padding-bottom:0.5em;margin: 0;  
  background-color: #F8F8FF; 
  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 1.em;        /* font-size: 1.3em; font-size: 100%;*/
  font-weight: normal;
  color: #000;
  }
/* Main code */

.outer { width: auto; 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: 100%; position: relative; z-index: 12; }

.wide { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }



/* Vertical Navigation bar code */
#v_navcontainer { 
  width: 95%;
  margin-left:auto; 
  margin-right:auto; 
  text-align:center;
}

#v_navcontainer ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%; 
}

#v_navcontainer a
{
display: block;
padding: 3px;
width: 85%;
background-color: #f5f5f5;
border: 1px solid #eee;  /* border-bottom: 1px solid #eee; */
}

#v_navcontainer a:link, #navlist a:visited
{
color: black; /* #eee; */
text-decoration: none;
}

#v_navcontainer a:hover
{
background-color: #E6E6FA;
color: black;
}

/* ==============             ================= */
.wide a:link, .wide a:visited
{
color: blue; /* #eee; */
text-decoration: none;
}

.wide a:hover
{
background-color: #cfc;
color: black;
}

/* ============== Mozilla code ================= */

.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.center { margin: 0 -3px 0 -2px; }
/* ============== END Mozilla code ================= */
.ctr {
  margin-left:auto; 
  margin-right:auto; 
  text-align:center;
}

.end {
  margin-left:auto; 
  margin-right:auto; margin-top: 3px;
  text-align:center;font-size: 0.8em; 
}

.c1-r {
  margin-left:auto; 
  width: 85%;
  margin-right:auto; 	
	padding: 5px 1%;
	border: 1px solid #ccc;
	color: #666;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	background: #f5f5f5;
}
.c1 {
  margin-left:auto; 
  width: 85%;
  margin-right:auto; 	
	padding: 5px 1%;
	border: 1px solid #ccc;
	color: #666;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	background: #f5f5f5;
}
/*--right ul {--*/
	/*--list-style-image: url("../_img/_listbullet.gif");--*/
	/*--line-height: 20px; /*--line-height: 20px; --*/
	/*--color: #333;--*/
	/*--background-color: #f9f9f9; --*/
	/*--padding: 5px 40px 5px 40px;--*/
/*--}--*/

.right ul {
	font-weight: normal;
        font-size : 80%;
}

.right ul li {
	padding-left: 2px;
}

.center ul li {
	font-weight: normal;
        font-size : 80%;
}

.center ul li {
	padding-left: 2px;
}