/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.75em;
	background-color: #096;
}
#wrapper {
	position:relative;
	text-align: left;
	margin: 0 auto;
	width: 724px;
	background: #ffc;
}
#main {
	padding: 50px 10px 10px 10px;
}
/*NAVIGATION*/
 
/* reset browser defaults for unordered lists, to avoid possible unexpected behavior */ 
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
li {
	padding:0;
	margin:0;
}
/* wrapper helpful for positioning on page without messing with main menu style */
#navwrap {
	float:left;
	padding-left:3px;
	background-color:#ffc;
}
/* it helps to arrange menu styles in order of increasing specificity */
/* first two styles, #nav li and #nav a apply to entire menu, unless over-ridden */

#nav li {
	float: left;
	position: relative;
	cursor: default;
	background-color: white;/*line-height: 30px;*/
	background: #069;  /* color moved from "a" element to "li" to demonstrate IE6 bug */
}
#nav a {
	font-weight: bold;
	color: #fff;
	text-align: center;   /* keeps text aligned in block.  do not put text-align on <li> or IE7 will put the submenu below the center of the top menu */
	border-right:2px solid #ffc; /*border color matches background of wrapper */
	text-decoration: none;
	width:102px;    /*variable widths can be used too */
	padding:8px 8px 8px 8px;  /*preferred to line height if menu items expand to two rows */
	display: block;     /* without this, IE7 displays a nasty bug, in which the submenu is shifted to the right */
	/*background: #069; */ /* if this color is not set here, but instead is set on the li element, an error with the dropdowns can occur */
}
/* from here down, every style is in some way overriding the base styles */
#nav a:hover {
	background: #000;    /* background turns black on hover */
	text-decoration:underline;   /* text changes from plain to underline on hover */
}
#nav li li {
	float: none;  /* makes drop downs vertical instead of horizontal */
}
#nav li li a {
	width:102px;  /* this can be omitted if subs have same width as main headings */
	border-right:none; /* this is only really needed if the background color is different than the border color; in most layouts the border wouldn't be visible */
}
#nav li ul {
	display: none;    /* submenu is not visible until hover or .over (driven by JS) */
	position: absolute;  /* postioned absolutely, relative to parent <li> on top menu */
	top: 100%;   /* 100% of containing element height = #nav li, so the top of the submenu ul is at the bottom of the parent li */
	left: 0;  /* submenu lined up with the left side of the parent li.  move this if desired */
}
#nav li>ul {   /* overrides previous style for browsers that understand selector */
	top: auto;
	left: auto;
}
#nav li:hover ul, #nav li.over ul {
	display: block;  /* overrides display:none to make submenu visible  NB! the .over class is the thing the javascript generates */
}
/* the following styles give the specific colors to specific li's and cascade down to any <a> elements in the submenus as well */

li#scripting a {
	background: #069;
}