/* 
   A huge thank you to Matthew James Taylor for making this available
   for anyone to use, no strings attached!

   http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-pixels.htm
*/

/* General styles */
body {
  margin:0;
  padding:0;
  border:0;			/* This removes the border around the viewport in old versions of IE */
  width:100%;
/*  min-width:800px;    /* Minimum width of layout - remove line if not required */
  /* The min-width property does not work in old versions of Internet Explorer */
/*  font-size:90%;*/
}
a {
}
a:hover {
  text-decoration: none;
}
h1, h2, h3 {
  margin:0;

  margin-bottom: 1em;
  margin-top: 0.5em;
  padding:0;
}
p {
  margin:2em 0 .8em 0;
  padding:0;
}
img {
  margin:10px 0 5px;
}
/* Header styles */
#header {
  clear:both;
  float:left;
  width:100%;
}
#header {
  border-bottom:1px solid #000;
}
#header p,
#header h1,
#header h2 {
  padding:.4em 15px 0 15px;
  margin:0;
}
#header ul {
  clear:left;
  float:left;
  width:100%;
  list-style:none;
  margin:10px 0 0 0;
  padding:0;
}
#header ul li {
  display:inline;
  list-style:none;
  margin:0;
  padding:0;
}
#header ul li a {
  display:block;
  float:left;
  margin:0 0 0 1px;
  padding:3px 10px;
  text-align:center;

  color:#000;
  text-decoration:none;
  position:relative;
  left:15px;
  line-height:1.3em;
}
#header ul li a:hover {

  color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
  color:#fff;

  font-weight:bold;
}
#header ul li a span {
  display:block;
}
/* 'widths' sub menu */
#layoutdims {
  clear:both;

  border-top:4px solid #000;
  margin:0;
  padding:6px 15px !important;
  text-align:right;
}
/* column container */
.colmask {
  position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:95%;			/* width of whole page */
  overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {

}
.leftmenu .colright {
  float:left;
  width:100%;
  position:relative;
  left:150px;

}
.leftmenu .col1wrap {
  float:right;
  width: 50%;
  position:relative;
  right:150px;
  padding-bottom:1em;
}
.leftmenu .col1 {
  margin:0 15px 0 50px;
  position:relative;
  right:100%;
  width: 800px;
  overflow:hidden;
}
.leftmenu .col2 {
  float:left;
  width:170px;
/*  position:relative;
  right:250px; */
  position: fixed;
  top: 0px;
  left: -20px;

}

.col2 p, .col2 table, .col2 ul, .col2 ol, .col2 div,.col2 li, .col2 form { 
  width: 150px;
  margin-left: 0px;
  padding-left: 0px;
  text-align: justify;
}


ul {
  list-style-type: inherit;
  list-style-image: url(./pentagon.png);
  list-style-position: inside;
}





/* Footer styles */
#footer {
  clear:both;
  float:left;
  width:100%;
  border-top:1px solid #000;
}
#footer p {
  padding:10px;
  margin:0;
}
/* --> */
/style> 
[if lt IE 7]>
style media="screen" type="text/css">
.col1 {
  width:100%;
}
/style>
[endif]-->