a/* 
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
 */


/* - - - Nested tabs, two-level navigation - - - */

#nav   { background-color: white; position: relative; width: 850px }

.navig  { line-height: 1; background-color: white; display: block; position: relative; border-right: 1px }

/* remove all list stylings */
.navig, .navig ul  { background-color: white; list-style-type: none; margin: 0; padding: 0; border: 0 }

/* move all list items into one row, by floating them */
.navig li  { background-color: white; display: block; margin: 0; padding: 0; float: left; border: 0 }

/* initialy hide all sub menus */
.navig ul  { background-color: white; visibility: hidden; display: block; position: absolute; left: 0; width: 100%; clear: both }

/* -- float.clear -- force containment of floated LIs inside of main UL */
.navig:after  { background-color: white; visibility: hidden; display: block; height: 0; clear: both; overflow: hidden; content: "." }
/* -- float.clear.END --  */

.navig li.selected ul, .navig li.selected2 ul, .navig li:hover ul  { background-color: white; visibility: visible }

.navig li.selected, .navig li.selected2 ul  { background-color: white; z-index: 10 }

.navig li:hover ul  { background-color: white; z-index: 100 }

/*		Navigation make-up 	*/

.navig     { color: black; font-size: 13px; font-family: Georgia, Georgia; font-weight: normal; background-color: white; padding: 2px 3px; width: 760px }


.navig a     { color: black !important; font-size: 13px; font-family: Georgia, Georgia; font-weight: normal; text-decoration: none; background-color: white; display: block; padding: 2px 3px }

.navig li     { color: black; font-size: 13px; font-family: Georgia, Georgia; font-weight: normal; background-color: white; margin: 0; padding: 2px 3px }

/* if the following selector was ".navig li:hover a" IE7 will NOT render nested UL! the reason is the background-color rule. */
.navig li:hover  { color: #000; background-position: center bottom }
/* which is why the link is styled separatelly */
.navig li:hover a   { color: black !important; font-family: Georgia; font-weight: normal; text-decoration: underline; background-color: white; background-image: none; background-repeat: repeat-x; background-attachment: scroll }

.navig li:hover ul   { color: black !important; font-family: Georgia; font-weight: normal; background-color: white; background-image: none }

.navig li:hover li   { color: black !important; font-family: Georgia; font-weight: normal; background: white repeat-x center 0 }


.navig ul   { color: black !important; font-family: Georgia; font-weight: normal; background-color: white; margin-left: -1px; top: 30px; width: 762px }

.navig li li   { color: black !important; font-family: Georgia; font-weight: normal; background-color: white }

.navig li li a   { color: black !important; font-family: Georgia; font-weight: normal; background-color: white }

.navig li li a:hover  { color: black !important; font-family: Georgia; font-weight: normal; text-decoration: none; background-color: white }

/* fix the colors for selected item and submenu, for better usability */

.navig li.selected a, .navig li.selected .navig li.selected a:hover   { color: black; font-family: Georgia; font-weight: normal; background-color: white; background-attachment: scroll; background-position: 0 center }

.navig li.selected, .navig li.selected:hover a, .navig li.selected ul  { color: black; font-family: Georgia; font-weight: normal; background-color: white }

.navig li.level2 a, .navig li.level2:hover a  { color: black; font-family: Georgia; font-weight: normal; background-color: white; padding: 2px 6px }

.navig li.selected2 a  { color: black; font-family: Georgia; font-weight: normal; background-color: white; padding: 2px 6px }


/* IE5/Mac: \*//*/

.navig {
	display: inline-block;
}

.navig a {
	float: left;
}

.navig li ul {
	top: 1.8em;
	height: 2em;
}

.navig li li, .navig li li a {
	display: inline;
	float: none;
}

/*  */