#pcm{display:none;}

ul.pureCssMenu ul{
	display:none ;
	z-index: 63000 ; /* Very high number puts top dropdown menu over rr more menu */
}
ul.pureCssMenu li:hover>ul{
	display:block ;
}
ul.pureCssMenu ul{
	position: absolute;
	left:-1px;    /*  Positions first-level submenu, not lower levels! -1px is default, don't know why. */
	top:98%;
	margin-right:20px ;  /* WAS 20 */
}
ul.pureCssMenu ul ul{
	position: absolute;
	left:55%;   /* WAS 35%  Overlaps the higher-level submenu label.  Higher percentage moves it farther left.  */
	top:-2px;   /* Moves second-level submenu up or down relative to its first-level item, Default is -2.   */
}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;   /* 1 0 0 20 positions menu correctly on left, but also indents the submenus, which is bad */
/*	background-color:000066;  */ /*  WAS #ffffff iS BKGD OF ENTIRE MENU, USE WHITE TO SEPARATE BUTTONS */
	background-color:transparent;  /*  WAS #ffffff iS BKGD OF ENTIRE MENU, USE WHITE TO SEPARATE BUTTONS */
	background-repeat:repeat;
	border-color:#000066;       /* IRRELEVANT IF BORDER IS 0 */
	border-width:0px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	width:auto;      /* width of submenu?  */
}
ul.pureCssMenu li{
	display:block;
	margin:1px 0px 0px 1px;   /*  1 0 0 20 positions menu correctly on left, but also indents the submenus and puts too much space between main menu items, both bad */
                                  /*  sEE BODY CODE. MARGIN STYLE THERE MOVES ENTIRE MENU OVER */
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
/*	background-color:#000066; */
	background-color:transparent;
	border-width:0px;
	border-color:#FCEEB0;    /* iRRELEVANT IF BORDER IS 0 */
	border-style:solid;
	text-align:center;
	text-decoration:none;
	padding:3px 5px 3px 5px;  /* top right bottom left */ /* padding around menu labels */
	_padding-left:0;
/*	font:bold 15px fenice BT, Tinos, Garamond, Times New Roman;
*/
  font:bold 18px "PT Sans Narrow", "Arial Narrow", "Arial", "Helvetica", "sans-serif"; /* WAS 15PX */
    /* THE NEXT COLOR AFFECTS THE PureCSSMenu dropdown text, but ALSO the top line text */ 
	/* On dark blue background, text COLOR should be WHITE */
	color: white;   /* PureCSSMenu dropdown menu text About Me Services Samples  */ 
	text-decoration:none;
	cursor:default;
        margin-bottom:1px;  /* Warning: this spaces out the dropdowns, does not add margin below top menu level */
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;
	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#A6A6A6;
	background-image:none;
}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{   /* This is the top menu item, only, when its dropdown is hovered */
/*	background-color:#000066;  */
	background-color:transparent;
	border-color:#4C99AB;
	border-style:solid;
/*
	font:bold 18px fenice BT, Tinos, Garamond, Times New Roman;  */ /* Main menu text when submenu hover */
    font:bold 18px "PT Sans Narrow", "Arial Narrow", "Arial", "Helvetica", "sans-serif";
	color: #ffffff;   /* This color will stick to the top when dropdown is hovered. To make unsticky, use original color (white). */
	text-decoration:none;
        cursor:pointer;
}
ul.pureCssMenu li a:hover{    /* This is whatever top or dropdownmenu item is hovered.  */
	position:relative;
/*	background-color:#000066;  */
	background-color:transparent;
	border-color:#4499AA;
	border-style:solid;
/*	font:bold 15px fenice BT, Tinos, Garamond, Times New Roman; */ /* main and submenu text on hover */
    font:bold 18px "PT Sans Narrow", "Arial Narrow", "Arial", "Helvetica", "sans-serif";
	color: #00ffFF;   /* MAIN AND SUBMENU TEXT ON HOVER */
	text-decoration:none;
        cursor:pointer;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {
	border: none;
	float:left;
	_float:none;
	margin-right:5px;
	width:16px;
	height:16px;
}
ul.pureCssMenu ul img {
	width:16px;
	height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{
	display:inline;
}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{
	display:none;
}

 /* content arrow down-arrow submenu carrot carot arrow symbol symbols are GIFs ! */

ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul{display:none}
ul.pureCssMenu span{
	display:block;
    background-image:url(./images/arrv_black_2.gif);
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:8px;
}
ul.pureCssMenu li:hover>a>span{
	background-image:url(./images/arrv_black_2.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(./images/arrv_black_2.gif)}  
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_black_2.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arr_white_2.gif);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span{background-image:url(./images/arr_white_2.gif)}
ul.pureCssMenu table a:hover table span{background-image:url(./images/arr_black_2.gif)}
ul.pureCssMenu li a.pureCssMenui0{
/* If submenu is also black, there's something else doing it. */
    color:black !important;
	font:n;
	margin-right:7px;   /* this is the white space between top menu items */
    margin-bottom:1px;  /* white space below top level menu items. To keep dropdowns connected, Use padding instead. */
}
ul.pureCssMenu li a.pureCssMenui0:hover{
	font:Arial;        /* was font:o;  error fix this font  wrong font typo ??? */
    color:#00ddff ; 
}
.auto-style1 {
	font-family: Arial;
	font-weight: bold;
	font-size: small;
}


#Contact {
   background-color:TransParent;  /* only background works. for color etc, format a in this id */ 
}
#Samples {
   background-color:TransParent;
}
#AboutMe {
   background-color:TransParent;
}



#DropdownTop a{
   background-color:#000066;
   font-size:13pt;
   margin-top:0px;
   margin-bottom:-1px; 
   border-left:1px solid white;
   border-right:1px solid white;
   border-top:1px solid white; 
   color:white;
}



#DropdownMiddle a {
   background-color:#000066;
   font-size:13pt; 
   margin-top:-1px;
   border-left:1px solid white;
   border-right:1px solid white;
   color:white:
}



#DropdownBottom a {
   background-color:#000066;
   font-size:13pt; 
   margin-top:-1px;
   border-left:1px solid white;
   border-right:1px solid white;
   border-bottom:1px solid white;
   color:white; 
}




#Services a{
   background-color:#000066;
   font-size:13pt;
   margin-top:0px;
   margin-bottom:-1px; 
   border-left:1px solid white;
   border-right:1px solid white;
   border-top:1px solid white;
}
#WebContent a{
   background-color:#000066;
   font-size:13pt;
   margin-top:0px;
   margin-bottom:-1px; 
   border-left:1px solid white;
   border-right:1px solid white;
   border-top:1px solid white; 
}
#Radio a {                /* Only background works for the li ID.  for color etc, format a in this id */
   background-color:#000066;
   font-size:13pt; 
   margin-top:-1px;
   margin-bottom:0px; 
   border-left:1px solid white;
   border-right:1px solid white;
}
#AdCollateral a {
   background-color:#000066;
   font-size:13pt; 
   margin-top:-1px;
   border-left:1px solid white;
   border-right:1px solid white;
}
#DirectMail a {
   background-color:#000066;
   font-size:13pt; 
   margin-top:-1px;
   border-left:1px solid white;
   border-right:1px solid white;
}
#Samples2 a {
   background-color:#000066;
   font-size:13pt; 
   margin-top:-1px;
   border-left:1px solid white;
   border-right:1px solid white;
   border-bottom:1px solid white;
}
#HiTech a {
   background-color:#000066;
   font-size:13pt; 
   margin-top:-1px;
   border-left:1px solid white;
   border-right:1px solid white;
   /*border-top:1px solid white; */
}
#BioProfile a {
   background-color:#000066;
   font-size:13pt; 
   margin-top:-1px;
   border-left:1px solid white;
   border-right:1px solid white;
}
#Resume a {
   background-color:#000066;
   font-size:13pt; 
   margin-top:-1px;
   border-left:1px solid white;
   border-right:1px solid white;
}
#FAQs a {
   background-color:#000066;
   font-size:13pt; 
   margin-top:-1px;
   border-left:1px solid white;
   border-right:1px solid white;
   border-bottom:1px solid white;
}


/*<!-- FOR CONTACT ME LINK NEAR LOGO --> */
.logo1a a.hovercolor:hover {
  color:#0099cc !important;
}

/* IF PHONE, HIDE TOP LINK */
@media only screen and (min-width: 546px) { 
	.OnWIdeScreenHideThis {
     display: none !important ;
    }
}

/* IF COMPUTER, HIDE BOTTOM LINK */
@media only screen and (max-width: 545px) { 
	.OnNarrowScreenHideThis {
     display: none !important ;
    }
} 

/* WHY DON'T THESE WORK? */ 
.rrheadersubmenu {
	color:white ; 
}

.rrheadersubmenu a {
	color:white ; 
}


.rrheadermenu a {
/*color:yellow !important ; */ /*  #yellow was a typo. Correcting it changes color of ALL top menus' text and Contact button */
/* ALSO changes the submenu text, unless somehow overridden */

/* WHOA!  THIS CHANGES THE ENTIRE HEADER, EXCEPT TOP PURECSS MENU AND SMBLUE DROPDOWNS*/
/* color:pink !important ;  */
}













