/*
  $Id: stylefirefox.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { padding-left: 8px; font-family: Verdana, Arial, sans-serif; font-size: 10px; color : #707070;}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

body {
	height: 100%;
	background:#ddddff;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin: 0;
	padding: 0;
}

#pageT {
	margin: 5px auto 0px auto;
	background:#0000cc;
	width:830px;		/* If you change this, you also must change line 717 in external/jscookmenu/jscookmenu.js*/
  padding: 0px;
  border: 0px;
  z-index: 5;
}

#pageM {
	background:#ffffff;
	margin: 0px auto 5px auto;
	width:830px;		/* If you change this, you also must change line 717 in external/jscookmenu/jscookmenu.js*/
	height: auto;
	text-align: center;
  padding: 0;
  border: 0;
  overflow: auto;
}

#pageB {
	background:#ffffff;
	margin:0px auto;
	width:830px;		/* If you change this, you also must change line 717 in external/jscookmenu/jscookmenu.js*/
	border-top:	1px solid #aca07a;
	height: auto;
	min-height: 35px;
  padding: 0px;
  border: 0px;
}

.graybox {
	background:#ffffff;
}

.header {
	display: block;
	background: #ffffff;
	width:830px;
	margin: 0px;
  border: 0px;
  padding: 0px;
}

table.header {
	width: 830px;
	margin: 0px;
  border: 0px;
  padding: 0px;
}

table.header2 {
	width: 830px;
	background:#ffffff;
	margin: 0px;
  border: 0px;
  padding: 0px;
}
tr.headerRow {
	text-align: left;
	vertical-align: top;
	margin: 0px auto;
  padding: 0px;
  border: 0px;
}

.headersearch {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #555555;
	font-style:normal;
	font-weight:bold;
  text-align: right;
	height:20px;
	vertical-align: top;
  padding-right: 2px;
  white-space: nowrap;
	margin: 0;
  border: 0;
}

A.search {
  color: #ccc; /*#5533DD; 3/*58593;*/
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

A.search:hover {
  color: #ccccff;
  text-decoration: underline;
}

.headerlogo{
	float: left;
  border: 0;
  padding: 0;
}

.headerImg{
	margin: 0;
  border: 0;
  padding: 0;
}

.headerfine {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #aaaaaa;
  text-align: right;
  margin: 0;
  padding-top: 5px;
  padding-right : 12px;
  padding-bottom: 0px;
  white-space: nowrap;
	vertical-align: top;
}

.filler {
	margin: 0;
  border: 0;
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  text-align: left;
   vertical-align: top;
  color: #aaaaaa;
}

.filler2 {
	margin: 0;
  border: 0;
  padding: 0;
	width: 500px;
	vertical-align: top;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
	background: #d6d6ad;
  color: #aaaaaa;
}

td.header{
	margin: 0;
  border: 0;
  padding: 0;
}

.secondaryNav a.secondaryNav {
  background: transparent;
  vertical-align: middle;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text_decoration: none;
  color: #888;
  font-weight : normal;
}

 a.secondaryNav : hover{
  background: transparent;
  vertical-align: middle;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text_decoration: underline;
  color: #000;
  font-weight : normal;
}

#headerNav, .headerNav {
  background: #d6d6ad;
  border: 0;
  width: 100%;
  height: 25px;
  vertical-align: middle;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000066;
  font-weight : bold;
  margin : 0px;
  padding: 0px;
}

table.headerMenu {
	background: transparent;
 	width: 825px;
 	margin: 0;
  padding: 0;
  border: 0;
 }

#mainmenu {
	display: inline;
  background: #d6d6ad; /*FAF6EC;*/
 	width: 825px;
  height: 42px;
 }

td.headerMenu {
  background: #d6d6ad; /*FAF6EC;*/
	text-align: center;
 	width: 820px;
  padding: 0 0 0 0;
  border: 0;
 }

table.menuStatic {
	width: 820px;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	white-space:	nowrap;
}

td.menuStatic {
	width: 7%;
	padding-left:	5px;
	padding-right:	5px;
	border-left:		2px solid #f0f0f0;
	border-right:		2px solid #481100; /*aaaaaa;*/
	border-bottom:		2px solid #976431; /*cccccc;*/
	background-color:	#faf6eb; /*eeeeee;*/
}

a.menuStatic
{
	font-family: Tahoma;
	font-weight: normal;
	font-size: 12px;
  color: #481100;
  text-decoration: none;
  white-space: nowrap;
}

a.menuStaticBold
{
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
  color: #481100;
  text-decoration: none;
  white-space: nowrap;
}

a.menuStatic:Hover, a.menuStaticBold:Hover
{
  color: #000000;
  text-decoration: underline;
}

.headerNavleft {
  width: 50%;
  height: 20px;
  float: left;
  padding-left : 4px;
}

.headerNavcenter {
	display: inline;
  height: 20px;
  float: left;
  padding : 1px;
  vertical-align: middle;
}
.headerNavright {
  float: right;
  height: 20px;
  padding : 1px;
  vertical-align: middle;
}
A.headerNavigation {
  font-size: 12px;
  color: #000066; /*4D6E73; */
}

A.headerNavigation:hover {
  font-size: 12px;
  color: #000066;
}

A.mainlink {
  font-size: 12px;
  color: #000066;
  text-decoration: none;
}

A.mainlink:hover {
  font-size: 12px;
  color: #000066;
  text-decoration: underline;
}
TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #000066;
  font-weight: bold;
  text-align: center;
}

TD.headerRecent {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
	width: 870px;
  background: #ffffff;
  color: #000066;
  font-weight: normal;
  text-align: left;
  border: 0;
  margin: 0;
  padding: 0 0 0 20px;
	white-space:	nowrap;
}


table.mainBody {
	width: 100%;
	border: 0;
  margin: 0;
  padding: 0;
}

tr.mainBody {
	vertical-align: top;
}

table.mainInner {
	width: 100%;
	border: 0;
	font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
	border-spacing: 0;
  margin: 0;
	padding: 0px 1px 5px 1px;
}

td.mainLeft {
	text-align: left;
	height: auto;
}

td.mainLeftHeading{
	text-align: left;
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

td.mainRight {
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
	max-width: 215px;
}

td.mainCenter {
	text-align: center;
	vertical-align: top;
}

td.columnLeft{
	vertical-align: top;
	padding: 0;
	margin: 0;
  width: 1px;
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
	border-top:	1px solid #aca07a;
}

td.columnCenter {
	vertical-align: top;
	width: 710px;
  background: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border-top: 1px solid #aca07a;
  border-bottom: 0;
  border-left: 0;
/*  border-right: 1px solid #aca07a; */
  text-align: left;
  margin: 0;
	padding: 0px 3px 0px 10px;
}

td.columnRight{
	vertical-align: top;
	margin: 0;
	padding: 0px 2px 0px 2px;
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
	border-top:	1px solid #aca07a;
  border-left: 1px solid #aca07a;
/*  border-right: 1px solid #aca07a; */
}

H1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
	font-style: italic;
  font-weight: normal;
  display: inline;
  color: #000066;
}

H2 	{
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #9a9a9a;
  display: inline;
}

td.whsl {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
	font-style: normal;
  font-weight: bold;
  color: #000066;
  text-align: right;
}

H4 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	font-style: normal;
  font-weight: normal;
  color: #000066;
}

H3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
	font-style: normal;
  font-weight: bold;
  color: #000066;
}

H3.posttitle A{
  font-size: 14px;
}
EM	{color:#000066;
	font-style:normal;
	font-weight:bold;}

OL LI {
	color:black;
	font-style:normal;
	font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

UL {
	color:black;
	font-style:normal;
	font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
	margin: 0px;
  padding-left: 40px;
  text-align: left;
}

UL.infoBox {
	margin: 0px;
  padding-left: 0px;
}

UL.blogBox, ul.children {
  padding-left: 4px;
  font-size: 10px;
	list-style: none;
}

LI {
	color:black;
	font-style:normal;
	font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
	margin: 0px;
  padding-left: 8px;
}

li.categories {
	color:black;
	font-style:normal;
	font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	margin: 0px;
  padding-left: 4px;
	list-style: none;
}

UL.infoBox LI {
	margin: 0px;
  padding-left: 0px;
}
B	{color:black;
	font-style:normal;
	font-weight:bold;}

A {
  color: #4D6Ed3; /*#5533DD; 3/*58593;*/
  text-decoration: none;
  font-size: 11px;
  height: 12px;
}

A.trail {
  color: #4D6Ed3; /*#5533DD; 3/*58593;*/
  text-decoration: none;
  font-size: 12px;
  height: 13px;
}

.login {
  color: #888; /*#5533DD; 3/*58593;*/
  font-size: 12px;
  font-weight: bold;
}

.logingray {
  color: #ccc; /*#5533DD; 3/*58593;*/
  font-size: 12px;
  font-weight: normal;
}

A.login {
  color: #888; /*#5533DD; 3/*58593;*/
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}

A.login:hover, A.trail:hover {
  color: #000000;
  text-decoration: underline;
}

A.trail:hover {
  color: #000;
  text-decoration: underline;
}

A:hover {
  color: #000000;
  text-decoration: underline;
}

A.img:hover {
  color: #000000;
  text-decoration: underline;
}

A.button:hover {
	background-color:	#358593;
}

A.tiny {
 	font-size: 10px;
  color: #4D6E73; /*358593; /*4444AA;*/
  text-decoration: none;
}

A.tiny:hover {
  color: #000000;
  text-decoration: underline;
}

FORM {
	display: inline;
}

td {
vertical-align: middle;
margin: 0;
padding: 1px 0px 1px 0px;
}

#footer {
  background: #FFFFFF;
	padding: 5px;
	text-align: center;
	border-top:	1px solid #aca07a;
}
.footer {
  background: #FFFFFF; /*EDDCB7; /*d6d6ad;*/
  font-family: Verdana, Arial, sans-serif;
  color: #000066;
  font-size: 12px;
  font-weight: normal;
}

.dynamic_button {
		color: #000066;
    padding: 2px 10px;
		border-width:	2px 4px;
	border-style:	solid;
    border-color: #9C9A9C;
    background-color: #e2e2f7;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
  	font-weight: bold;
    display: inline;
    vertical-align: middle;
  }

a:active *.dynamic_button {
    color: #fff;
    border-color: #07c #7bf #7bf #07c;
  }

a:focus *.dynamic_button {
    border-color: #07c #7bf #7bf #07c;
  }

a:hover *.dynamic_button {
  	background: #d6d6ad;
  }


.mouseoff {
  background: #e2e2f7;
  }

.mouseon {
  background: #d6d6ad;
  }

.infoBox {
	width: 100%;
	border: 0;
	border-spacing: 0;
	padding: 0px;
}

.infoBoxContents {
/*  background: #fdfff8; */
	vertical-align: top;
	text-align: left;
  background: inherit;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 12px;
}

.infoBoxText {
  background: #fdfff8;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-align: left;
}

.infoBoxTextMid {
  background: #fdfff8;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-align: center;
}

.infoBoxAddr {
  background: #fdfff8;
  width: 33%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding-left: 20px;
}

.infoBoxTextRight {
  background: #fdfff8;
  width: 30%;
  padding-right: 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-align: right;
}

.infoBoxAddrRight {
  background: #fdfff8;
  width: 15%;
  padding-right: 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-align: right;
}

.infoBoxNotice {
  background: #fdfff8;
}

.infoBoxNoticeContents {
  background: #fdfff8;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TABLE.infoBoxHeading {
	border: 0;
	padding: 0 0 3px 0;
	margin 0;
	width: 100%;
	border-spacing: 0pt;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding: 0px 0px 0px 10px;
  border: 0;
  margin: 0;
	vertical-align: middle;
  text-align: left;
  height: 24px;
  background: #e2e2f7; /*f8efc8;*/
  color: #000066;
}

TD.infoBoxHeadingRight {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding: 0px 10px 0px 0px;
  border: 0;
  margin: 0;
	vertical-align: middle;
  text-align: right;
  height: 24px;
  background: #e2e2f7; /*f8efc8;*/
  color: #000066;
}

TD.searchBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background: #f8efc8;
  color: #000066;
}

A.searchBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #000066;
}

A.searchBoxHeading:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #555555;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #fdfff8;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #fdfff8;
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 5px;
}

tr.productListing-even {
  background: transparent;
  vertical-align: middle;
}

tr.productListing-odd {
  background: #eee;
  vertical-align: middle;
}

.productListing {
  background: #ffffff;
  width: 100%;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  height: 20px;
	border-spacing: 0;
  padding-left: 2;
  padding-right: 2;
  background: #e2e2f7;
  color: #000033;
  font-weight: bold;
  vertical-align: middle;
}

TD.productListing-data {
  vertical-align: middle;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: inherit;
}

TR.productListing-info {
	vertical-align: top;
}

table.productListing-info, td.productListing-info {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  width: auto;
  line-height: 18px;
  text-align: left;
  background: #ffffff; /*fdfff8;*/
}

.productListing-separate {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #e2e2f7;
  vertical-align: middle;
  text-align: right;
}

A.productListing-separate {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #4D6E73; /*000066;*/
}

TD.productListing-image {
	text-align: center;
  vertical-align: top;
	width: 215px;
	font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff; /*fdfff8;*/
}

A.pageResults {
  color: #555555;
}

A.pageResults:hover {
  color: #000000;
  background: #DDDDDD;
}

TR.subBar {
  background: #fdfff8;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #000000;
  background: #ffffff;
}

.mainIndent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #000000;
  margin: 15px;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

.productNote	{
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #000000;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.newItemInCart {
	vertical-align: top;
  background: inherit;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 12px;
  color: #ff0000;
}

.badnewsmessage {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	overflow: auto;
	z-index: 1;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

INPUT.search {
	overflow: auto;
	z-index: 1;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #fdfff8;
  border-color: #9EA680;
  border-style: solid;
  border-width: 1px;
}
TABLE.info {
  background: #FdFff8;
  border-color: #9EA680;
  border-style: solid;
  border-width: 1px;
}

TABLE.info {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
}


TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7;}
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {
 	font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #8c8c8c;
	text-align: center;
	width: 25%;
}
.checkoutBarCurrent {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	width: 25%;
}

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 14px; }
.messageStackError { font-family: Verdana, Arial, sans-serif; font-size: 14px; background-color: #ffb5b5; }
.messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 14px; background-color: #ffff20; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 14px; background-color: #99ff00; }
.cartWarning { font-family: Verdana, Arial, sans-serif; font-size: 14px; background-color: #ffb3b5; }
.cartSuccess { font-family: Verdana, Arial, sans-serif; font-size: 14px; background-color: #99ff00; }

/* input requirement */

.inputRequirement {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #ff0000;
  padding-right: 10px;
	 }

.cssbutton {
    background: #b2b2c7;
    color : #eeeeee;
    float: right;
    margin: 0;
    padding : 0;
    vertical-align: top;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    border-style: solid;
    border-width: 2px;
    border-color: #00b #000088;
    border-spacing: 1px;
}

.cssbright {
    background: #0000ee;
    color : #eeeeee;
    float: right;
    margin: 0;
    padding : 0;
    vertical-align: top;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    border-style: solid;
    border-width: 2px;
    border-color: #bbb #888888;
    border-spacing: 1px;
}

.cssbuttonsubmit{
    background: transparent;
    color : #eeeeee;
    float: right;
    vertical-align: top;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding : 1px 6px 2px 6px;
    border: none;
}


/* for firefox and opera */
.cssbright > :hover
{ cursor: pointer;
}

/* for explorer */
.cssbuttonsubmit > :hover
{ cursor: pointer;
}

input.pay_button {
	width: 16px;
	height: 16px;
	font-size: 16px;
	}

.content {
	margin-left: 20px;
	margin-top: 10px;
 	font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #333;
}

.meta {
	margin-left: 20px;
	margin-top: 5px;
 	font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #777;
}

.feedback {
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
 	font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #777;
}

#navigation {
	text-align: center;
	margin: 0;
	}
/* End Various Tags & Classes*/
#nav
{
	width: 100%;
	background-color: #d6d6ad;
}

#nav ul {
	width: 95%;
	list-style: none;
	font-weight: normal;
	font-size: 14px;
	background-color: #d6d6ad;
	padding-left: 10px;
	padding-top: 0px;
	margin: 0;
	border: none;
	float: left;

}

#nav a {
	display : block;
 	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration : none;
}

#nav ul li a {
	color: #000066;
	padding: 0px;
	margin:0px;

}



#nav ul li a.dropdownarrow
{
	padding-right:14px;
	background-image: url("images/arrow-dropdown-white.gif");
	background-repeat: no-repeat;
	background-position: right ;

}




#nav li {
	color: #000066;
	float: left;
	padding: 0;
	padding: 4px 16px 4px 16px;
	border-right: 3px solid #CCCCCC;
	background: transparent url(images/navsilver.gif) repeat-x;
}


#nav li img{
margin:0px 0px 0px 4px;
padding:0px;
vertical-align: middle;

}

#nav li ul {

	position : absolute;
	left : -999em;
	background-color: #d6d6ad;
	left : -111em;
	height : auto;
	font-weight : normal;
	border-width : 0.25em;
	margin : 2px 0px 0px 0px;
}

#nav li ul
{
	display:none;
	left: auto;
	margin-top:4px;
	margin-left:-16px;
	width:auto;
}

#nav li li {
	border-right: none;
}

#nav li ul li
{
	float: none;
	clear:both;
	border-top: 1px solid #FFFFFF;
	width:auto;
	display:block;
	list-style-type: circle;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#nav ul li:hover {
	color: #333333;
	background: transparent url(images/navgrn.gif) repeat-x;
	border-right: 3px solid #CCCCCC;
}

#nav ul li:hover ul.nj{
	color: #333333;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	display:block;
	background-color: #d6d6ad;

}

#nav a:hover {
	color: #333333;
	background-color: transparent;
}

.current_page_item
{
	background: transparent url(images/navgrn.gif) repeat-x;
}

#nav ul li.current_page_item a {
	color: #333333;
}

#nav ul li.current_page_item  ul li{
	border-right: 3px solid #CCCCCC;
	color: #333;
}


#nav ul li.current_page_item  ul li a{
	color: #333;
}


#nav ul li.current_page_item  ul li a:hover{
	color: #333333;
}

.menu {width:820px; font-size:1em; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:820px; w\idth:819px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {padding-left; 2px; padding-right: 2px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; padding: 0;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#000066; height:18px; border:1px solid #333; border-width:0px 2px 0px 0px; background:#d6d6ad; padding:3px 10px 0px 10px;}
/* a hack so that IE5.5 faulty box model is corrected */

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d6d6ad url(images/icons/arrow.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#ccc url(images/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#d6d6ad url(images/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#d6d6ad;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#ccc;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:21px;left:0; width:149px;border-top:1px solid #333;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d6d6ad; color:#000066; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000066; background:#ccc;}
.menu :hover > a, .menu ul ul :hover > a {color:#000066;background:#ccc;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}

.submenu {
	width: 650px;
	font-size: 1em;
	 position: relative;
	 z-index: 100;
}
/* hack to correct IE5.5 faulty box model */
* html .submenu {width:650px; w\idth:649px;}

.submenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

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

.submenu li {
	float: left;
	position: relative;
	padding: 0;
}
/* top level */
.submenu a, .submenu a:visited {
	display: block;
	font-size: 11px;
	text-decoration: none;
	color: #333;
	height: 15px;
	border: 1px solid #888;
	border-width: 0px 0px 0px 0px;
	background: transparent;
	padding: 3px 10px 0px 10px;
}

/* IE hack  */
* html .submenu a, * html .submenu a:visited {width:90px; w\idth:89px;}

/* second level background */
.submenu ul ul a.drop, .submenu ul ul a.drop:visited {
	background: #FFF url(images/icons/arrow.gif) bottom right no-repeat;
}
/* second level hover */
.submenu ul ul a.drop:hover{
	background: #eee url(images/drop.gif) bottom right no-repeat;
}

.submenu ul ul :hover > a.drop {
	background: #FFF url(images/drop.gif) bottom right no-repeat;
}
/* third level background */
.submenu ul ul ul a, .submenu ul ul ul a:visited {
	background: #FFF;
}
/* third level hover */
.submenu ul ul ul a:hover {
	background: #eee;
}

/* hide the sub levels*/
.submenu ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 18px;
	left: 0;
	width: 149px;
	border-top: 1px solid #333;
}
/* another hack for IE5.5 */
* html .submenu ul ul {top:18px;t\op:17px;}

/* third level dropdown menu */
.submenu ul ul ul{
	left: 149px;
	top: -1px;
	width: 149px;
}

/* third level dropdown menu left */
.submenu ul ul ul.left {
	left: -149px;
}

/* style the table - required for IE to work */
.submenu table {
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;
}

/* second level links */
.submenu ul ul a, .submenu ul ul a:visited {
	background: #FFF;
	color: #000066;
	height: auto;
	line-height: 1em;
	padding: 5px 10px;
	width: 128px;
	border-width: 0 1px 1px 1px;
}
/* hack for IE5.5 */
* html .submenu ul ul a, * html .submenu ul ul a:visited {
	width: 150px; w\idth:128px;}

/* top level hover */
.submenu a:hover, .submenu ul ul a:hover{
	color: #000066;
	background: #eee;
}

.submenu :hover > a, .submenu ul ul :hover > a {
	color: #000066;
	background: #eee;
}

/* second level visible for hover on first level list OR link */
.submenu ul li:hover ul,
.submenu ul a:hover ul{
	visibility: visible;
}
/* keep the third level hidden for hover on first level */
.submenu ul :hover ul ul{
	visibility: hidden;
}
/* third level visible for hover over second level */
.submenu ul :hover ul :hover ul{
	visibility: visible;
}

.submenu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.submenu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.submenu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.submenu ul .current_page_item ul a:hover {
  background: gray;
}

.submenu .current_page_item a:hover {
  background: white;
}