@charset "utf-8";
/*-----------------------------------
  PVII Menu CSS Express Drop-Down Menu
  by Project Seven Development
  www.projectseven.com
  ------------------------------------
/* *****************************************************************************
**   LCCF Main Menu CSS Document
**   menu_seven.css
**   2009
**   Version
**   11.6-3
**      w3c passed 11-9
/*   ********************************************************************************* 
	Menu debug history
      added width to menuwrapper for FF  but didn't help FF
      added width to menubar ?? for FF  ?? 
	              -4 480px messed up 
	              -5 66em mess up ie6 didn't help FF   
				  -6 55em fix ff but ie6 still broken
      -7  font-size:100%; in menuwrapper ??to fix ie6  ??   didn't help
	  - 8 remove width on menuwrapper ????  didn't affect FF so don't need this
	  - 9 made p7menubar width 100 %  ???  didn't fix ie6 all others ok
	  -10 remove width on menubar  ie6 now works and FF STILL wokrs
	  -11 remove font-size:100%; in menuwrapper  FF appears to have been cached whole time!!!!!!!!!
	  -12  menubar width to 100% again  - BAD doesn't fix FF and breaks ie6
	  - 13  width 55em  again  does NOT fix FF  breaks ie6
	  - 14 no width on either wrapper or menu bar, no font size 100% 
	  - 15 removed width of li
	  -16 left pad menubar 200
	  -17 left pad menubar  252
	  -18 inc size of drop down box to 15 em
	  -19  font to bold in top menu - messes all up
	  -20  reduce #p7menubar li to 6em - didn't help
	  - 21 return #p7menubar li to 9em and put font wt to bold #p7menubar a - works in all but SAFARI!!!
	  - 22 reduced left and right pad in #p7menubar a from 8 to 6
     6-1   menu wrapper transparent so don't have to use floatl (took floatl out and could not see main pic)
	 6-2   took out padding on left for #p7menubar 
	 6-3   put padding back in again for #p7menubar for FF initial display problem
	 6-4   colors back to normal
/* **********************************************************************/
#menuwrapper {  /* stuff @ the menu like colors, etc */
	border-top: 0px solid #666;   
	border-bottom: 0px solid #666;  
	background-color:transparent;  
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#p7menubar {    
	padding-top:240px ; /* padding to get menu below picture */
	padding-left:252px; /* only reason for this is FF, without it FF always shows menu bar in an INITIAL     position all the way on the left... as soon as moused over it flew into place -- does not appear to hurt other browsers */ 
}

/* originally padding was 0 on both #p7menubar and #p7menubar ul - but had to seperate so to not cancel out padding of #p7menubar (above)  */
#p7menubar ul{  
	padding:0;
}
#p7menubar, #p7menubar ul {
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#p7menubar a {
	display: block; 
	text-decoration: none;   /* gets rid of underlines on anchors*/
	padding:5px 6px 5px 6px; 
	border-right: 0px solid #333;  
	font-size:12px ;   /* DJH was .85em */  /* size of font in menu bar  */
	color: #666;    /* color of font in menu bar  */
	font-weight:bold;   /* bolds items in main menu bar only */
}

#p7menubar a.trigger {
	padding: 5px 16px 5px 10px;
}

#p7menubar li {  /*   makes main menu horizontal */
	float:left;
	width:9em;  /* DJH original value 9em  */
}

#p7menubar li {position: relative;} 

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {  /* width of drop down box  */
	width:15em;  /* DJH was 12em  */
}

#p7menubar ul li a  {    
	color: #eee;  /* made eee just in case as don't know what this affects, original value was #565656  */
	border-right: 0;
	padding: 3px 12px 3px 16px;
}

#p7menubar li ul {
	position: absolute;
	display: none; /*  sucks up drop down items  */
	background-color: #eee;/* background color of drop down items when displaying as a normal list */
	border-right: 1px solid #ccc;/*  borders around total drop down NOT boxes themselves */ 
	border-bottom: 1px solid #ccc;   
	border-left: 1px solid #ccc;    
}

#p7menubar li:hover a, #p7menubar a:focus,    /* colors for THE box in Top Menu that mouse is over NOW  */
#p7menubar a:active, #p7menubar li.p7hvr a {
	color:#fff;    
	background-color:#9d9b9d;  
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {    /* colors for drop down menus, all but one over */
	color:#666; /* DJH was #000000  */
	background-color:#fff;  
	border-bottom:1px solid #ccc;  /* DJH I added -for lines between dropdown items */
}

#p7menubar ul a:hover {   /* DJH colors for THE box in drop down that mouse is over NOW */
	background-color:#9d9b9d!important;  
	color:#FFFFFF!important;  
}