/* CSS Document */

body{
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

#underbanner{background-color:#0000CC; border-bottom:100% solid #0000CC; border-top: 7px solid #0000CC;}


#construction{border-color:#CCCC00; font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:blink; color:#FF0000 }

p{font:Verdana; font-size:12px; }


TD{

	font-family: Arial,Tahoma,Helvetica,sans-serif;
}

.lnk{

	font-family: Arial, Verdana, sans-serif;

	font-size: 12px;

	font-weight: bold;

	}

	

.catName{

	font-family: Arial, Helvetica, Tahoma,  sans-serif;

	font-weight: bolder;

	font-size: 14px;

	color: #FFFFFF;
 
	padding-left: 4px

	}

	

.headerLink{

	color: #FFFFFF;

	font-family: Arial,Tahoma,Verdana,sans-serif;

	font-size: 11px;

	}

.smtext-dkgray{

	font-family: Arial,Tahoma,Verdana,sans-serif;

	font-size: 11px;

	color: #444444;

	}

.storepageMenu {

	font-family: Arial,Tahoma,Verdana,sans-serif;

	font-size: 14px;
font-weight: bold;
}

.smtext-dkblue{

	font-family: Arial,Tahoma,Verdana,sans-serif;

	font-size: 11px;

	color: #004F77;

}

.datetext-dkgray{

    font-family: Arial,Tahoma,Verdana,sans-serif;

	font-size: 9px;

	color: #444444;

	}



.whiteFont{

color: #FFFFFF;

}

	

a:active {
	color: #749939;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a:link {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bolder;
}

a:visited {
	color: #749939; /* green */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bolder;
}

a:hover {
	color: #749939;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}





a.roll:link {color: #FFFFFF; font-size: 10px;}

a.roll:active {color: #FFFFFF; font-size: 10px;}

a.roll:visited {color: #EEEEEE; font-size: 10px;}

a.roll:hover {color: #8BD4EE; font-size: 10px;}



a.lnkBlue:active {color: #003399}

a.lnkBlue:link {color: #003399}

a.lnkBlue:visited {color: #003399}

a.lnkBlue:hover {color: #0066CC}



.body {font-family:arial, tahoma, helvetica; font-size: 11px;}

.smallbody {font-family:verdana, arial, helvetica; font-size: 10px;}



.smallbody11 {font-family: arial, helvetica; font-size: 11px; font-weight:bold}

a.smallbody11a:link, a.smallbody11a:visited   {color:006699;font-family: arial, helvetica; font-size: 11px; font-weight:bold}



a.resourceNav:link

{color: #FFFFFF}  



a.resourceNav:visited

{color: #99CCFF}  



a.resourceNav:active

{color: #FFFFFF}  



a.resourceNav:hover

{color: #FF6600}  



.rs {

font-family: "arial,times";

font-size: 9px;

text-decoration: none;

color: #006699;
}



.searchgo {

color: #003366;

background-color: #D5E5FB;

height: 18px;

width: 18px;

margin-left: 4px;

margin-top: 2px;

margin-bottom: 2px;

margin-right: 4px;

}



.searchBoxThumbsPage {  height: 18px; width: 100px; margin-bottom: 7px; font-size: 10px}



.white-header {  font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF}

.body12pt { font-family:Arial, Tahoma, Helvetica; font-size: 12px; }

.body11pt { font-family:Arial, Tahoma, Helvetica; font-size: 11px; }

.body13pt { font-family:Arial, Tahoma, Helvetica; font-size: 13px; }


.searchBox {  height: 15px; width: 100px; margin-bottom: 6px; font-size: 10px}

.searchBoxBot { height: 17px; width: 100px; margin-bottom: 2px; font-size: 10px}

.orangenavlinks {  margin-bottom: 2px; vertical-align: text-top}

.tmbMenu {  font-family: Arial, Tahoma, Helvetica, Sans-serif; font-size: 10px; height: 17px}


.ftr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
}

.bdymain
	{
		font: small/2.0 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
		
		color:#666666;
		font-size: 12px;
		padding-right: 20px;
		line-height: 140%;
		vertical-align:top;
		
	}
	
.bdymain_title
	{
		font: small/2.0 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
		font-weight:bold;
		text-decoration:underline;
		color:#666666;
		font-size: 16px;
		padding-right: 20px;
		line-height: 140%;
	}
	
a.bdymain_anchor 
	{
		font: small/2.0 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
		
		color:#3300CC;
		font-size: 12px;
		line-height: 140%;
	}
	
a:visited.bdymain_anchor
	{
		font: small/2.0 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
		
		color:#3300CC;
		font-size: 12px;
		line-height: 140%;
	}
	
a:hover.bdymain_anchor 
	{
		color: #ff9406;
	}
	

a.bodymain_anchor_right
{
	color: #749939; /* green */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bolder;
}

a:hover.bodymain_anchor_right
	{color: #ff9406; /* green */
	}
	
.left 	{
	float:left;
	padding-left:0px;
	padding-top:50px;
	width: 90px;
	}

	
.bdy { 	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
		color: #000000; font-weight: normal}
.ttl {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: capitalize}
.pic {  text-align: center}
.list { font-family: Arial, Helvetica, sans-serif; font-size: 16px; list-style-position: outside; list-style-type: square; list-style-image: none}
.ftrlinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center ; font-weight: bold; text-transform: none}
.map {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal}
.bg_home {  background-attachment: fixed; background-image: url(slices/home-bg.jpg); background-repeat: repeat-y}
.scrollbars { SCROLLBAR-FACE-COLOR: #0033CC; SCROLLBAR-HIGHLIGHT-COLOR: #0033CC; SCROLLBAR-SHADOW-COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #CCCCFF; SCROLLBAR-ARROW-COLOR: #6699FF; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #990000; }
.title2 {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold}
.home1 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px}
.bdy2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal }
.bdy3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: normal }
.list-sm { font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style-position: outside; list-style-type: square; list-style-image: none ; color: #006666}
.popup {
	color: #4D4F3E;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

a.mailto {
color:#333300;}

td.tag {
	background-image: url(/images/tmb_tile_orng_big.gif);
	background-repeat: repeat-y;
	height: 10px;
	width: 800px;
}
td.blue {
	background-image: url(/images/tile_bluenavhm.gif);
	background-repeat: repeat-y;
	height: 10px;
	width: 800px;
}

td.botblue{
	background-image: url(/images/tmb_botbluetile.gif);
	background-repeat: repeat-y;
	height: 10px;
	width: 800px;
}

/* style the outer div to give it width */
.menu {
width:500px; 
font-size:0.85em;
padding-bottom:0px;
}
/* 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 {
width:139px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:100px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:11px;
font-weight:bold;
text-decoration:none; 
color:#fff; 
width:100px; 
border:0px; 
border-width:0px 0px 0 0; 
background:#2b0f04; /* maroon color */
padding-left:10px; 
line-height:20px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:75px;
w\idth:75px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#2b0f04;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#2b0f04; /* gray color */
}
.menu ul ul :hover > a.drop {
background:#2b0f04; /* gray color */
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#2b0f04;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}
.menu ul ul ul :hover > a {
background:#b2ab9b;
}

/* 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:20px;
left:0; 
width:75px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:20px;
t\op:20px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

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

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


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

/* make the second level visible when hover on first level list OR link */
.menu ul :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;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover 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;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

.style8 {color: #000000}
.style9 {font-size: 13px}
.style10 {font-size: 10px}
.style11 {color: #749939}

