/* --------------------> John G Mackintosh CSS */
/* --------------------> Menu */

/* -- Main Menu -- */
.navMain ul { margin: 0px 0px; height: 20px; padding: 0px; list-style-type: none; text-align: right; text-indent: 0px; }
.navMain li { display: inline; }
.navButtonDivide { display: block; width: 1px; height: 52px; padding-left: 0px; padding-right: 0px; padding-top: 0px; color: #CCC; float: left; background: url(../images/img_nav_divide_back.gif) no-repeat left top; }

/* -- NEW Button Small 40px -- */
.navButtonSmall { display: block; width: 40px; height: 50px; padding-top: 10px; color: #000; font-weight: normal; text-decoration: none; float: left; text-align: center; background: url(../images/img_nav_divide_back.gif) no-repeat left top;}
.navButtonSmall:link { display: block; padding-top: 10px; height: 50px; color: #000; font-weight: normal; text-decoration: none; float: left; }
.navButtonSmall:hover { display: block; background: url(../images/img_nav_btn_back_40.jpg) repeat-x left bottom; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; }
.navButtonSmallOn { display: block; width: 40px; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; text-align: center; background: url(../images/img_nav_btn_back_40.jpg) repeat-x left bottom; }
.navButtonSmallOn:link { display: block; width: 40px; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; text-align: center; background: url(../images/img_nav_btn_back_40.jpg) repeat-x left bottom; }
.navButtonSmallOn:hover { color: #FFF; text-decoration: none; }

/* -- NEW Button Small 50px -- */
.navButtonSmall50 { display: block; width: 50px; height: 50px; padding-top: 10px; color: #000; font-weight: normal; text-decoration: none; float: left; text-align: center; background: url(../images/img_nav_divide_back.gif) no-repeat left top;}
.navButtonSmall50:link { display: block; padding-top: 10px; height: 50px; color: #000; font-weight: normal; text-decoration: none; float: left; }
.navButtonSmall50:hover { display: block; background: url(../images/img_nav_btn_back_50.jpg) repeat-x left bottom; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; }
.navButtonSmall50On { display: block; width: 50px; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; text-align: center; background: url(../images/img_nav_btn_back_50.jpg) repeat-x left bottom; }
.navButtonSmall50On:link { display: block; width: 50px; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; text-align: center; background: url(../images/img_nav_btn_back_50.jpg) repeat-x left bottom; }
.navButtonSmall50On:hover { color: #FFF; text-decoration: none; }


/* -- NEW Button Medium 60px and End Button -- */
.navButtonMedium { display: block; width: 60px; height: 50px; padding-top: 10px; color: #000; font-weight: normal; text-decoration: none; float: left; text-align: center; background: url(../images/img_nav_divide_back.gif) no-repeat left top; }
.navButtonMedium:link { display: block; padding-top: 10px; height: 50px; color: #000; font-weight: normal; text-decoration: none; float: left; }
.navButtonMedium:hover { display: block; background: url(../images/img_nav_btn_back_60.jpg) repeat-x left bottom; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; }
.navButtonMediumOn { display: block; width: 60px; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; text-align: center; background: url(../images/img_nav_btn_back_60.jpg) repeat-x left bottom; }
.navButtonMediumOn:link { display: block; width: 60px; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; text-align: center; background: url(../images/img_nav_btn_back_60.jpg) repeat-x left bottom; }
.navButtonMediumOn:hover { color: #FFF; text-decoration: none; }

/* -- NEW Button Wide 80px and End Button -- */
.navButtonLarge { display: block; width: 80px; height: 50px; padding-top: 10px; color: #000; font-weight: normal; text-decoration: none; float: left; text-align: center; text-indent: 1px; background: url(../images/img_nav_divide_back.gif) no-repeat left top; }
.navButtonLarge:link { display: block; padding-top: 10px; height: 50px; color: #000; font-weight: normal; text-decoration: none; text-indent: 0px; float: left; }
.navButtonLarge:hover { display: block; background: url(../images/img_nav_btn_back_80.jpg) repeat-x left bottom; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; text-indent: 0px; float: left; }
.navButtonLargeOn { display: block; width: 80px; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; text-align: center; text-indent: 1px; background: url(../images/img_nav_btn_back_80.jpg) repeat-x left bottom; }
.navButtonLargeOn:link { display: block; width: 80px; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; text-align: center; text-indent: 1px; background: url(../images/img_nav_btn_back_80.jpg) repeat-x left bottom; }
.navButtonLargeOn:hover { color: #FFF; text-decoration: none; }
.navButtonLargeEnd { display: block; width: 80px; height: 50px; padding-top: 10px; color: #000; font-weight: normal; text-decoration: none; float: left; text-align: center; background: url(../images/img_nav_divide_back.gif) no-repeat left top; }
.navButtonLargeEnd:link { display: block; padding-top: 10px; height: 50px; color: #000; font-weight: normal; text-decoration: none; float: left; }
.navButtonLargeEnd:hover { display: block; background: url(../images/img_nav_btn_back_80_end.jpg) repeat-x left bottom; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; }
.navButtonLargeEndOn { display: block; width: 80px; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; text-align: center; background: url(../images/img_nav_btn_back_80_end.jpg) repeat-x left bottom; }
.navButtonLargeEndOn:link { display: block; width: 80px; height: 50px; padding-top: 10px; color: #FFF; font-weight: normal; text-decoration: none; float: left; text-align: center; background: url(../images/img_nav_btn_back_80_end.jpg) repeat-x left bottom; }
.navButtonLargeEndOn:hover { color: #FFF; text-decoration: none; }

/* -- Sub Nav Styles -- */
.subNavBtn a { height: 18px; vertical-align: middle; padding-left: 0px; padding-right: 0px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; display: block; margin: 0px; padding-top: 4px; padding-bottom: 0px; font-weight: normal; text-indent: 20px; width: 184px; }
.subNavBtn a:hover { height: 18px; vertical-align: middle; padding-left: 0px; padding-right: 0px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; display: block; margin: 0px; padding-top: 4px; padding-bottom: 0px; text-indent: 20px; width: 184px; background: url(../images/img_sub_nav_back_hover.gif) no-repeat right; }
.subNavBtn a:active { height: 18px; vertical-align: middle; padding-left: 0px; padding-right: 0px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; display: block; margin: 0px; padding-top: 4px; padding-bottom: 0px; text-indent: 20px; width: 184px; background: url(../images/img_sub_nav_back_hit.gif) no-repeat right; }
.subNavBtnOn a { height: 18px; vertical-align: middle; padding-left: 0px; padding-right: 0px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; display: block; margin: 0px; padding-top: 4px; padding-bottom: 0px; font-weight: normal; text-indent: 20px; width: 184px; background: url(../images/img_sub_nav_back_on.gif) no-repeat right; }
.subNavBtnOn a:hover { height: 18px; vertical-align: middle; padding-left: 0px; padding-right: 0px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; display: block; margin: 0px; padding-top: 4px; padding-bottom: 0px; text-indent: 20px; width: 184px; }