body{
background:#e7e1c3 url(images/bg.gif) repeat-x;
margin:0;
padding:0;
text-align:center;}
td.content{
padding:20px;
padding-top:30px;}
td.menu{
background:white url(images/navFoot.gif) bottom center no-repeat;}



body,li,ul,select,option,td,p,div,span{
font-family:arial;

}

#pagewidth{
position:relative;
width:771px;
margin-left:auto;
margin-right:auto;
margin-top:-1px;
height:1px;}
.clearer {
  clear:both;
  margin:0px;
  padding:0px;
  height:1px;
  border:none;
  background:transparent;
}


/* THE STYLES BELOW MUST NOT BE DELETED*/

/* Search Form ***************************************************************************************************/

/* submit button for search form */
.gobutton{
/*
font-family:helvetica, arial, sans-serif;
font-size:9pt; 
color:#ffffff; 
background:#666666; 
padding:2px 1px 1px 1px;
margin:5px 10px 5px 10px;
*/
}
/* actual form */
.searchform{}
/* text box */
.searchbox{}
/* This also formats the search links */
.search {}
/* search result links */

a.search:link, a.search:visited {color:#174673;font-weight:bold;text-decoration:none; }
a.search:link:focus, a.search:visited:focus { color: #174673;font-weight:bold; }
a.search:link { color:#174673;font-weight:bold;text-decoration:none; }
a.search:visited { color: #174673;font-weight:bold; }
a.search:link:hover, a.search:visited:hover { color:red;text-decoration: none; font-weight:bold;}
a.search:link:active, a.search:visited:active { color: #174673;font-weight:bold; }

/* NAVIGATION MENU ***********************************************************************************************/
/* The Navigation can be customized, but realize that the code will try to indent sub directories.               */

/* #linkNavBox is a style for the <div> tag surrounding each navigation link. This style can be used to create
space or lines between the links */
#linkNavBox
{
padding-left:10px;
margin-top:7px;
clear:right;
font-family:verdana,arial;
font-size: 8pt;
/* Uncomment to creat black lines inbetween the navigation links */
/* border-bottom:1px solid black;*/
}

#loginlinkNavBox{

margin-top:7px;
clear:right;
font-family:verdana,arial;
font-size: 8pt;
/* Uncomment to creat black lines inbetween the navigation links */
/* border-bottom:1px solid black;*/
}
/* This class creates the indentation for the sublinks */
#i_linkNavBox
{
margin-left:15px;

padding-right:10px;
margin-top:7px;
clear:right;
font-family:verdana,arial;
font-size: 8pt;
/* Uncomment to creat black lines inbetween the navigation links */
/* border-bottom:1px solid black;*/
}

/* linknav: is the actual style for the navigation link. It is highly recommended that you use all link style 
selectors to be cross browser friendly */

a.linknav:link, a.linknav:visited {color:#3f3f3f;font-weight:bold;text-decoration:none; }
a.linknav:link:focus, a.linknav:visited:focus { color: #3f3f3f;font-weight:bold; }
a.linknav:link { color:#3f3f3f;font-weight:bold;text-decoration:none; }
a.linknav:visited { color: #3f3f3f;font-weight:bold; }
a.linknav:link:hover, a.linknav:visited:hover { color: #036f3d;text-decoration: none; font-weight:bold;padding-left:2px;}
a.linknav:link:active, a.linknav:visited:active { color: #3f3f3f;font-weight:bold; }

/* when a page has deeply nested pages, the main navigation will dissappear and the new sub navigation will appear 
using these styles */
.linkhr{height:1px;color:gray;}
.subTitle{color:red;font-weight:bold;margin-top:10px;}

/* BREAD CRUMBS **************************************************************************************************/

/* crumbbox: there's a div tag that wraps the entire crumb trail */
.crumbbox{/*border-bottom:1px solid #c0c0c0;*/ font-size:8pt;padding-bottom:2px;padding-left:0px;}
/* crumbraquo: raquo is the tag for double arrows, format it if you'd like */
.crumbraquo{}
/* endcrumb: The page that is being shown is not a link but can be formatted with this style */
.endcrumb {font-weight:bold;}

/* crumblink is the actual style for the crumb hyperlinks. It is highly recommended that you use all link style 
selectors to be cross browser friendly */
a.crumblink:link, a.crumblink:visited {color:#174673;font-weight:bold;text-decoration:none; }
a.crumblink:link:focus, a.crumblink:visited:focus { color: #174673;font-weight:bold; }
a.crumblink:link { color:#174673;font-weight:bold;text-decoration:none; }
a.crumblink:visited { color: #174673;font-weight:bold; }
a.crumblink:link:hover, a.crumblink:visited:hover { color: #ff5500;text-decoration: underline; font-weight:bold;}
a.crumblink:link:active, a.crumblink:visited:active { color: #174673;font-weight:bold; }


  
/* EVENTS PAGES***************************************************************************************************/

a.eventsLink:link, a.eventsLink:visited {color:#174673;font-weight:bold;text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.eventsLink:link:focus, a.eventsLink:visited:focus { color:#174673;font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.eventsLink:link { color:#174673;font-weight:bold;text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.eventsLink:visited { color:#174673;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;  }
a.eventsLink:link:hover, a.eventsLink:visited:hover { color:#ff5500;text-decoration: underline; font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif; }
a.eventsLink:link:active, a.eventsLink:visited:active { color:#174673;font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.eventTitle{color:#ff8000;margin-left:0px;font-family: Verdana, Arial, Helvetica, sans-serif; }
.eventHR{height:1px;margin-top:5px;font-family: Verdana, Arial, Helvetica, sans-serif; }

/* DOWNLOADS PAGES************************************************************************************************/

.downloadsTitle{color:#ff8000;}
.downloadsCatHeading{font-weight:bold}
.downloadsCat{margin-top:20px;}
.downloadsLinksBox{padding-left:10px;}
.downloadsLinks{}
.downloadsHR{height:1px;}

/* CATALOG PAGES**************************************************************************************************/

.categoryTitle{}
.subCatTable{border-collapse:collapse;margin-bottom:25px;width:width:80%; }
.subCatTD{padding-bottom:3px;text-align:center; }
.subCatImageLink{}
.subCatImage{border:0px;}

/* item lists */
.cat_items_table{width:100%;}
.item_cell{width:33%;border:1px solid #575166;
height:50px;
text-align:center;
padding:5px 5px 5px 5px;
}
.spacer_cell{width:10px;}
.h_spacer_cell{}
.item_hr{height:1px;color:black;  }
.itemTable{border-collapse:collapse;border:1px solid; width:100%;}
.itemImage{border:0px;}
.itemNamePrice{padding-left:5px;vertical-align:top;border:1px solid;}
.itemImageLinkTD{width:100px;border:1px solid;}
.itemImageLink{}
.itemTextLink{}
.itemLinkTitle{margin-bottom:5px;}
.itemPrice{}
.subCatTitle{clear:right;}

/* full catalog item display*/
.itemDisplayTable{border-collapse:collapse;width:width:80%; border:1px solid black;}
.itemHeaderTD{background-color:#D7DBDA;padding:2px 2px 2px 2px;}
.itemName{font-weight:bold;}
.itemPrice{color:red}
.itemID{font-weight:bold;}
.itemDescription{text-align:left;padding:5px 5px 5px 5px;width:100%;vertical-align:top;}
.itemImageTD{width:width:100%; vertical-align:top; text-align:center;}
.itemImageTable{width:100%;border:1px; padding:0px 0px 0px 0px; border-collapse:collapse;border:1px solid;}
#PictureBox{ }
.itemImageNav{text-align:center;font-size:80%;border-bottom:1px solid;}
.itemSpecs{text-align:left;padding:5px 5px 5px 5px;}