@import url('../../affinity-user-modifiable/css/top-menu.css');

/* CSS Style used for dropdown menu as an add-on to the Affinity Kit. */
/* Last revision: July 11, 2008 */
/* See instructions in the ReadMe file elsewhere in this folder */
/* This CSS provides for only one level of dropdown. */
/* Original source of coding provided and further documentation can be found here: */
/* http://htmldog.com/articles/suckerfish/dropdowns/ */
/* Please email the GRC Webteam for comments and question. */

/* ABBREVIATIONS */
/* TL = Top Level Navigation Menu */
/* DD = Dropdown Navigation Menu */

#suckerfishnavdiv {  /* Replaces the div for the menu ID in the main style.css. See Readme file */
border:0;
padding:0;
margin:-30px 0px -3px 0px;
height:32px;
line-height:32px;
}

/* For Opera 9.4 and below. Not needed for Opera 9.5 and above. Fixes disappearance of padding/margin underneath navigation bar, between navigation and content + side navigation.  */
head~body:lang(en) #suckerfishnavdiv { 
height:13px 
}

#suckerfishnav {   /* TL Font Size, Family, Weight go Here */
font-size:14px;  /*TL FontSize px*/
line-height:32px;
font-family:Arial, Helvetica, sans-serif; /*TL Font Family*/
font-weight:bold;  /*TL Font Weight */
margin:0;
padding:0;
border:0;
}

#suckerfishnav, #suckerfishnav ul { /* More TL Attributes */
background: #2e2e2e url(../images/main_nav_bg.gif) top repeat-x;  /*TL Background Color, Regular State */
float:left;
list-style:none;
line-height:32px;
padding:0;
border:0px;   /* TL BorderWidth solid TL BorderColor */  /* This is the border for the full menu*/
margin:0 0 1px 0;
width:100%;
z-index:1; /* Helps ensure that navigation visually appears over underlying page elements. */
}

ul#suckerfishnav li { /* This element is taken from the 2008 Affinity style sheet. TL only, please. */
border-right:1px solid #000;  /* B1*/
border-left:1px solid #666;  /* B2 */
}

/* USER VARIABLE, If Necessary */
/* if you need to decrease TL horizontal padding for a text-heavy TL */
#suckerfishnav a {  /* TL a */
display:block;
color:#fff;  /*TL Text Color*/
text-decoration:none;
padding:0px 10px; /*TL Padding, with Only Horizontal Padding being adjustable, if desired*/
}

#suckerfishnav li { /* TL li*/
float:left;
padding:0;
}

#suckerfishnav li a { /* TL li a*/
text-align:center;  /*Centers only link elements; centering only li causes IE6 to move child li element over, centering at left edge of child li element */
}

#suckerfishnav li ul {  /*DD ul */
position:absolute;
left:-999em;
height:auto;
width:100%; /* DD UL Width (Essentially Overwritten in USER VARIABLES below) */ 
font-weight:normal;
margin:0;
line-height:1;
-moz-opacity:1; /*DD Opacity, from 0 to 1 */  /*NOTE: May want to remove*/
opacity:1;  /*DD Opacity, from 0 to 1 */
khtml-opacity:1; /*DD Opacity, from 0 to 1 */
}

#suckerfishnav li li {  /* DD LI */
padding-right:1px;
width:100%; /* DD UL Width (Essentially Overwritten in USER VARIABLES below) */ 
border:0; /*Zero's out any further borders, except for the one defined below. TEST IN IE !!! */
border-top:1px solid #1c1c1c;  /*DD Horizontal Border Width, solid, #color*/  /*darker color*/
border-bottom:1px solid #434343;  /*DD Horizontal Border Width, solid, #color*/  /*lighter color*/
border-left:1px solid #434343;  
border-right:1px solid #434343;  
background-color:#2d2d2d;
}

#suckerfishnav li li a {
padding:8px 10px;  /*DD Vertical Padding, Horizontal Padding (currently fixed at 10px)*/
text-align:left; /*Latest*/
}

* html #suckerfishnav li li a { /* IE6: helps ensures user can click on a link across entire DD li element in IE6, not only on text; compensates for IE6's interpretation of box model */
width:90%;
}

#suckerfishnav li ul li {   /* DD */
font-weight:normal;
font-family:Arial, Helvetica, sans-serif; /*DD Font Family */
line-height:15px;
}

#suckerfishnav li ul li a { /*DD A */
font-size:12px;  /*DD Font Size*/
color:#b2b2b2;  /*DD Font Color*/
}

#suckerfishnav li:hover ul li a , #suckerfishnav li.sfhover ul li a {
color:#fff;  /*DD Hover Font Color*/
}

#suckerfishnav li ul ul {
margin:-0px 0 0 0px;
}

#suckerfishnav li ul li:hover {  /*DD Hover attributes */
background:#252525; /*DD Hover Background Color Hover*/
}

#suckerfishnav li ul li:hover a {
color:#fff;  /*DD Hover Text Color*/
text-decoration:underline;
}

#suckerfishnav li ul li:hover li a {
color:#b2b2b2; /*DD Text Color*/
}

#suckerfishnav li ul li li:hover a {
color:#fff; /*DD Hover Text Color */
}

#suckerfishnav li ul li ul li:hover ul li a {
color:#b2b2b2; /*DD Text Color */
}

#suckerfishnav li ul li ul li:hover ul li:hover a {
color:#fff;  /*DD Hover Text Color*/
}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {
left:-999em;
}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {
left:auto;
background:#2e2e2e; /*DD Background Color */
background-image:none;  /* May be redundant */
}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background: #2e2e2e url(../images/main_nav_bg.gif) bottom repeat-x;  /*TL Background, Hover State */
}

#suckerfishnav li.sfhover li.sfhover a { /*Undoes background image for DDs in IE6 and styles it appropriately */
background-image:none;  
background-color:#252525;
text-decoration:underline;
color:#fff;
}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
color:#fff; /* TL Hover Text Color */
}

/*Removes left white border that appears in TL a in IE6*/

* html body ul#suckerfishnav li#one a, * html body ul#suckerfishnav li#two a, * html body ul#suckerfishnav li#three a, * html body ul#suckerfishnav li#four a, * html body ul#suckerfishnav li#five a, * html body ul#suckerfishnav li#six a, * html body ul#suckerfishnav li#seven a, * html body ul#suckerfishnav li#eight a, * html body ul#suckerfishnav li#nine a, * html body ul#suckerfishnav li#ten a { 
border-left:0px;
}

/* USER VARIABLES, IF NECESSARY */
/* Styling DDs for BODY SWITCHER (see global style.css) for ON states. This removes the background image from all children (DD) of the parent (TL). You SHOULD not need to add to these rules unless you go over 10 nav items */
body ul#suckerfishnav li#one ul li a, body ul#suckerfishnav li#two ul li a,  body ul#suckerfishnav li#three ul li a, body ul#suckerfishnav li#four ul li a, body ul#suckerfishnav li#five ul li a, #body ul#suckerfishnav li#six ul li a, body ul#suckerfishnav li#seven ul li a, body ul#suckerfishnav li#eight ul li a, body ul#suckerfishnav li#nine ul li a, body ul#suckerfishnav li#ten ul li a {
	background-image:none; /* Removes background image*/
	border-right:none; /*Borders styled elsewhere*/
	border-left:none; /*Borders styled elsewhere*/
	}
	
	/* AND does the above in IE6 */

body ul#suckerfishnav li#one ul li.sfhover, body ul#suckerfishnav li#two ul li.sfhover, body ul#suckerfishnav li#three ul li.sfhover, body ul#suckerfishnav li#four ul li.sfhover, body ul#suckerfishnav li#five ul li.sfhover, body ul#suckerfishnav li#six ul li.sfhover, body ul#suckerfishnav li#seven ul li.sfhover, body ul#suckerfishnav li#eight ul li.sfhover, body ul#suckerfishnav li#nine ul li.sfhover, body ul#suckerfishnav li#ten ul li.sfhover {
	background-image:none; /* Removes background image*/
	background-color:#252525;
	width:inherit;
	}