﻿/* CSSNewbie Styles */

#wrap {
   position: relative;
   font-size: 18px;
   width: 700px;
   padding: 50px 20px;
   margin: 0 auto; 
   /*background-color: #fff;*/
   position: relative; 
   }

/* These styles create the dropdown menus. */
/* L1 Styles(?) */   
#navbar {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0;
   }
#navbar li {
   list-style: none;
   float: right; 
   /*width: 100%;*/
   }
#navbar li a {
   display: block;
   padding: 1px 8px;
   /*text-transform: uppercase;*/
   text-decoration: none; 
   text-align:right;
   color:#C6D9F1;   /* dvb.. L1 Text Color */
   /*font-weight: bold; */
   }
#navbar li a:hover {
   color: #C6D9F1; 	/* dvb.. L1 Hover-Text Color */
   background-color: #8EB4E3;	/* dvb.. L1 Hover-BGColor */
   }
#navbar li ul {
   display: none;  
   }
   
/* L2 Styles(?) */   
#navbar li:hover ul, #navbar li.hover ul {
   position: absolute;
   display: inline;
   left: 0;
   width: 100%;
   margin: 0;
   padding: 0; 
   }
#navbar li:hover li, #navbar li.hover li {
   float: right;  	/* dvb.. L2 Text Justification (was left) */
   }
#navbar li:hover li a, #navbar li.hover li a {
   color: #335BAD;		/* dvb.. L2 Text Color */
   }
#navbar li li a:hover {
   color: #335BAD;		/* dvb.. L2 Hover-Text Color */
   background-color: #D1DFFF;	/* dvb.. L2 Hover-BGColor */
   }

/* dvb.. to maintain hover on parent */
#navbar li:hover > a,
#navbar ul ul :hover > a {
	background: #8EB4E3;
	color: #335BAD;
}
/* not needed...
#navbar li a:hover,
#navbar li a:focus {
	color: #335BAD;
}*/
/* End maintain hover on parent */

/* END CSSNewbie Styles */
