/* for this demo only */
#nav {margin:20px 0 80px 0;}

/* the styling */
#nav {float:left; padding-left:10px;  height:auto;background:#d1e1ce url("bg.gif") repeat-x bottom;}

#nav .select, #nav .current {margin:2.6em 0 0 0; padding:0; list-style:none; display:block; float:left;}

#nav .sub {margin:0; padding:0; list-style:none;}

#nav li {display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}
#nav .current li {z-index:50;}

#nav .select a, 
#nav .current a {display:block; height:2.5em; float:left; width:100px; background:url("left_both.gif") no-repeat left top; padding:0 0 0 9px; border-bottom:1px solid #765; text-decoration:none; font-weight:bold; line-height:2.4em; white-space:nowrap;}

/* calculate the required widths of the top level */
#nav .one a {width:10em;}
#nav .two a {width:19em;}
#nav .three a {width:9.5em;}
#nav .four a {width:9em;}

#nav .select a b, 
#nav .current a b {height:100%; display:block; background:url("right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#553;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em;}

#nav .select a:hover b {color:#000; cursor:pointer;}

#nav .current a {background-position:0 -150px; border-color:#fff;}
#nav .current a b {background-position:100% -150px; color:#000;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {border-color:#aba; background:#d1e1ce; color:#000;}

#nav .current .sub .current_sub a, 
#nav .current .sub a:hover {border-color:#aba; background:#d1e1ce; color:#000;}

#nav .current .sub, 
#nav .select a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:730px; top:2.5em; background:#fff; margin-top:1px; padding:10px 0 20px 0;}

* html #nav .current .sub, * html #nav .select a:hover .sub {margin-top:0; margin-t\op:1px;}

#nav .current .sub li a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; background:#fff; border:1px solid #ddd; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:2em; line-height:1.9em;}

#nav .select a:hover, 
#nav li:hover a {background-position:0% -150px; border-color:#fff;}

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -150px; border-color:#fff; color:#000;}

/* calculate the left edge position of each sub level */
#nav .one .sub {left:0;}
#nav .two .sub {left:-10em; margin-left:-9px;}
#nav .three .sub {left:-29em; margin-left:-18px;}
* html #nav .three .sub {margin-left:-9px; marg\in-left:-18px;}
#nav .four .sub {left:-38.5em; margin-left:-27px;}
* html #nav .four .sub {margin-left:-18px; marg\in-left:-27px;}


.h_line { border-bottom: 1px solid #d8d8d8; margin: 5px; }

.control {float: right;display: block; margin: 0 5px;font-size: 9pt; font-weight: bold;	text-decoration: none;	text-transform: uppercase;	color: #999;}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;    
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    }
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;}
.highslide-wrapper {
	background-color: white;}
.highslide-wrapper .highslide-html-content {
    width: 525px;
    padding: 0px;}
.highslide-wrapper .highslide-header div {}
.highslide-wrapper .highslide-header ul {	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {}
.highslide-move {
    cursor: move;}
.highslide-resize {
    cursor: nw-resize;}
    .key_f{ color:#fff; font-size:13px; font-weight:bold;}
/* These must be the last of the Highslide rules */
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.popular_paging_link { font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS" , Tahoma; font-size: 11px; padding-left: 10px; padding-top: 1px; float:right;}
.popular_paging_link a { text-decoration: none; margin-right: 2px; padding: 3px; color: #ffffff; background-color: #333333; border: 1px solid #000000; display: block; float: left; }
.popular_paging_link a.paging_onselect { text-decoration: underline; margin-right: 2px; padding: 3px; color: #ffffff; background-color: #333333; border: 1px solid #000000; display: block; float: left; }
.popular_paging_link a:hover { text-decoration: underline; margin-right: 2px; padding: 3px; color: #ffffff; background-color: #333333; border: 1px solid #000000; display: block; float: left; }