/* 
notsolinear.com styles - Navigation
*/


A,A:visited
 {
	color: #993300;
	text-decoration: underline;
}

A:Active,A:hover 
	{
	color: #336600;
	text-decoration: underline;
}

/*main nav styles*/

#mainnav ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	border:0px solid green;
}

#mainnav ul li { 
	display: inline; 
	
}

#mainnav ul li a {
	font-family:Helvetica, arial, san-serif;
	text-decoration: none;
	font-style:italic;
	font-size:14px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	letter-spacing:1px;
	border:0px solid blue;
}

/*the main nav link widths (and drop-down styles) 
need to be manually set for each  section that has 
a different main nav so that the drop-down menus look 
right */

#mainnav ul li a.linkoneInactive {
	width:100px;
	font-family:Helvetica, arial, san-serif;
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 15px;
	font-style:italic;
	font-weight:bold;
}

#mainnav ul li a.linkoneInactive:hover {
	width:100px;
	font-family:Helvetica, arial, san-serif;
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 15px;
	font-style:italic;
	font-weight:bold;
}

#mainnav ul li a.linktwoInactive {
	width:155px;
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 15px;
	font-style:italic;
	font-weight:bold;
}

#mainnav ul li a.linktwoInactive:hover {
	width:155px;
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 15px;
	font-style:italic;
	font-weight:bold;
}

#mainnav ul li a.linkthreeInactive {
	width:83px;
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 15px;
	font-style:italic;
	font-weight:bold;
	border:0px solid black;
}

#mainnav ul li a.linkthreeInactive:hover, #mainnav ul li a.linkthreeInactive:active {
	width:83px;
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 15px;
	font-style:italic;
	font-weight:bold;
	border:0px solid black;
}


#mainnav li ul {
	display: none;
	position: absolute; 
  }

#mainnav li:hover ul { 
	display: block;
	clear: left;
}

#mainnav li div {
	display: none;
	position: absolute; 
  }

#mainnav li:hover  div {
	display: block;
	position: absolute; 
  }


/* Drop down menu styles*/

/*the styles are named "linkone," "linktwo," etc for interchangeability
in the main html template. Each drop down menu has a background graphic
that would be named according to the style name (linkoneDropDownBox.png).
Since there will probably be multiple of these, they should be placed in 
different image directories so they are not overwritten.*/

ul#dropDownLinkOne {
	width:105px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height:100px;
	font-family: helvetica;
	position:absolute;
	z-index:100;
	border:0px solid red;
}

ul#dropDownLinkOne li a {
	width:105px;
	padding: 0px 0px 10px 15px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #993300;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:1px;
}

ul#dropDownLinkOne li a:hover{
	color: #336600;
	font-weight:normal;
}

.dropDownLinkOne {
	top:0px;
	left:0px;
}

div#dropDownLinkOneBox {
	width:120px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height:38px;
	opacity:.90;
	background:#CCCC99;
	border:1px solid #333333;
}

div.dropDownLinkOneBox {
	top:0px;
	left:0px;
}


ul#dropDownLinkTwo {
	width:160px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height:175px;
	font-family: helvetica;
	position:absolute;
	z-index:100;
}

ul#dropDownLinkTwo li a {
	width:160px;
	padding: 0px 0px 10px 15px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #993300;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:1px;
	border:0px solid blue;
}

ul#dropDownLinkTwo li a:hover {
	color: #336600;
	font-weight:bold;
}

.dropDownLinkTwo {
	top:0px;
	left:115px;
}

div#dropDownLinkTwoBox {
	width:175px;
	padding: 10px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	height:205px;
	opacity:.90;
	background:#CCCC99;
	border:1px solid #333333;
}

div.dropDownLinkTwoBox {
	top:0px;
	left:115px;
}



ul#dropDownLinkThree {
	width:125px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height:100px;
	font-family: helvetica;
	position:absolute;
	z-index:100;
	border:0px solid green;
}

ul#dropDownLinkThree li a {
	width:110px;
	padding: 0px 0px 10px 15px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #993300;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:1px;
	border:0px solid blue;
}

ul#dropDownLinkThree li a:hover {
	color: #336600;
	font-weight:bold;
}

.dropDownLinkThree {
	top:0px;
	left:285px;
}


div#dropDownLinkThreeBox {
	width:125px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height:38px;
	opacity:.90;
	background:#CCCC99;
	border:1px solid #333333;
}

div.dropDownLinkThreeBox {
	top:0px;
	left:285px;
}


/* use for rss javascript */

.rss_items {
	padding:0;
	margin:0;
	list-style:none;
}

.rss_item {
	margin-top:5px;
	font-weight:bold;
}

.rss_item li a {
	list-style:none;
	color:#000000;
}

.rss_item li a:hover {
	list-style:none;
	color:#000000;
	text-decoration:underline;
}