/*  */
#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;
  background:#eee;
  color:#000;
  text-decoration:none;
  position:relative;
  left:15px;
  line-height:1.3em;
}
#header ul li a:hover 
{
  background:#369;
  color:#fff;
}
#header ul li a.active, #header ul li a.active:hover 
{
  color:#fff;
  background:#000;
  font-weight:bold;
}
#header ul li a span 
{
  display:block;
}
  */
/* 'widths' sub menu */
#layoutdims 
{
  clear:both;
  background:#eee;
  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 */
  clear:both;
  float:left;
  width:100%;			/* width of whole page */
  overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright, .colmid, .colleft 
{
  float:left;
  width:100%;			/* width of page */
  position:relative;
}
.col1, .col2, .col3 
{ 
  float:left;
  position:relative;
  padding:0 0 1em 0;	/* no left and right padding on columns,   */
                      /* we just make them narrower instead      */
                      /* only padding top and bottom is included */
                      /* here, make it whatever value you need   */
  overflow:hidden;
}
/* 3 Column settings */
.threecol 
{
  /* right column background colour */
  /* background:#FAFAF0;
  background-image:url('/images/col-background.png');
  background-repeat:repeat-x;
   */
  /* background:#7ca3b2;*/
background:#f0f0f0;	
}
.threecol .colmid {
right:10%;			/* width of the right column */
background:#fff;		/* center column background colour */
}
.threecol .colleft 
{
  /* MJC - border test */
  border-right:1px solid #C0C0C0;
  right:80%;			/* width of the middle column */
                  /* left column background colour */
  /* background:#FAFAF0;
  background-image:url('/images/col-background.png');
  background-repeat:repeat-x;
   */
background:#f0f0f0;	
/* background:#7ca3b2;	*/
}
.threecol .col1 
{
  width:76%;			/* width of center column content */
                  /* (column width minus padding on either side) */
  left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 
{
  width:6%;     /* Width of left column content */
                /* (column width minus padding on either side) */
  left:16%;     /* width of (right column) plus (center column */
                /* left and right padding) plus (left column left padding) */
}
.threecol .col3 
{
  width:6%;			/* Width of right column content: */
                /* (column width minus padding on either side) */
  left:100%;		/* Please make note of the brackets here: 
                 * (100% - left column width) plus
                 * (center column left and right padding) plus 
                 * (left column left and right padding) plus 
                 * (right column left padding) */
}
/* Footer styles */
#footer 
{
  clear:both;
  float:left;
  width:100%;
  /* border-top:1px solid #000; */
  height: 40px;
 /*
  * background:#FAFAF0;
  */
  background:#FFFFFF;
}
#footer p 
{
  padding:10px;
  margin:0;
}

/* Gadgets */
/* start steps */
#step_container
{
  margin-top:20px;
  padding-bottom:6px;
  margin-right:50px;
  width:auto; 
  height:44px;
  overflow:visible;
  border-bottom: thin solid black;
}

#step1
{
  position:relative;
  left: -30px;
  width:150px; 
  height:43px;
  background-image:url('/images/step1.png');
  background-repeat:no-repeat;
  background-position:top left;
  overflow:visible;
  float:left;
}
#step2
{
  position:relative;
  left: -30px;
  width:150px; 
  height:43px;
  background-image:url('/images/step2.png');
  background-repeat:no-repeat;
  background-position:top left;
  overflow:visible;
  float:left;
}
#step3
{
  position:relative;
  left: -30px;
  width:150px; 
  height:43px;
  background-image:url('/images/step3.png');
  background-repeat:no-repeat;
  background-position:top left;
  overflow:visible;
  float:left;
}
#step4
{
  position:relative;
  left: -30px;
  width:150px; 
  height:43px;
  background-image:url('/images/step4.png');
  background-repeat:no-repeat;
  background-position:top left;
  overflow:visible;
  float:left;
}

#step_content
{
  position:relative;
  padding-top:3px;
  left:-23px;
}
/* end steps */
#options 
{
  width:100%;
  margin-top:10px;
  padding-top:10px;
  padding-left:50px;
  padding-bottom:10px;
  /*
  border-top: 1px solid black;
  background:#FFFFFF;
  border-style:ridge;
  border-top: thin solid black;
  border-top: thin solid black;
  border-left: thin solid black;
  border-right: thin solid black;
  border-bottom: thin solid black;
  */
}
#options td 
{
  padding-left:5px;
}