.clear-left{clear:left;}
.clear-right{clear:right;}
.clear-both{clear:both;}
background-color:#fff;border:1px solid #bfcbe0;}
#nav .clear-right{height:1px;overflow:hidden;}
#nav-bar{height:18px;padding:6px 0; background-image: url(../graphics/bar.png); background-repeat:repeat-x;}
#nav-bar ul{list-style-type:none;padding:0 .2em;margin:0;}
#nav-bar li{float:left;margin-right:.2em;border-left:1px solid #729fcf;}
#nav-bar a{color:#ffff00;text-decoration:none;padding:0 .4em;font:"Lucida Grande";font-size:16px;}
#nav-bar a:hover{color:#fff;text-decoration:underline;}
#nav-bar li.first{border-left:none;}
#nav-bar ul ul{display:none;position:absolute;float:none;z-index:3;padding:0 0 2px;background-color:#dce5f3;border-top:4px solid #204a87; top:18px; left:0;}

#nav-home:hover ul,#nav-home.hovered ul,#nav-hw:hover ul,#nav-hw.hovered ul,#nav-train:hover ul,#nav-train.hovered ul,#nav-events:hover ul,#nav-events.hovered ul,#nav-dog:hover ul,#nav-dog.hovered ul,#nav-manage:hover ul,#nav-manage.hovered ul,#nav-nugget:hover ul,#nav-nugget.hovered ul{display:block;}

#nav-bar ul ul li{float:none;margin-right:0;border:none;}
#nav-bar ul ul a{display:block;color:#000;padding:2px 0;text-indent:.4em;background-image:none;}
#nav-bar ul ul a:hover{color:#000;text-decoration:none;background-color:#b0c1d8;}

#nav-home,#nav-hw,#nav-community,#nav-events,#nav-train,#nav-dog,#nav-manage,#nav-nugget{position:relative;}
#nav-home a,#nav-hw a,#nav-community a,#nav-events a,#nav-train a,#nav-dog a,#nav-manage a,#nav-nugget a{display:block;}

#nav-home a{width:3em;}
#nav-home ul .c,#nav-home ul a{width:7.5em;}

#nav-events a{width:3em;}
#nav-events ul .c,#nav-events ul a{width:8.5em;}
#nav-events ul{left:-1em;}

#nav-hw a{width:7em;}
#nav-hw ul .c,#nav-hw ul a{width:11em;}
#nav-hw ul{left:-1em;}

#nav-train a{width:4em;}
#nav-train ul .c,#nav-train ul a{width:11em;}

#nav-dog a{width:7em;}
#nav-dog ul .c,#nav-dog ul a{width:7em;}

#nav-manage a{width:3em;}
#nav-manage ul .c,#nav-manage ul a{width:6em;}
#nav-manage ul{left:-3em;}

#nav-nugget a{width:5em;}
#nav-nugget ul .c,#nav-nugget ul a{width:11.25em;}
#nav-nugget ul{left:-1em;}

#nav-foot{height:18px;padding:6px 0; background-image:url(../graphics/bar.png); background-repeat:repeat-x;}
#nav-foot li.first {border-left:none;}
#nav-foot ul{list-style-type:none;padding:0 .2em;margin:0;}
#nav-foot a{color:#FFFF27;font-weight:bolder;text-decoration:none;padding:0 .4em;}
#nav-foot a:hover{color:#fff;text-decoration:underline;}

#nav-cont,#nav-site,#nav-log {position:relative;float:right;margin-right:.2em;border-left:1px solid #729fcf;}
#nav-cci {position:relative;float:left;margin-right:.2em;border-left:1px solid #729fcf;}
#nav-cont:hover ul,#nav-cont.hovered ul,#nav-site:hover ul,#nav-site.hovered ul,#nav-cci:hover ul,#nav-cci.hovered ul,#nav-log:hover ul,#nav-log.hovered ul {display:block;}

#nav-cont a {width:3em;}
#nav-site a {width:3em;}
#nav-cci a {width:7em;}
#nav-log a {width:3em;}

.footer {
	background-color:#eee;
}