/*********************************************************/
/*                                                       */
/*   CALIGREAN.COM V2.0 DROPDOWNS STYLE SHEETS           */
/*                                                       */
/*********************************************************/


ul {
	position:absolute; top:2px; left:15px;
	padding: 0;
	margin:0;
	list-style: none;
  }
ul.pediamain {
	position:absolute; top:140px; left:5px;
	padding:0;
	margin:0;
	list-style: none;
  }
ul.pediaarts {
	position:absolute; top:385px; left:5px;
	padding: 0;
	margin:0;
	list-style: none;
  }
ul.pediadrakes {
	position:absolute; top:345px; left:5px;
	padding: 0;
	margin:0;
	list-style: none;
  }
ul.pediageo {
	position:absolute; top:344px; left:5px;
	padding: 0;
	margin:0;
	list-style: none;
  }
ul.pediahist {
	position:absolute; top:410px; left:5px;
	padding: 0;
	margin:0;
	list-style: none;
  }
ul.pediamagic {
	position:absolute; top:730px; left:5px;
	padding: 0;
	margin:0;
	list-style: none;
  }
ul.storymain {
	position:absolute; top:140px; left:5px;
	padding: 0;
	margin:0;
	list-style: none;
  }
ul.storyreur {
	position:absolute; top:545px; left:5px;
	padding: 0;
	margin:0;
	list-style: none;
  }
ul.storyaffe {
	position:absolute; top:410px; left:5px;
	padding: 0;
	margin:0;
	list-style: none;
  }
ul.storyweard {
	position:absolute; top:550px; left:5px;
	padding: 0;
	margin:0;
	list-style: none;
  }
ul.storymmm {
	position:absolute; top:535px; left:5px;
	padding: 0;
	margin:0;
	list-style: none;
  }
ul.storyseru {
	position:absolute; top:470px; left:5px;
	padding: 0;
	margin:0;
	list-style: none;
  }
ul.storynik {
	position:absolute; top:407px; left:5px;
	padding: 0;
	margin:0;
	list-style: none;
  }
#nav a {
	font-weight: strong;
	color: #FFF;
}

#nav a {
	text-decoration: none;
}

#nav li li a {
	display: block;
	font-style: arial, helvetica;
	font-size:12px;
	font-weight: bold;
	color: #999;
	padding:0;
	margin:0;
}

#nav li li a:hover {
	color: #FFF;
	padding:0 0 0 0;
	margin:0;
	}

li {
	font-weight:normal;
	float: left;
	position: relative;
	width: 138px;
	text-align: left;
	cursor: default;
	color:#999;
	background-color: black;
	border: 0;
	margin:0;
	padding:0;
}

/* MAIN DROPDOWNS STYLES */

li.latest {
	float: left;
	position: relative; 
	width: 127px;
	text-align: left;
	cursor: default;
	color: #FFF;
	background-color:transparent;
	border: 2px solid #DDD;
	border-width: 0 1px 0 0;
	margin:0;
	padding:0;
}
li.stories {
	float: left;
	position: relative; left:15px;
	width: 78px;
	text-align: left;
	cursor: default;
	color: #DDD;
	background-color:transparent;
	border: 2px solid #DDD;
	border-width: 0 1px 0 0;
	margin:0;
	padding:0;
}
li.pedia {
	float: left;
	position: relative; left:30px;
	width: 127px;
	text-align: left;
	cursor: default;
	color: #DDD;
	background-color: transparent;
	border: 2px solid #DDD;
	border-width: 0 1px 0 0;
	margin:0;
	padding:0;
}
li.contact {
	float: left;
	position: relative; left:45px;
	width: 107px;
	text-align: left;
	cursor: default;
	color: #DDD;
	background-color: transparent;
	border: 2px solid #DDD;
	border-width: 0 1px 0 0;
	margin:0;
	padding:0;
}
li.about {
	float: left;
	position: relative; left:60px;
	width: 54px;
	text-align: left;
	cursor: default;
	color: #DDD;
	background-color: transparent;
	margin:0;
	padding:0;
}

/* ENCYCLOPEDIA DROPDOWN STYLES */

li.pediamain {
	float: left;
	position: relative; 
	width: 108px;
	cursor: default;
	color: #999;
	background-color:transparent;
	margin-left:2px;
	padding:0 0 6px 0;
}

li.pediaheads {
	float: left;
	position: relative;
	width: 120px;
	font-size:12px;
	text-align: left;
	cursor: default;
	background-color:transparent;
	margin:0;
	padding:5px 0 5px 0;
	border:0;
}

/* STORIES DROPDOWN STYLES */

li.storymain {
	float: left;
	position: relative; 
	width: 108px;
	cursor: default;
	color: #999;
	background-color:transparent;
	margin-left:2px;
	padding: 0 0 6px 0;
}

li.storyheads {
	float: left;
	position: relative; 
	width: 120px;
	font-size:12px;
	text-align: left;
	cursor: default;
	background-color:transparent;
	margin:0;
	padding:5px 0 5px 0;
	border:0;
}

/* OTHER, BUT IMPORTANT */

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding:0;
	border: 0;
}
li ul.pedia {
	display: none;
	position: absolute;
	top: 0px;
	left: -100px;
	width:90px;
	font-weight: normal;
	padding:0;
	border:0;
}
li ul.history {
	display: none;
	position: absolute;
	top: 0px;
	left: -128px;
	width:90px;
	font-weight: normal;
	padding:0;
	border:0;
}
li ul.story {
	display: none;
	position: absolute;
	top: 0px;
	left: -159px;
	width:150px;
	font-weight: normal;
	padding:0;
	border:0;
}

li>ul {
	top: auto;
	left: auto;
}

li li {
	display: block;
	float: left;
	position:relative; top:2px;
	background-color:#583311;
	margin:0;
	padding:2px 0 2px 6px;
	border: 0;
}
li li.left {
	display: block;
	float: left;
	position:relative; top:2px;
	width:91px;
	background-color:black;
	margin:0;
	padding:2px 0 2px 6px;
	border: 0;
}
li li.history {
	display: block;
	float: left;
	position:relative; top:2px;
	width:120px;
	background-color:black;
	margin:0;
	padding:2px 0 2px 6px;
	border: 0;
}
li li.story {
	display: block;
	float: left;
	position:relative; top:2px;
	width:150px;
	background-color:black;
	margin:0;
	padding:2px 0 2px 6px;
	border: 0;
}
li li.cdrop {
	display: block;
	float: left;
	position:relative; top:2px;
	width:102px;
	background-color:#583311;
	margin:0;
	padding:2px 0 2px 6px;
	border: 0;
}

li:hover ul, li.over ul{ display: block; }