body	{
	background:	#475052;
	padding:	0 0 20px 0;
	font:	13px verdana, sans-serif;
	}
img	{
	border:	0;
	}
h1	{
        font:   bold 16px verdana, sans-serif;
	margin:	0;
	}
h2	{
	font:	16px georgia, serif;
	color:	#9F0F11;
	}
h3	{
	font:	bold 12px verdana, sans-serif;
	margin-bottom:	0;
	}
h4	{
	font:	bold 13px verdana, sans-serif;
        padding: 3px 3px 3px 3px;
	color:	#fff;
        background-color: #5b6f9b;
	}
h5	{
	font:	bold 13px verdana, sans-serif;
	margin-bottom:	0;
	}
h6	{
	margin: 25px 0 0 35px;
	}
p	{
	margin-top:	0;
	}
ul, li 	{
	margin-left:	0;
	padding:	0;
	list-style:	disc;
	}

a	{
	color:	#103326;
	}
a:hover	{
	color:	#959402;
	}

#right, #left {
	width: 330px;
	float: left;
	background: #fdfdf5;
//        border: 1px solid red;
        padding-left: 12px;
        }
#right  {
	margin: 10px 0 0 0;
	}
#left	{
	margin: 10px 10px 0 35px;
	}

#debugwrapper	{
	width:	765px;
	margin:	0 auto;
	background:	#ff0;
	}

#wrapper	{
	width:	790px;
	margin:	0 auto;
	background:	#fff url(img/middle.gif) repeat-y;
	}

#insidewrapper	{
	width:	762px;
	margin:	0 14px;
	}

#smallwrapper	{
	width:	420px;
	margin:	0 auto;
	background:	#fff url(img/middle-small.gif) repeat-y;
	}

#smallinsidewrapper	{
        margin: 0 auto;
        padding: 15px 15px 15px 15px;
	width:	350px;
        background-color: #fff;
	}

.storemenu {
        font: bold 11px verdana, sans-serif;
	float: right;
        padding: 0 0 0 0;
        text-align: right;
        }

.storemenu a:hover {
        color: #00f;
        }

.storemenu .selected {
        text-decoration: underline;
        }

.storebox {
	width: 290px;
	height: 285px;
	background: #f6f6e5;
	margin: 10px;
        padding-left: 6px;
        padding-top: 6px;
	}

.storebox h2 {
	color: #b7b7a4;
	text-transform: uppercase;
	margin: 0;
	font: bold 30px arial, sans-serif;
	letter-spacing: -1px;
	}

.storebox ul {
        font: 11px arial, sans-serif;
        margin: 0 0 6px 40px;
        padding-top: 5px;
	}

.desc	{
        font: 11px arial, sans-serif;
	padding: 0 25px;
	}

.specs	{
	font: bold 16px georgia, serif;
	}

.menu	{
	background:	#000;
	margin:	1px;
	height:	28px;
	}
.menu ul	{
	list-style:	none;
	margin:	0;
	}
.menu li	{
	display:	inline;
        text-transform:	lowercase;
	}
.menu li a	{
	float:	left;
	display:	block;
	padding:	6px 10px;
	color:	#ccc;
	text-decoration:	none;
	border-right:	1px solid #4D4D4D;
	}
.menu li a:hover	{
	background:	#87A4AB;
	color:	#000;
	}
.sub	{
	font:	11px verdana, sans-serif;
	background:	#DCDCA5;
	height:	25px;
	}
.sub li	{
	display:	inline;
        text-transform:	capitalize;
	}
.sub li a	{
	color:	#000;
	border-right:	1px solid #999879;
	}
.menu .selected	{
	background:	#DCDCA5;
	color:	#000;
	}
.sub .selected	{
	text-decoration:	underline;
	}
.sub li a:hover	{
	background:	#E9E9C4;
	}

h1 img	{
	display:	block;
	}
.feature img	{
	float:	left;
	margin:	0;
	border-bottom:	1px solid #e5e5e5;
	border-top:	1px solid #e5e5e5;
	}

#fullcontent	{
	padding:	35px 35px 35px 35px;
       	float:		left;
	background:	#fff;
	}

#ttscontent	{
	padding:	5px 10px 0 10px;
       	float:		left;
	background:	#fff;
	}

#blankpg	{
	padding:	25px 35px 15px 35px;
	}

#box {
	width:          400px;
	margin:         0px auto;
	padding:        15px;
	border:         1px dashed #333;
	color:          #000;
	background:     #eee;
	}

#content	{
	padding:	35px 0 35px 35px;
	margin-right:	55px;
	float:	left;
	width:	370px;
	}

#sidebar	{
	width:	250px;
	float:	left;
	padding:	35px 0 0 0;
	}
#sidebar p	{
	font:	11px verdana, sans-serif;
	}
#sub #sidebar	{
	width:	200px;
	padding:	35px;
	margin:	35px 0 0 0;
	}
#sub #sidebar	{
	background:	#F7F7EF;
	}
#sub #sidebar img	{
	float:	right;
	}
#contentend	{
	clear:	both;
	background:	url(img/footer.gif) bottom no-repeat;
	padding:	50px 0 0 20px;
	}

#smallend	{
	clear:	both;
	background:	url(img/footer-small.png) bottom no-repeat;
	padding:	50px 0 0 20px;
	}

#smfooter	{
	width:	420px;
	margin:	0 auto;
	padding:	15px 0;
	}

#footer	{
	width:	770px;
	margin:	0 auto;
	padding:	15px 0;
	}

#footer p	{
	font:	11px verdana, sans-serif;
	color:	#fff;
	}
#footer a	{
	color:	#ccc;
	}

input[type=text], input[type=password], input[type=file], textarea {
color:                  #000;
background-color:       #eed;
}
/* HUH? This mess makes it so the select boxes don't need to be clicked
 * three times to do anything with.
 */
select {
  background-color: #eed;
}
/* If we don't set the background color the same on each bit below
 * we wind up with the triple click to select anything annoyance.
 */

select:hover {
  background-color: #ffffd0;
}

select:focus {
  background-color: #ffffd0;
}
                                                                              
input[type=text]:focus, input[type=password]:focus, input[type=file]:focus,
textarea:focus {
color:                  #000;
background-color:       #ffffd0;
}

td em	{
        font: 10px verdana, sans-serif;
	color: #f00;
	}

.sm {font-size: 8pt;}
.tiny {font-size: 4pt;}
.heading {font-size: 13pt;font-weight: 500; color: #2e3197;}
.lbl { font: bold 8pt verdana, sans-serif; }
.lbl a {text-decoration: none; color: #000; }
.lbl a:hover { color: red; }

td.error  {
  background-color: #ffc;
  padding-right: 5pt;
  padding-left: 5pt;
  padding-top: 3pt;
  padding-bottom: 3pt;
  border-width:1px;
  border-style:solid;
  border-color: #996;
  font-weight: 700;
  color: #F00;
}
td.trow  {
  padding-right: 5pt;
  padding-left: 5pt;
  border-style:solid;
  border-bottom-width:2px;
  border-right-width: 0px;
  border-left-width:1px;
  border-top-width:0;
  border-color: #fff;
  background-color: #ccc;
  font-size : 8pt;
  font-weight: 700;
}
td.trow a { color: #000; text-decoration: none; }
td.trow a:hover { color: #f00; }

td.nrow  {
  padding-right: 5pt;
  padding-left: 5pt;
  padding-top: 2pt;
  padding-bottom: 1pt;
  border-width:1px;
  border-style:solid;
  border-top-width:0;
  border-bottom-width:0;
  border-right-width:0;
  font-size : 8pt;
  border-color: #fff;
}

td.orow  {
  padding-right: 5pt;
  padding-left: 5pt;
  padding-top: 2pt;
  padding-bottom: 1pt;
  border-width:1px;
  border-style:solid;
  border-top-width:0;
  border-bottom-width:0;
  border-right-width:0;
  font-size : 8pt;
  border-color: #fff;
}
td.orow a { color: #00f; text-decoration: none; }
td.orow a:hover { color: #f00; }

td.erow  {
  padding-right: 5pt;
  padding-left: 5pt;
  padding-top: 2pt;
  padding-bottom: 1pt;
  border-width:1px;
  border-style:solid;
  border-top-width:0;
  border-bottom-width:0;
  border-right-width:0;
  font-size : 8pt;
  border-color: #fff;
}
td.erow a { color: #00f; text-decoration: none; }
td.erow a:hover { color: #f00; }

td.omsg  {
  background-color: #e8e8cf;
  padding-right: 3pt;
  padding-left: 3pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
  border-width:1px;
  border-style:solid;
  border-color: #fff;
}
td.cmsg  {
  background-color: #e8dccf;
  padding-right: 3pt;
  padding-left: 3pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
  border-width:1px;
  border-style:solid;
  border-color: #fff;
}

#adm-menu { 
            padding-left:     10px;
            position:         absolute; top: 0; left: 0;
            color:            white;
            text-align:       left;
            font-size:        10px;
            width:            100%;
            background-color: black;
}

/* Form 'help' links.. */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
    border-bottom: 1px solid #F2AF1D;
    }

a.info:hover{
    z-index:25;
    background-color:#F2AF1D;
    }

a.info span{
    display: none;
    }

a.info:hover span{
    display:block;
    position:absolute;
    top:2em;
    left:-10em;
    width:25em;
    border:1px solid #F2AF1D;
    background-color:#FDF1D5;
    color:#000;
    text-align:justify;
    font-size:10px;
    font-weight:normal;
    padding:3px;
    line-height:15px;
    }
a.info:hover b{
    white-space:nowrap;
    display:inline;
    font-size:small;
    }
a.info:hover img{
    float:none;
    margin:5px;
    vertical-align:middle;
    border-style:none;
    border-width:0;
    }