/*  U.S. Department of Homeland Security  */
/*           ../r/in.dhs.dh.php           */
/*        CSS: Navigational Classes       */

/* BASELINE LINKS */
a:link		{color: #036;}
a:visited	{color: #F00;}
a:hover		{color: #666;}
a:active 	{color: #666;}

/* LINKS TO EXTERNAL SITES */
a.external {background: url(../r/graphics/external-links.gif) center right no-repeat; padding-right: 13px;}
a.external:visited {background: url(../r/graphics/external-links-visited.gif) center right no-repeat; padding-right: 13px;}


/* BANNER LINKS */
ul#bannernav {margin: 5px; padding: 0; position: absolute; top: 5px; right: 0; list-style-type: none;}
ul#bannernav li {margin: 0; padding: 0;	display: inline;}
ul#bannernav li a {margin: 0; padding: 0 5px 0 5px; font-weight: bold; color: #fff; border-left: 1px solid #fff; text-decoration: none;}
ul#bannernav li a:hover {text-decoration: underline;}
ul#bannernav li.first a {border-left: 0;}


/* PRIMARY NAVBAR LINKS */
#topnav {height:30px; width:100%; border-bottom:4px solid #690; background:#CCC url(../r/graphics/navbar-off.gif) repeat-x; margin:0; padding:0;}
#topnav td {border-right: 1px dashed #666; vertical-align:top;}
#topnav td a {display: block; width:auto; height: 30px; padding: 4px 10px; color:#333; text-decoration: none; font-size:0.7em; font-weight:bold;}
html>body div#topnav td a {width:auto; height:100%;}
#topnav td a:hover {background:#666 url(../r/graphics/navbar-on.gif) repeat-x; color: #fff;}
#topnav .navfocus {background:#999 url(../r/graphics/navbar-focus.gif) repeat-x; color: #fff;}


/* SECONDARY NAVBAR LINKS */
#greennav {width:100%; background:#690 url(../r/graphics/column_a_gray.gif) repeat-y; margin:0 0 0 0; padding:0;}
#greennav td {border-right: 1px dashed #666; vertical-align:top;}
#greennav td a {height:auto; display: block; padding: 4px 10px; background:#690; color: #FFF; text-decoration: none; font-size:0.7em; font-weight:bold;}
#greennav td a:hover {background-color:#060; color: #fff;}
#greennav .navfocus {background-color:#060; color: #fff;}


/* BREADCRUMB LINKS */
#breadcrumb {font-size: 0.7em; margin:0 0 0 -5px;}
#breadcrumb a {background: url(../r/graphics/link_arrow.gif) no-repeat 0% 50%; padding-left:8px; margin-left:5px;}
#breadcrumb a:hover {color:#666;}
#breadcrumb a:visited {color:#036;}


/* SECTION LINKS - Left Column */
#sectionnav {width: 189px; border-bottom:1px solid #036;}

#sectionnav h3 {margin:0; color:#036; font-size:0.9em; font-weight:bold;}
#sectionnav h3 a {display:block;  padding:6px 5px 6px 5px; color:#036; font-weight:bold; text-decoration:none; width:auto;}
#sectionnav h3 a:hover {color:#fff; background:#666;}

#sectionnav ul {list-style-type: none; margin:0; padding:0; position: relative; font-size:0.7em; font-weight:bold;}
#sectionnav ul ul {list-style-type: none; margin:0; padding: 0;position: relative; font-size:0.9em; font-weight:normal;}
#sectionnav ul ul ul {list-style-type: none; margin:0; padding: 0; position: relative; font-size:1.05em; font-weight:normal;}

#sectionnav li {width:auto; border-top:1px solid #036;}
#sectionnav li li {border:0;}
#sectionnav li li li {border:0;}

#sectionnav li a {display:block; padding:5px; color:#036; text-decoration: none;}
#sectionnav li li a {display:block; margin:0 0 0 10px; color:#036; text-decoration: none; width:auto;}
#sectionnav li li li a {display:block; margin:0 0 0 20px; color:#036; text-decoration: none; width:auto;}

#sectionnav li a:hover {color: #fff; background:#666;}
#sectionnav li.navfocus {color: #fff; background:#CCC;}

html>body #sectionnav li a {width:auto;}

/* FOOTER LINKS */
#footer h3 {font-size:0.7em; margin:0 0 5px 0; padding:0; font-weight:600; color:#999;}
#footer h3 a {color:#999; text-decoration:none}
#footer h3 a:hover {color:#999; text-decoration:underline}
#footer h3 a:visited {color:#999; text-decoration:none}
#footer ul {margin: 0; padding: .5em; list-style-type: none; position: relative; font-size:0.7em;}
#footer ul li {margin: 0; padding: .5em 1.5em; display: inline;}
#footer ul li a:link {color: #666; text-decoration: none;}
#footer ul li a:visited {color: #666; text-decoration: none;}
#footer ul li a:hover {color: #333; text-decoration: underline;}
#footer ul li a:active	{color: #666; text-decoration: none;}