/*<![CDATA[*/

/* ##### Layout Structure ##### */

#wrapper 
        {
        background: #558ed5;
        width: 995px;
        border: 1px white;
        margin: -10px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        }

#header 
        {
        padding: 5px;
        margin-top: 0px;
        margin-bottom: -25px;
        margin-left: 10px;
        }

#content 
        {
        position: relative;
        z-index: 1;
        padding: 5px;
        margin-left: 268px;
        }

#menucolumn 
        {
        float: left;
        width: 238px;
        margin: 0;
        margin-left: 10px;
        padding: 5px;
        }

#explain
        {
        text-align: left;
        padding: 10px 10px; 
        margin-top: 100px;
	  /*font-style: italic;*/
        }

#footer 
/*The footer resides within the menucolumn, just for something different.*/
        {
        text-align: center;
        padding: 10px 10px; 
        margin-top: 30px;
        }

html
      {
      background: #558ed5 url('../images/background.gif') top center repeat-y;
      font-family: "trebuchet ms", helvetica, arial, tahoma, verdana, sans-serif;
      }


/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu { margin: 10px; height: 100px; font-size: 12pt; font-family: "trebuchet ms", helvetica, arial, tahoma, verdana, sans-serif; position: relative; z-index: 4; }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 12em; }
.menu li { background-color: #3772b9; float: left; }
.menu li.sub { background-color: #3772b9; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 1px solid #000000; border-width:1px 1px 0 1px; display: block; text-decoration: none; height: 2em; line-height: 2em; width: 12em; color: #ffffff; padding-left: 1em; font-weight: bold; font-style: normal; font-variant: normal; text-transform: none; }
.menu a.last, .menu a:visited.last {border-width:1px;}
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 12em; }
* html .menu a:hover { color: #3772b9; background-color: #8eb4e3; position: relative; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #3772b9; background-color: #8eb4e3; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #3772b9; background-color: #8eb4e3; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 10em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
/* ======================================================
End of Menu CSS.
========================================================= */


/* ##### CSS Drop Shadows ##### */

.out 
        {
        display:block; 
        background:#395c88; 
        border:1px solid #4571a8; 
        position:relative;
        margin:1em 0;  
        position: relative; 
        z-index: 2;
        }

.in 
        {
        text-align:left; 
        background:#fff; 
        border:1px solid #555; 
        position:relative; 
        padding: 5px 25px;
        font-weight:normal; 
        z-index: 3;
        }

.ltin 
        {
        left:-5px;
        }

.tpin 
        {
        top:-5px;
        }

.cell 
        {
        min-width:50px; /* change to suit */
        }



.menuin
        {
        text-align:left; 
        background:#fff; 
        border:1px solid #555; 
        position:relative; 
        padding: 12px 0px;
        font-weight:normal;
        }

/* ##### Sundry Formatting ##### */

#content a:link  	
		{
            color:#3772b9;
            text-decoration: underline;
		font-weight:bold;
            }

#content a:active    
		{
            color:#8eb4e3;
            text-decoration:underline;
		font-weight:bold;
            }

#content a:visited   
		{
            color:#3772b9;
            text-decoration:underline;
		font-weight:bold;
            }

#content a:hover 	
		{
            color:#8eb4e3;
            text-decoration:none;
		font-weight:bold;
            }

.dymo
        {
        background: url('../images/dymo400x40.gif'); 
        height: 40px; 
        width: 165px; 
        text-align: center; 
        vertical-align: 25%;
        letter-spacing: 2px; 
        font-family: "trebuchet ms", helvetica, arial, tahoma, verdana, sans-serif;
        padding: 0px 25px;
        line-height:200%;
        }

.fauxdymo
        {
        letter-spacing: 2px;
        }

.squish
        {
        letter-spacing: -0.05em;
        }

.pad
        {
        display: block;
        height: 15px;
        }

.center
        {
        text-align: center;
        }

h1      {
        font-weight:bold; 
        color:#000; 
        font-size:9pt; 
        text-align: center;
        }

h2 
        {
        font-weight:bold; 
        color:#fff; 
        font-size:15pt;
        }

h3 
        {
        font-weight:bold; 
        }

p
	  {
        font-size:10pt;
        }

#content li
	  {
        font-size:10pt;
        }

img
        {
        border: 0;
        }

.hiddenpic
        {
        display:none;
        }

.textfield	
	  {
	  font: 10pt "trebuchet ms", helvetica, arial, tahoma, verdana, sans-serif;
	  }

td.form
	  {
	  font-family: "trebuchet ms", helvetica, arial, tahoma, verdana, sans-serif;
	  font-size:10pt;
	  vertical-align:top;
	  font-weight:normal;
	  }

.formbutton	
	  {
	  position: relative;
	  width: 165px;
	  height: 35px;
	  font-weight:bold;
	  font-family: "trebuchet ms", helvetica, arial, tahoma, verdana, sans-serif;
	  font-size:13pt;
	  border: 1px outset #000;
	  background-color: #3772b9; 
	  color: #fff;
        letter-spacing: 2px; 
	  }

.formbutton:hover     
	  {
	  position: relative;
	  width: 165px;
	  height: 35px;
	  font-weight:bold;
	  font-family: "trebuchet ms", helvetica, arial, tahoma, verdana, sans-serif;
	  font-size:13pt;
	  border: 1px outset #fff;
	  background-color: #8eb4e3; 
	  color: #3772b9;
        letter-spacing: 2px; 
	  }

.code
	  {
	  font-family: "courier new", courier;
	  font-size: 10pt;
	  color: green;
	  background: #edf1f7;
	  padding: 15px 27px 20px 27px;
	  }

.comment
	  {
	  border:1px solid #abadb3;
        padding: 5px;
	  }

hr
	  {
	  text-align: center;
	  }

.hr
	{
	border-bottom: 2px ridge #778899;
      width: 50%;
      margin-left: auto;
      margin-right: auto;
	height: 2px;
	}


/*]]>*/