body
{
     background-color: #fff;
     color: #666;
     font-family: arial, helvetica, geneva, sans-serif;
     font-size: 10pt;
     font-weight: normal;
     }
html,body
{
      margin:0;
      padding:0;
      height:100%;
      border:none;
}
body.Admin
{
     margin: 0px;
     background-color: #ffffff;
     color: #000000;
     font-family: arial, helvetica, geneva, sans-serif;
     font-size: 10pt;
     font-weight: normal;
     background-image: none;
     background-repeat: no-repeat;
}
.Primary
{
     background-color: #FFFFFF;
     color: #666;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: normal;
     font-size: 10pt;
}
.PrimaryHeader
{
     background-color: #FFFFFF;
     color: #666;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: bold;
     font-size: 12pt;
}
.PrimaryBoldText
{
     background-color: #FFFFFF;
     color: #666;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: bold;
     font-size: 10pt;
}
.PrimaryEnlargedText
{
     background-color: #FFFFFF;
     color: #666;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: normal;
     font-size: 12pt;
}
.PrimaryReducedText
{
     background-color: #FFFFFF;
     color: #666;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: normal;
     font-size: 8pt;
}
.Secondary
{
     background-color: #FFFFFF;
     color: #666;
     font-family: arial, sans-serif;
     font-size: 10pt;
     font-weight: normal;
}
.SecondaryHeader
{
     background-color: #FFFFFF;
     color: #666;
     font-family: arial, sans-serif;
     font-size: 12pt;
     font-weight: bold;
}
.SecondaryBoldText
{
     background-color: #FFFFFF;
     color: #666;
     font-family: arial, sans-serif;
     font-size: 10pt;
     font-weight: bold;
}
.SecondaryEnlargedText
{
     background-color: #FFFFFF;
     color: #666;
     font-family: arial, sans-serif;
     font-size: 12pt;
     font-weight: normal;
}
.SecondaryReducedText
{
     background-color: #FFFFFF;
     color: #666;
     font-family: arial, sans-serif;
     font-size: 8pt;
     font-weight: normal;
}
.Accent
{
     color: #666;
     background-color: #ffffff;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: normal;
     font-size: 10pt;
}
.AccentHeader
{
     color: #666;
     background-color: #ffffff;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: bold;
     font-size: 12pt;
}
.AccentBoldText
{
     color: #666;
     background-color: #ffffff;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: bold;
     font-size: 10pt;
}
.AccentEnlargedText
{
     color: #666;
     background-color: #ffffff;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: normal;
     font-size: 12pt;
}
.AccentReducedText
{
     color: #666;
     background-color: #ffffff;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: normal;
     font-size: 8pt;
}
.Splash
{
     color: #666;
     background-color: #FFFFFF;
     font-family: arial, helvetica, geneva, sans-serif;
     font-size: 10pt;
     font-weight: bold;
}
.SplashHeader
{
     color: #666;
     background-color: #FFFFFF;
     font-family: arial, helvetica, geneva, sans-serif;
     font-size: 12pt;
     font-weight: bold;
}
.SplashBoldText
{
     color: #666;
     background-color: #FFFFFF;
     font-family: arial, helvetica, geneva, sans-serif;
     font-size: 10pt;
     font-weight: bold;
}
.SplashEnlargedText
{
     color: #666;
     background-color: #FFFFFF;
     font-family: arial, helvetica, geneva, sans-serif;
     font-size: 12pt;
     font-weight: normal;
}
.SplashReducedText
{
     color: #666;
     background-color: #FFFFFF;
     font-family: arial, helvetica, geneva, sans-serif;
     font-size: 8pt;
     font-weight: normal;
}
.GridRowOdd
{
     color: #666;
     background-color: #FFFFFF;
     font-family: arial, helvetica, geneva, sans-serif;
     font-size: 10pt;
     font-weight: normal;
}
.GridRowEven
{
     color: #666;
     background-color: #DDDDDD;
     font-family: arial, helvetica, geneva, sans-serif;
     font-size: 10pt;
     font-weight: normal;
}
.DefaultText, td
{
     color: #333333;
     font-family: arial, helvetica, geneva, sans-serif;
     font-size: 10pt;
     font-weight: normal;
}


.BoldText
{
     color: #333333;
     font-family: arial, helvetica, geneva, sans-serif;
     font-size: 10pt;
     font-weight: bold;
}
.EnlargedText
{
     color: #666;
     font-family: arial, sans-serif;
     font-size: 12pt;
     font-weight: normal;
}
.HeaderText
{
     color: #666;
     font-family: arial, sans-serif;
     font-size: 12pt;
     font-weight: bold;
}
.ReducedText
{
     color: #666;
     font-family: arial, sans-serif;
     font-size: 8pt;
     font-weight: normal
}
.HomebaseText
{
     color: #666;
     background-color: #FFFFFF;
     font-family: arial, helvetica, geneva, sans-serif;
     font-size: 10pt;
     font-weight: bold;
}
table.TableWithBorder
{
     background-color: #FFFFFF;
     border-bottom: #000000 1px solid;
     border-left: #000000 1px solid;
     border-right: #000000 1px solid;
     border-top: #000000 1px solid;
     color: #666;
     font-family: arial, geneva, sans-serif;
     font-size: 10pt;
     font-weight: normal;
     empty-cells: show;
}
.TableWithBorderHeader
{
     background-color: #ffffff;
     border-bottom: #000000 1px solid;
     border-left: #0000000 1px solid;
     border-right: #000000 1px solid;
     border-top: #000000 1px solid;
     color: #000000;
     font-family: arial, geneva, sans-serif;
     font-size: 14pt;
     font-weight: bold;
     empty-cells: show;
}
.Outline
{
     background-color: #ffffff;
    border-bottom: #000000 1px solid;
     border-left: #000000 1px solid;
     border-right: #000000 1px solid;
     border-top: #000000 1px solid;
     color: #000000;
     font-family: arial, geneva, sans-serif;
     font-size: 14pt;
     font-weight: bold;
     empty-cells: show;
}
.Error
{
     color: #FF0000;
     font-family: arial, geneva, sans-serif;
     font-size: 12pt;
     font-weight: bold;
}
.FormElementInput
{
     background-color: #FFFFFF;
     color: #000000;
     border-color: #000000;
     border-width: 1px;
     font-family: arial, sans-serif;
     font-weight: normal;
}
.FormButtons
{
     color: #000000;
     background-color: #FFFFFF;
     border-color: #000000;


     border-width: 1px;
     font-family: arial, sans-serif;
     font-size: 11px;
     font-weight: bold;
     cursor: pointer;
     cursor: hand;
}
a 
{ 
  text-decoration: none;
  color: #666; 
  font-family: arial, helvetica, geneva, sans-serif;
}
a:link,
a:visited 
{ 
  text-decoration: none;
  color: #666; 
  font-family: arial, helvetica, geneva, sans-serif;
}

a:hover { color: #497cc2;  font-family: arial, helvetica, geneva, sans-serif; text-decoration: underline;}
a.menu
{
     text-decoration: none;
     color: #000000;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: bold;
     font-size: 10pt;
}
a.menu:link { color: #000000;   font-family: arial, helvetica, geneva, sans-serif;}
a.menu:visited { color: #000000;  font-family: arial, helvetica, geneva, sans-serif; }
a.menu:hover  { color: #00A39D;  font-family: arial, helvetica, geneva, sans-serif; }
a.Gridmenu
{
     text-decoration: none;
     color: #000000;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: bold;
     font-size: 10pt;
}
a.Gridmenu:link { color: #000000;   font-family: arial, helvetica, geneva, sans-serif;}
a.Gridmenu:visited { color: #000000;  font-family: arial, helvetica, geneva, sans-serif; }
a.Gridmenu:hover  { color: #C6CAFF;  font-family: arial, helvetica, geneva, sans-serif; }
a.Homebase
{
     text-decoration: none;
     color: #000000;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: bold;
     font-size: 10pt;
}
a.Homebase:link { color: #000000;  font-family: arial, helvetica, geneva, sans-serif; }
a.Homebase:visited { color: #000000; }
a.Homebase:hover  { color: #00A39D; }
a.FormFileManagerFileList
{
     text-decoration: none;
     color: #000000;
     font-family: arial, helvetica, geneva, sans-serif;
     font-weight: bold;
     font-size: 10pt;
}
a.FormFileManagerFileList:link{ color: #000000; }
a.FormFileManagerFileList:visited{ color: #000000; }
a.FormFileManagerFileList:hover
{
     color: #00A39D;
     background-color: #000000;
}

/***************  Custom Classes  ***************/

.container
{
  position: relative;
  top: 10px;
}
a.navText:link,
a.navText:visited
{
  color:  #42C7F1;
  font-size:  11px;
  font-weight: bold;
  font-family: arial;
  padding-bottom:5px;
}
a.navText:hover
{
  color:  #497cc2;
  font-size:  11px;
  font-weight: bold;
  font-family: arial;
  padding-bottom:5px;
}

a.subNavText:link,
a.subNavText:visited
{
  color:  #fff;
  font-size:  10px;
  font-weight: bold;
  font-family: arial;
/*  padding-bottom:10px;*/
  text-decoration: none;
line-height:11px;
}
a.subNavText:hover
{
  color:  #497cc2;
  font-size:  10px;
  font-weight: bold;
  font-family: arial;
/*  padding-bottom:10px;*/
  text-decoration: none;
line-height:11px;
}

a.footerText:link,
a.footerText:visited
{
  color:  #497cc2;
  font-size:  11px;
  font-weight: bold;
  font-family: arial;
}

a.footerText:hover
{
  color:  #666;
  font-size:  11px;
  font-weight: bold;
  font-family: arial;
}

.footerText
{
  color:  #497cc2;
  font-size:  11px;
  font-weight: bold;
  font-family: arial;
}
.footerPad
{
  padding-top:10px;
}
.contentPad
{
  padding-left:3px;
}
.contentScroll
{
  width: 100%;
  text-align: left;
  overflow: auto;
  height: 307px;
  margin-top:5px;
  padding-right:2px;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #666666;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #CCCCCC;
  color: #fff;
  font-family:arial;
  font-size:14px;
/*  direction:rtl;*/
}
.contentScrollShop
{
  width: 100%;
  text-align: left;
  overflow: auto;
  height: 387px;
  margin-top: 0px;
  _padding-right: 12px;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #666666;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #CCCCCC;
  color: #666;
  font-family: arial;
  font-size: 12px;
/*  direction: rtl;*/
}

.dir
{
  direction:ltr;
  padding-left:12px;
  margin-right: 8px;
}

.dir h4 {
    padding:  12px 0 5px 0;     
    font-family: arial, helvetica, geneva, sans-serif;
}
}

.dir a:link, 
.dir a:visited
{
  color:  #666;
  font-size:  12px;
  font-weight: normal;
  font-family: arial;
  text-decoration: underline;
}
.dir a:hover
{
  color:  #497cc2;
  font-size:  12px;
  font-weight: normal;
  font-family: arial;
  text-decoration: underline;
}

/*h3
{
  font-family: arial;
  font-size: 20px;
  color:#ffffff;
  padding:  50px 0 25px 0;
}*/

h4
{
    padding:  25px 0 25px 0;     
font-family: arial, helvetica, geneva, sans-serif;
}

#dropmenudiv
{
	position: absolute;
	font-family: arial;
	font-weight: bold;
	font-size:  12px;
	line-height: 18px;
	z-index: 80;
	padding-top: 3px;
	/*margin-left:6px;*/
}


#dropmenudiv a:link, 
#dropmenudiv a:visited
{
	width: 100%;
	display: block;
	font-family: arial;
	text-decoration: none;
	font-weight: bold;
	background-color: #fff;
	color:  #666;
	font-size:  12px;
	font-weight: bold;
	padding-left: 6px;
}

#dropmenudiv a:hover, 
#dropmenudiv a:active
{

  background-color: #666;
  color:  #fff;
  font-size:  12px;
  font-weight: bold;
  font-family: arial;
	padding-left: 6px;
}


.LocalNav
{
	display: block;
	text-align: left;

}

.dirContent
{ 
  color: #fff;
  font-family:arial;
  font-size:14px;
}


/*** Below added for April 06 redesign; header pages with height 411px ***/

.contentScroll_headerpages
{
  /*width: 100%;*/
  text-align: left;
  overflow: auto;
  height: 411px;
  margin-top: 0px;
 /* padding-right: 6px;*/
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #666666;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #666666;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #CCCCCC;
  color: #666;
  font-family: arial;
  font-size: 12px;
/*  direction: rtl;*/
}

.dir h3
{
  font-family: arial;
  font-size: 20px;
  color: #666;

}

/* .dir table, p
{
  font-family: arial;
  font-size: 12px;
  color: #666;
  padding-left: 6;
} */

/*** end additions ***/

.hubMenu
{
  PADDING-BOTTOM: 2px;
  vertical-align:middle;
  background: #282828;
  text-indent:4px;
}

span.highlight
{
background-color: #666;
}

/* begin Contact Us style */
table.contact_us {
	font-size: 12px;
	color: #666;
}
table.contact_us th {
	font-size: 12px;
	color: #666;
}
table.contact_us td {
	font-size: 12px;
	color: #666;
}
/* end Contact Us style */

/* begin Our People style */
table.our_people {

	font-size: 12px;
	color: #666;
}
table.our_people th {
	font-size: 12px;
	color: #666;
}
table.our_people td {
	font-size: 12px;
	color: #666;
}
table.our_people td#contact_header {
	border-width: 1px 1px 1px 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ffffff;
	border-left-color: #ffffff;
	background-color: rgb(2, 57, 78);
}
table.our_people th#contact_header {
	border-width: 1px 1px 1px 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	background-color: rgb(2, 57, 78);
}
/* end Our People style */



/* start commerce menu style */

a.homeShop:link,
a.homeShop:visited
{
  font-size: 13px;
  color: #333333;
  line-height: 18px;
  /*text-indent: 5px; */
  font-weight:bold;  
     font-family: arial, helvetica, geneva, sans-serif;
}

a.homeShop:hover
{
  font-size: 13px;
  color: #497cc2;
  line-height: 18px;
  /*text-indent: 5px; */
  font-weight:bold;  
     font-family: arial, helvetica, geneva, sans-serif;
}


a.certShop:link,
a.certShop:visited
{
  font-size: 13px;
  color: #666666;
  line-height: 18px;
  /*text-indent: 5px;*/ 
  font-weight:normal;  
     font-family: arial, helvetica, geneva, sans-serif;
}

a.certShop:hover
{
  font-size: 13px;
  color: #497cc2;
  line-height: 18px;
 /* text-indent: 5px;*/ 
  font-weight:normal;  
     font-family: arial, helvetica, geneva, sans-serif;
}

.CatNavDiv
{
  font-size: 13px;
  color: #666;
  line-height: 18px;
  text-indent: 5px; 
     font-family: arial, helvetica, geneva, sans-serif;
}

.CommMenuHeader
{
  font-size: 13px;
  color: #fff;
  line-height: 18px;
  text-indent: 5px;
  font-weight: bold;
  background: #666;
  display: block;
  width: 200px;
     font-family: arial, helvetica, geneva, sans-serif;
}
.COMCatPrice2
{
	font-size: 11px;
}
.VirtualShopHeader
{

padding-top:20px;  
font-size: 15px;
  color: #333333;
  line-height: 18px;
  font-weight:bold;  
     font-family: arial, helvetica, geneva, sans-serif;
}

div.CatNavDiv a:link,
div.CatNavDiv a:visited
{
	display: block;
	color: #666;
	width: 100%;
/*	background:#1A2F4E;*/	
	line-height: 18px;
	text-indent: 5px;
                font-size:  13px;
     font-family: arial, helvetica, geneva, sans-serif;
}
div.CatNavDiv a:hover,
div.CatNavDiv a:active
{
	background-position: 0 0;
	color: #fff;
	background-color: #666;
	line-height: 18px;
	text-indent: 5px;
                font-size:  13px;     
font-family: arial, helvetica, geneva, sans-serif;
}

/** 2nd Level Style **/
/*
div.CatNavDiv.NavLevel2,
div.CatNavDiv.NavDefault
{
	background: #1A2F4E none;
	border: 1px solid #817453;
	line-height: 18px;
	text-align: left;
	width: 200;     
font-family: arial, helvetica, geneva, sans-serif;
}
div.NavLevel2 a,
div.NavDefault a
{
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #666;
                font-size:13px;
	line-height: 18px;	
                text-indent: 5px;
     font-family: arial, helvetica, geneva, sans-serif;
}
div.CatNavDiv.NavLevel2 a:link,
div.CatNavDiv.NavLevel2 a:visited,
div.CatNavDiv.NavDefault a:link,
div.CatNavDiv.NavDefault a:visited
{
	width: 200;
	background: none;
	color: #fff;
	display: block;
	text-indent: 5px;
	padding: 0;
	background-color: #666;      

}
div.CatNavDiv.NavLevel2 a:hover,
div.CatNavDiv.NavLevel2 a:active,
div.CatNavDiv.NavDefault a:hover,
div.CatNavDiv.NavDefault a:active
{
	color: #fff;
	background-color: #646467;
	text-indent: 5px;
}
*/
.ComCartQtyBtn
{
display:none;
}
/* end commerce menu style */



.noBorder table.TableWithBorder
{
     background-color: #FFFFFF;
     border:none;
     color: #666;
     font-family: arial, geneva, sans-serif;
     font-size: 10pt;
     font-weight: normal;
     empty-cells: show;
}

 p.newHomeText
 {
  font-family:arial;
  color:#fff;
  font-size:26px;
  line-height:38px;
  padding: 35px 0 0 20px;
 }
.CategoryTop {
     font-size: 11px;
}
.topSEO .COMCatHeader {
     display: none;
}
#tablewrapper
{
    min-height:450px;
    position:relative;
}

* html #tablewrapper {
height: 450px;
}

#tablewrapperTest
{
    min-height:485px;
    position:relative;
}

* html #tablewrapperTest{
height: 485px;
}


#TableWrapper
{
    min-height:450px;
    position:relative;
}

* html #TableWrapper {
height: 450px;
}

#TableWrapperTest
{
    min-height:485px;
    position:relative;
}

* html #TableWrapperTest{
height: 485px;
}

img.BigGalleryPhoto {
border:medium none;
display:block;
left:0pt;
opacity:0;
position:absolute;
top:0;
}

a.GalleryLinks
{ 
  text-decoration: none;
  color: #497cc2; 
  font-family: arial, helvetica, geneva, sans-serif;
}
a.GalleryLinks:link,
a.GalleryLinks:visited 
{ 
  text-decoration: none;
  color: #497cc2; 
  font-family: arial, helvetica, geneva, sans-serif;
}

a.GalleryLinks:hover { color: #666;  font-family: arial, helvetica, geneva, sans-serif; }
#homeBG {
background: #003A52;
height: 412px;
width: 755px;
_width: 750px;

}

/* ***** START TOP NAV CLASSES ***** */

#topNavWrapper 
{
	width: 555px;
	height: 16px;
	background: #FFF;
	clear: both;
}
#topNav, #topNav ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
}
#topNav a 
{
	display: block;
	color: #A9A8A8;
	text-decoration: none;
	font: normal 10pt Arial, Helvetica, sans-serif;
                padding: 6px 14px 5px 10px;
                border-right: 1px solid #C1C0C0;

}
#topNav a:hover
{
	color: #666666;
                background: whitesmoke;

}
#topNav li
{
	float: left;
	}
#topNav li ul 
{
	position: absolute;
	background: #FFF;
	clear: left;
	z-index: 20;
	padding: 0px 0px;
 border-right: 0px;

               
}
#topNav li ul a
{
	display: block;
	   border-bottom: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke;
    border-top-width: 0;
    font: 11px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 5px;
    width: 150px;
}
#topNav li ul a:hover
{
	background: whitesmoke;
	color: #666666;
	text-decoration: none;
	white-space: no-wrap;
}
#topNav li ul li
{
	clear: both;
	padding: 0px;
	white-space: no-wrap;
                  border-right: 0px;
}
.flyout
{
box-shadow: 2px 2px 5px #AAAAAA;
}
ul.flyout
{
	visibility: hidden;
}
.flyout li
{
	white-space: no-wrap;
	width: 100%;
                 border-right: 0px;
}
/* ************************************ */

/***** Start custom classes for 722 upgrade ***/

#lblExtPrice, #ProductPrice
{
	display: none;
}

.COMCatHeader
{
	display: none;
}


#NavigationWrapper {
	width: 180px;
	margin: 0px;
	padding: 0px;
}
#NavigationWrapper ul {
    display: block;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
     line-height: 18px;
}

#NavigationWrapper ul ul {
	list-style-type:none; 
	padding: 0px;
	margin: 0px;
}
/* ***ROOT LEVEL LINK*** */
.navLevel0 li {
               margin:0px;
}
a.navLevel0:link,
a.navLevel0:visited {
	text-decoration: none;
	color: #666666;
	font-size: 13px;
                line-height: 18px;
                display: block;
                _height: 0px;

}
a.navLevel0:hover {
	text-decoration: underline;
	color: #497cc2;
	font-size: 13px;
                line-height: 18px;
                display: block;
                _height: 0px;


}
a.navLevel0_hot {
	text-decoration: none;
	color: #497cc2;
	font-weight: bold;
	font-size: 13px;
                line-height: 18px;
                display: block;
                _height: 0px;


}
a.navLevel0_hot:link,
a.navLevel0_hot:visited {
	text-decoration: none;
	font-weight: bold;
	color: #497cc2;
	font-size: 13px;
                line-height: 18px;
                display: block;
                _height: 0px;


}
a.navLevel0_hot:hover {
	text-decoration: underline;
	color: #497cc2;
	font-weight: bold;
	font-size: 13px;
                line-height: 18px;
                display: block;
                _height: 0px;


}

/* ***SUB LEVEL ONE LINK*** */

div.NavLevel1 {
	display: none;
}
.NavLevel1 li {
	height:auto;
	background: none;
     _margin: 0px;
}
a.navLevel1:link,
a.navLevel1:visited {
	text-decoration: none;
	color: #666;
	line-height: 18px;
	font-weight: normal;
	font-size: 13px;
                padding-left: 10px;
                display: block;

}
a.navLevel1:hover {
	text-decoration: underline;
	color: #497cc2;
	line-height: 18px;
	font-weight: normal;
	font-size: 13px;
     padding-left: 10px;
                display: block;

}
a.navLevel1_hot:link,
a.navLevel1_hot:visited {
	text-decoration: none;
	color: #497cc2;
	line-height: 18px;
	font-weight: bold;
	font-size: 13px;
               padding-left: 10px;
                display: block;

}
a.navLevel1_hot:hover {
	text-decoration: underline;
	color: #497cc2;
	line-height: 18px;
	font-weight: bold;
	font-size: 13px;
                padding-left: 10px;
                display: block;

}

/** SubLevel 2 Navigation **/

div.NavLevel2 {
	display:block;
	z-index: 100;
    background: none;
}

a.NavLevel2,
a.NavLevel2:link,
a.NavLevel2:visited
{
	color: #666;
	font-size: 13px;
	font-weight: normal;
	padding-left: 20px;
	text-decoration: none;
                background: none;
               line-height: 18px;
                display: block;

}

a.NavLevel2:hover
{
	color: #497cc2;
	font-size: 13px;
	font-weight: normal;
	padding-left: 20px;
	text-decoration: underline;
               line-height: 18px;
                display: block;

}

a.NavLevel2_hot:link,
a.NavLevel2_hot:visited
{
	color: #497cc2;
	font-size: 13px;
	font-weight: normal;
	padding-left: 20px;
	text-decoration: none;
               line-height: 18px;
                display: block;

}

a.NavLevel2_hot:hover
{
	color: #497cc2;
	font-size: 13px;
	font-weight: normal;
	padding-left: 20px;
	text-decoration: underline;
               line-height: 18px;
                display: block;

}

/* END NAVIGATION CLASSES */

.COMCatCell {
                padding: 5px 0;
}

body { background-image:url("/DSN/wwwjnpacom/Content/Images/NewDesign/header_shadow.gif"); background-repeat:repeat-x; margin: 0; }

.footer_nav { font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #666; line-height:16px; }

.mission { font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #888; line-height:16px; text-align:justify; }

.footer_nav a:link { font-family: Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color: #888; line-height:16px; }

.footer_nav a:visited { font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #888; line-height:16px; }

.footer_nav a:hover { font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #333; text-decoration:underline; line-height:16px; }

.footer_nav a:active { font-family: Arial, Helvetica, sans-serif; font-size:10px; color: #888; line-height:16px; }

table.sticky_footer { background-color: #fff; width:100%; margin-top: 35px; }

.follow { font-family: Helvetica, sans-serif; color:#999; font-size:16px; }

.copyright { font-family:Arial, Helvetica, sans-serif; font-size:10px; color: #bfbfbf; padding-top:10px; }

.home_strip { font-family: Arial, Helvetica, sans-serif; font-size:9px; color: #666; padding-bottom:4px; }

.home_strip_copy { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #666; padding-left:4px; }

table.center { margin-left:auto; margin-right:auto; padding-top: 10px; }

/*
 * Dynamic Countdown script- © Dynamic Drive  
 * (http://www.dynamicdrive.com)
 * This notice MUST stay intact for legal use
 * Visit http://www.dynamicdrive.com/ for this script and 100s more.
*/

.ddsmoothmenu { padding-top:24px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; background: #FFF; /*background of menu bar (default state)*/ width: 100%; }

/* Holly Hack for IE \*/
* html .ddsmoothmenu { height: 1%; } /*Holly Hack for IE7 and below*/

.ddsmoothmenu ul { z-index:100; margin: 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-weight:normal;  }

/*Top level list items*/
.ddsmoothmenu ul li { position: relative; display: inline; float: left; }

/*Top level menu link items style*/
.ddsmoothmenu ul li a { display: block; background: #FFF; /*background of menu items (default state)*/ color: #a9a8a8; padding: 5px 10px; border-right: 1px solid #c1c0c0; color: #a9a8a8; text-decoration: none; }
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { color: #a9a8a8; }

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: whitesmoke; color: #666; }

.ddsmoothmenu ul li a:hover { background: whitesmoke; /*background of menu items during onmouseover (hover state)*/ color: #666; }

/*1st sub level menu*/
.ddsmoothmenu ul li ul { position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; }

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li { display: list-item; float: none; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { top: 0; }

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a { font: normal 11px Arial, Helvetica, sans-serif; width: 150px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid whitesmoke; border-right: 1px solid whitesmoke; }

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass { position: absolute; top: 12px; right: 7px; }

.rightarrowclass { position: absolute; top: 9px; right: 8px; }

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow { /*shadow for NON CSS3 capable browsers*/ position: absolute; left: 0; top: 0; width: 0; height: 0; }

.toplevelshadow { /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/ opacity: 0.8; }

#slider-wrapper { background:url("/DSN/wwwjnpacom/Content/Images/NewDesign/slide_bg.gif") no-repeat; width:750px; height:434px; margin:0 auto; padding-top:0px; margin-top:10px; }

#slider { position:relative; width:750px; height:412px; margin-left:auto; margin-right:auto; background:url("/DSN/wwwjnpacom/Content/images/newdesign/loading.gif") no-repeat 50% 50%; }

#slider img { position:absolute; top:0px; left:0px; display:none; }

#slider a { border:0; display:block; }

.nivo-controlNav { position:absolute; left:260px; bottom:-30px; }

.nivo-controlNav a { display:block; width:18px; height:18px; background:url("/DSN/wwwjnpacom/Content/Images/NewDesign/bullet.png") no-repeat; text-indent:-9999px; border:0; margin-right:0px; float:left; position: relative; }

.nivo-controlNav a.active { background-position:0 -22px; }

.nivo-directionNav a { display:block; width:30px; height:30px; background:url("/DSN/wwwjnpacom/Content/Images/NewDesign/arrows.png") no-repeat; text-indent:-9999px; border:0; }

a.nivo-nextNav { background-position:-30px 0; right:15px; }

a.nivo-prevNav { left:15px; }

/*
 * jQuery Nivo Slider v2.5
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider { position:relative; }

.nivoSlider img { position:absolute; top:0px; left:0px; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }

/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; }

.nivo-box { display:block; position:absolute; z-index:5; }

/* Caption styles */
.nivo-caption { font-family: Helvetica, Arial, sans-serif; font-size:11px; position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.6; /* Overridden by captionOpacity setting */ width:100%; z-index:8; }

.nivo-caption p { padding:10px; margin:0px; }

.nivo-caption a { display:inline !important; }

.nivo-html-caption { display:none; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }

.nivo-prevNav { left:0px; }

.nivo-nextNav { right:0px; }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position:relative; margin-left:2px; z-index:9; cursor:pointer; }

.nivo-controlNav a.active { font-weight:bold; }

.mailingdontshow
{
display: none;
}
#mailinglist
{
width: 95%\9;
}



/*50th anniversary styles added 11/8/11 */

.nonprofit { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:19px; color:#666; line-height:24px; }

.annhead { font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:15px; color:#416d98; }

.anntext { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#999; }

#map { position:relative; margin:0; padding:0; width:750px; height:412px; background:url(http://www.jnpa.com/DSN/wwwjnpacom/Content/Images/NewDesign/us.jpg) top left no-repeat #fff; font-family:arial, helvetica, sans-serif; font-size:8pt; }

#map li { margin:0; padding:0; list-style:none; }

#map li a { position:absolute; display:block; background:url(http://www.jnpa.com/DSN/wwwjnpacom/Content/Images/NewDesign/blank.gif); left: 438px; top: 219px; width: 8px; height: 10px; }

#map li a span { display:none; }

#map li a:hover span { position:relative; display:block; width:200px; left:20px; top:20px; padding:5px; border:1px solid #888; background:#fff; text-decoration:none; color:#000; filter:alpha(opacity=70); opacity:0.7; text-align:center; }

#map a.arch { position:absolute; top:193px; left:435px; width:11px; height:11px; }

#map a.central { position:absolute; top:240px; left:413px; width:12px; height:12px; }

#map a.voyageurs { position:absolute; top:90px; left:400px; width:11px; height:13px; }

#map a.grant { position:absolute; top:205px; left:425px; width:13px; height:12px; }

#map a.clinton { position:absolute; top:252px; left:399px; width:12px; height:12px; }

#map a.chippewa { position:absolute; top:101px; left:386px; width:12px; height:14px; }

#map a.mississippi { position:absolute; top:131px; left:399px; width:14px; height:15px; }

#map a.missouri { position:absolute; top:143px; left:365px; width:13px; height:14px; }

#map a.lewis { position:absolute; top:159px; left:352px; width:13px; height:14px; }

#map a.national { position:absolute; top:186px; left:421px; width:12px; height:12px; }