﻿/* Navigation Style Sheet */
/* CSS Horizontal Dropdown and popOut (flyOut) Menu clear:both; */
.nolnklft,.nolnkrht {font-weight:bold;font-size:10px;color:gold;background:inherit;padding:0px 0;margin:0;}
.nolnklft {float:left;width:150px;}
.nolnkrht {float:right;width:150px;}
.hNav {float:left;width:650px;}
.hNav ul {list-style:none;padding:0;margin:0;}
.hNav ul li {float:left;width:92px;position:relative;list-style:none;}
.hNav ul li a {display:block;height:24px;line-height:24px;text-align:center;font-weight:bold;font-size:10px;color:#DEEEF3;background:inherit;border-right:1px solid #CED8E2;text-decoration:none;}
/* hack to correct IE5.5 faulty box model */
* html .hNav ul li a {width:92px; w\idth:91px;}
.hNav a.last {border-right:0;}
.hNav a:hover {color:#88B1CC;background:url('../asset/1bgNav.png') repeat-x;/*padding-bottom:1px;*/}
.hNav :hover > a {color:#88B1CC;background:url('../asset/1bgNav.png') repeat-x;/*padding-bottom:1px;*/}

.hNav ul ul {width:107px;border:1px solid #ced8e2;}
.hNav ul ul a {text-align:left;text-indent:12px;color:#2C59C0;background-color:#cee7ff;padding:3px 0;} /*border:1px solid #CED8E2;border-width:0 1px 1px 1px; bg CEE7FF F3F6F8, b 88B1CC BACAD8*/
* html .hNav ul ul a {width:107px; w\idth:105px;}
.hNav ul ul a:hover{color:#4B90D1;background-color:#e9f2f6;} /*C2D4F8*/
.hNav ul ul :hover > a {color:#4B90D1;background-color:#e9f2f6;}

.hNav ul ul a.flyOut {background:#CEE7FF url(http://www.GoldenTwine.com/btn/bltFly1.gif) no-repeat 95% 50%;}
.hNav ul ul a.flyOut:hover, .hNav ul ul :hover > a.flyOut {background:#E9F2F6 url(http://www.GoldenTwine.com/btn/bltFly2.gif) no-repeat 95% 50%;}
.hNav ul ul a.popOut {background:#CEE7FF;}
.hNav ul ul a.popOut:hover, .hNav ul ul :hover > a.popOut {background:#E9F2F6 url(http://www.GoldenTwine.com/btn/btnPop2.gif) no-repeat 95% 50%;}

.hNav ul ul {visibility:hidden;position:absolute;width:107px;height:0;top:24px;left:-1px;}
.hNav ul ul ul {width:107px;top:0;left:107px;}

.hNav ul li:hover ul, .hNav ul a:hover ul {visibility:visible;}
.hNav ul :hover ul ul {visibility:hidden;}
.hNav ul :hover ul :hover ul {visibility:visible;}
/* style the table so that it takes no part in the layout - required for IE to work */
.hNav table {position:absolute;top:0;left:0;border-collapse:collapse;}
/* CSS Vertical Pop Out (flyOut) */
.vNav {padding:0;margin:0 0 5px;}
.vNav ul {z-index:2;position:relative;list-style:none;padding:0;margin:0;}
.vNav li {float:left;position:relative;list-style:none;}
.vNav a, .vNav a.flyStat {width:147px;display:block;text-indent:12px;font-weight:bold;color:#2C59C0;padding:4px 0px;text-decoration:none;}
.vNav a {background:url('../btn/bltSqr1.gif') no-repeat 4px 50%;}
.vNav a.flyStat {background:url('../btn/bltFly1.gif') no-repeat 4px 50%;}
.vNav li:hover {color:#4B90D1;background:#E9F2F6 url('../btn/bltSqr2.gif') no-repeat 4px 50%;}
.vNav li:hover > a {color:#4B90D1;background:#E9F2F6 url('../btn/bltSqr2.gif') no-repeat 4px 50%;}
.vNav a.flyStat:hover {background:#E9F2F6 url('../btn/bltFly2.gif') no-repeat 4px 50%;}
.vNav :hover > a.flyStat {background:#E9F2F6 url('../btn/bltFly2.gif') no-repeat 4px 50%;}
.vNav ul ul {border:1px solid #CED8E2;}
.vNav ul ul a {width:147px;text-indent:12px;color:#2C59C0;background:#CEE7FF url('../btn/bltSqr1.gif') no-repeat 4px 50%;;padding:4px 0;}
* html .vNav ul ul a {width:147px; w\idth:145px;}

.vNav ul ul a.flyOut {background:#CEE7FF url(http://www.GoldenTwine.com/btn/bltFly1.gif) no-repeat 95% 50%;}
.vNav ul ul a.flyOut:hover, .vNav ul ul :hover > a.flyOut {background:#E9F2F6 url(http://www.GoldenTwine.com/btn/bltFly2.gif) no-repeat 95% 50%;}
.vNav ul ul a.popOut {background:#CEE7FF;}
.vNav ul ul a.popOut:hover, .vNav ul ul :hover > a.popOut {background:#E9F2F6 url(http://www.GoldenTwine.com/btn/btnPop2.gif) no-repeat 95% 50%;}

.vNav li ul {position:absolute;visibility:hidden;top:0;left:147px;}							
.vNav li:hover > ul {visibility:visible;}
.vNav ul a:hover ul ul{visibility:hidden;}
.vNav ul a:hover ul a:hover ul ul{visibility:hidden;}
.vNav ul a:hover ul {visibility:visible;}
.vNav ul a:hover ul a:hover ul{visibility:visible;}
/* get rid of the table - required for IE to work */
.vNav table {z-index:3;position:absolute;top:0;left:0;border-collapse:collapse;}

/* navigation bars */
ul.barNav {
font-weight:bold;font-size:10px;color:#deeef3;background-color:#35abe2;
list-style:none;text-align:center;padding:5px 0;margin:1px 0 0;}
ul.barNav li {display:inline;border-right:1px solid #C2D4F8;/*margin-left:-3px;*/}
ul.barNav li a {color:#DEEEF3;background-color:inherit;padding:5px 10px; /*	margin-right: -1px; */}
ul.barNav li a:hover {color:#C2D4F8;background-color:#35A2D6;}
ul.barNav li.actv {color:#C2D4F8;background-color:inherit;padding:5px 10px;}
ul.barNav li.lft {border-left:1px solid #C2D4F8;}

.footerpatch{width:958px;height:26px;font-weight:bold;font-size:10px;color:#deeef3;background-color:#35abe2;}
.footerpatch a{color:#deeef3;text-decoration:none;}
.footerpatch a:hover{text-decoration:underline;}
.footerpipe{color:#77b1da;padding-left:20px;padding-right:20px;}
 
.bgcNav {
	height:18px; text-align:center;
	padding:0; /* border-bottom:1px solid #DEEEF3; */ margin:0;
	background-color:#D4DDED;
	}
.bgcNav a {
	display:block;
	font-weight:bold; font-size:10px; color:#937015; background-color:inherit;
	}
.bgcNav a:hover {color:#4B90D1; background-color:#C2D4F8; text-decoration:none;}
/* end of CSS */