/* CUSTOM TEMPLATE LAYOUT STYLES :: These can be deleted as they are for this example template, CREATE YOUR OWN IF YOU WISH*/

body {

   background-color:#f4f4f4;
   margin:0px 0px 0px 0px;
   text-align:center;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:8pt;
   font-weight:normal;
   color:black;

   /* Center body for IE5 and Netscape 4.x */

}

.NetscapeCenter {

   margin-left:auto;
   margin-right:auto;
   width:50%;
}

td {

   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:8pt;
   font-weight:normal;
   color:black;
}

.whitebox {

   border:1px solid #D3D3D3;
   background-color:white;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:8pt;
   font-weight:normal;
   color:grey;
   padding-top:10px;
   padding-left:10px;
   padding-right:10px;
   padding-bottom:10px;
   text-align:left;
}

.whiteboxnav {

   border:1px solid #D3D3D3;
   background-color:white;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:8pt;
   font-weight:normal;
   color:grey;
   padding-left:10px;
   padding-right:10px;
   padding-bottom:10px;
   padding-top:10px;
   text-align:left;
}

.contentTD {

   padding-left:20px;
}

.copyright {

   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:8pt;
   font-weight:normal;
   color:grey;
}


/* END CUSTOM LAYOUT STYLES */


/* THE STYLES BELOW MUST NOT BE DELETED*/


/* 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 {

   margin-top:10px;
   clear:right;

   /* Uncomment to creat black lines inbetween the navigation links */


   /* border-bottom:1px solid black;*/

}


/* This is one extra style to keep the underline from appearing under the login link, these styles should be identical to the #linkNavBox above unless you wish to make the login link different */

#loginlinkNavBox {

   margin-top:10px;
   clear:right;
}


/* 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:#ff8000;
   font-weight:bold;
   text-decoration:none;
}

a.linknav:link:focus, a.linknav:visited:focus {

   color:green;
   font-weight:bold;
}

a.linknav:link {

   color:#ff8000;
   font-weight:bold;
   text-decoration:none;
}

a.linknav:visited {

   color:#bb5e00;
   font-weight:bold;
}

a.linknav:link:hover, a.linknav:visited:hover {

   color:blue;
   text-decoration:underline;
   font-weight:bold;
   padding-left:2px;
}

a.linknav:link:active, a.linknav:visited:active {

   color:#bb5e00;
   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:90%;
   padding-bottom:2px;
}


/* 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:#ff8000;
   font-weight:bold;
   text-decoration:none;
}

a.crumblink:link:focus, a.crumblink:visited:focus {

   color:green;
   font-weight:bold;
}

a.crumblink:link {

   color:#ff8000;
   font-weight:bold;
   text-decoration:none;
}

a.crumblink:visited {

   color:#bb5e00;
   font-weight:bold;
}

a.crumblink:link:hover, a.crumblink:visited:hover {

   color:blue;
   text-decoration:underline;
   font-weight:bold;
}

a.crumblink:link:active, a.crumblink:visited:active {

   color:#bb5e00;
   font-weight:bold;
}


/* NORMAL CONTENT PAGES*******************************************************************************************/


/* The only aspect of the content that can be formatted is the general font,size,color ect..    In this template I am using the whitebox style above to define what the font attributes will be.*/


/* These are the link styles for any hypertext link that is not in the navigation menu. It is highly recommended  that you use all link style selectors to be cross browser friendly */

:link, :visited {

   color:#ff8000;
   text-decoration:none;
}

:link:focus, :visited:focus {

   color:green;
}

:link {

   color:#ff8000;
   text-decoration:none;
}

:visited {

   color:#bb5e00;
}

:link:hover, :visited:hover {

   color:blue;
   text-decoration:underline;
}

:link:active, :visited:active {

   color:#bb5e00;
}


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

a.eventsLink:link, a.eventsLink:visited {

   color:#ff8000;
   font-weight:bold;
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.eventsLink:link:focus, a.eventsLink:visited:focus {

   color:green;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.eventsLink:link {

   color:#ff8000;
   font-weight:bold;
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.eventsLink:visited {

   color:#bb5e00;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.eventsLink:link:hover, a.eventsLink:visited:hover {

   color:blue;
   text-decoration:underline;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.eventsLink:link:active, a.eventsLink:visited:active {

   color:#bb5e00;
   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 {

}

.downloadsCat {

   font-weightmargin-top:bold20px;
}

.downloadsLinksBox {

   padding-left:10px;
}

.downloadsLinks {

}

.downloadsHR {

   height:1px;
}


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

.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 {

}

.categoryTitle {

}

.subCatTable {

   margin-bottom:25px;
   width:580px;
}

.subCatTD {

   padding-bottom:3px;
   text-align:center;
}

.subCatImageLink {

}

.subCatImage {

   border:0px;
}


/* item lists */

.itemTable {

   border:0px solid;
   width:580px;
}

.itemImage {

   border:0px;
}

.itemNamePrice {

   padding-left:5px;
   vertical-align:top;
   border:1px solid;
}

.itemImageLinkTD {

   width:100px;
   border:1px solid;
   text-align:center;
}

.itemImageLink {

}

.itemTextLink {

}

.itemLinkTitle {

   margin-bottom:5px;
}

.itemPrice {

}

.subCatTitle {

   clear:right;
}


/* full catalog item display*/

.itemDisplayTable {

   border-collapse:collapse;
   width:580px;
   border:1px solid black;
}

.itemHeaderTD {

   background-color:#D7DBDA;
   padding:2px 2px 2px 2px;
}

.itemName {

   font-weight:bold;
}

.itemPrice {

}

.itemID {

   colorfont-weight:redbold;
}

.itemDescription {

   text-align:left;
   padding:5px 5px 5px 5px;
   width:330px;
   vertical-align:top;
}

.itemImageTD {

   width:250px;
   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;
}


/* Specials Discount Module*/

.itemname,.regPrice,.specialPrice {

   font-weight:bold;
   padding:3px 3px 3px 3px;
   background-color:#d4af89;
}

.specialsnum {

   color:red;
   font-weight:bold;
   padding:3px 3px 3px 3px;
   background-color:#e0e0e0;
}

.specTable {

   border-collapse:collapse;
}

.specialstitle {

   font-weight:bold;
   padding:3px 3px 3px 3px;
   background-color:#e0e0e0;
}

.specialsdesc {

   padding:3px 3px 3px 3px;
   background-color:#eeece8;
}

.iName {

   padding:3px 3px 3px 3px;
}

.rPrice {

   padding:3px 3px 3px 3px;
}

.sPrice {

   padding:3px 3px 3px 3px;
}

.totalR,.totalS {

   padding:3px 3px 3px 3px;
}


/*   // Calendar Style Sheet   */


/* This is the month before and the month after the current month */

a.prevnext:link {

   background-colorcolor:#e38e79 red;
   font-size:8pt;
}

a.prevnext:visited {

   text-decorationcolor:underline red;
   font-size:8pt;
}

a.prevnext:hover {

   text-decorationcolor:underline blue;
   font-size:8pt;
}

a.prevnext:active {

   text-decorationcolor:underline red;
   font-size:8pt;
}


/* This is the number for the Calendar day */

a.day:link {

   text-decorationcolor:underline blue;
   font-size:8pt;
}

a.day:visited {

   text-decorationcolor:none blue;
   font-size:8pt;
}

a.day:hover {

   text-decorationcolor:none red;
   font-size:8pt;
}

a.day:active {

   text-decorationcolor:none blue;
   font-size:8pt;
}

a.day {

   text-decoration padding:none 2px 2px 2px 2px;
}


/* Links in Calendar for Events */

a.event:link {

   color:blue;
   font-size:8pt;
}

a.event:visited {

   text-decorationcolor:none blue;
   font-size:8pt;
}

a.event:hover {

   text-decorationcolor:none red;
   font-size:8pt;
}

a.event:active {

   text-decorationcolor:underline blue;
   font-size:8pt;
}


/* Admin Links */

a.admin:link {

   text-decorationcolor:none blue;
   font-size:8pt;
}

a.admin:visited {

   text-decorationcolor:underline blue;
   font-size:8pt;
}

a.admin:hover {

   text-decorationcolor:underline red;
   font-size:8pt;
}

a.admin:active {

   text-decorationcolor:underline blue;
   font-size:8pt;
}


/* Main Table for Calendar */

table.cal {

   text-decoration border:underline1px solid #6c6c6c;
   height:600px;
   font-family:verdana;
}


/* I actually don't know what this is */

.caption {

   color:black;
   font-size:20pt;
   font-weight:bold;
}


/* Monday Tuesday... row of Calendar */

.thead {

   color:black;
   border:1px solid #6c6c6c;
   font-size:8pt;
   font-weight:bold;
}


/* All the cells in the calendar */

td.cal {

   border:1px solid #6c6c6c;
   text-align:left;
   vertical-align:top;
}


/* Login Cell */

tfoot.cal {

   color:black;
   border:1px solid #6c6c6c;
   font-size:14px;
}


/* bullets for mulitple events in one day*/

ul.cal {

   text-align margin:left 0px;
   list-style-position:inside;
}

.cal-admin-link {

   color:black;
   font-family:verdana;
   font-size:8pt;
   font-weight:bold;
   text-decoration:none;
}


/* These are the individual Event Tables */

TABLE.dayEvent {

   border:1px solid #bbbbbb;
}

TD.dayEvent {

   border:1px solid #bbbbbb;
}


/* This is at the top of the page and reads: Events for ... */

.dayEventHeading {

}


/* The following styles are just for the descriptive headings */


/* default is bold */

.dayWhere {

}


/* default is bold */

.dayStarts {

}


/* default is bold */

.dayEnds {

}


/* default is normal */

.dayReoccurs {

}


/* default is bold */

.dayEvent {

}