@charset "utf-8";
/* CSS Document */

#info {overflow:hidden;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/multi-ski.html
Copyright (c) 2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */


/* modified by Carlos; don't use class "current" for the main web index page */


#outer {
/*width:750px; original setting */
width:1500px;
height:20px;
/*height:81px; */
position:relative; 
float:left;
/*background-color:#6699CC;*/
margin-top:-151px; 
}

#menuHolder {
position:relative; 
float:left;
left:50%;
/*background-color:#6699CC;*/
/* width will determine how far left you want the menu to be; 100% will place it on the left screen */
width:58%;  
height:20px;
}

#dropline {
padding:0px; 
list-style:none; 
text-align:center; 
margin-left: 0px;
float:left; 
position:relative; 
right:50%;
/* you can ajust right to 55% to move the bottom line left */ 
font-size:12px; 
font-family:arial, sans-serif;
/*height:41px;  at the moment this height doesn't affect the menu overall */
height:20px;
}

#dropline div.inner {
padding:0; 
/* margin:0 auto; */
margin-top:1px;
list-style:none; 
position:absolute; 
/*left:-9999px; */
left:-950px;
text-align:center; 
/*background:#84c7e0;*/ 
/*This creates a background bar behind the sub menu items.*/
z-index:20;
height:20px;
}

/* * html #dropline div.inner {width:expression(document.getElementById('dropline').offsetWidth);} /* for IE6 */ 

#dropline li {float:left;}

#dropline li a {
/* this block code affects menu items that don't have the class "sub" assigned to the <a href> link */
display:block; 
float:left; 
/* height:51px; */
height:20px;
padding:0 6px 0 0; 
/*background-color:#66CC99;*/
/* line-height:50px; original setting */
line-height:11px;
text-decoration:none;
color:#fff;

}

#dropline li a.sub {
display:block; 
float:left;
/*height:51px; this height must match the bottom code block */
height:20px;
/* padding:0 25px 0 0; */
padding:0 6px 0 0;
/* background-color:#66CC99; */
/*line-height:50px; */
line-height:11px;
text-decoration:none;
color:#FFCC99;
}

#dropline li a span {
display:block; 
/*height:51px; this moves the area where you can move your mouse to the submenu items; must be next to submenu area */
height:11px;   
margin-top:6px;
/*  changing the height and margin-top will change the size of the left border, in relation to line height of a.sub above */
float:left; 
/*padding:0 0 0 20px; */
padding:0 0 0 6px;
font-weight:bold;
font-size:11px;
/*background-color:#FF3399;*/
cursor:pointer;
border-left-style:solid;
border-left-width:1px;
border-left-color:#FFCC99;
}

#dropline li a:hover {

background-position:right bottom; 
color:#FFFFFF;
/* line-height:40px;*/
line-height:11px;
background-color:#CC9966;
/* this adds background color when hover over menu items */
}

#dropline li a:hover span {background-position:left bottom;}

#dropline li:hover > a {
background-position:right bottom; 
color:#FFFFFF; 
/*line-height:40px; this code affect the hover of menu items */
line-height:11px;
}

#dropline li:hover > a span {background-position:left bottom;}

	#dropline li.current a, #dropline li.current a:hover {
	background-position:right bottom; 
	/*color:#008;*/
	color:#6600CC; 
	/*line-height:40px;*/
	line-height:25px;
	background-color:#FFFF33;
	/* this code assigns the background color and color text and location of text for current selected menu item */
	}
	
	#dropline li.current a span {
	background-position:left bottom; 
	/*font-weight:normal;*/
	font-weight:bolder;
	/* this code sets the font weight of the current selected menu item */
	}

#dropline :hover div.inner {
left:0; 
/*top:51px; original setting */
/* top:32px; second setting */
top:22px;
/*height:29px; this height currently doesn't affect the current menu design */
/* the height affects the back background div in the submenu items */
}

#dropline :hover div.lineHolder {
float:left; 
position:relative; 
/*left:50%;*/
left:50%;
/*width:100%;
 this width must be the same as the #dropline ul to work */
}

	#dropline li.current div.inner {
	left:0; 
	/*top:51px; this moves the current select menu items to the location below the parent menu items */
	top:32px; 
	z-index:10;
	}
	
	#dropline li.current div.lineHolder {
	float:left; 
	position:relative; 
	left:50%;
	width:100%;
	}

	#dropline li.current ul {
	/* this code block doesn't apply because we don't have sub sub menu items */
	float:left; 
	position:relative; 
	right:50%; 
	height:29px;
	}

#dropline ul {
padding:0; 
margin:0; 
list-style:none; 
position:relative; 
float:left; 
right:50%;
/*width:100%;
 addding width to 100% will move submenu items to the left side of screen */
}

#dropline ul li {float:left;}

#dropline ul li a {
color:#fff; 
float:left; 
/*height:29px; This height must be the same as the code below */
/* change height and line-height to modify the left border layout, do same with code below */
height:12px; 
line-height:14px; 
/* padding:0 10px 0 0; Minimum padding is currently 10px to fit the longest submenu list */
padding:0 0px 0 0;
/*background-color:trasparent;*/
/*background:#84c7e0;*/
}

#dropline ul li a span {
/* height:29px; */
/* change height and line-height to modify the left border layout, do same with code above */
height:12px; 
line-height:14px; 
/*padding:0 0 0 10px; Minimum padding is currently 10px to fit the longest submenu list */
padding:0 0px 0 0px;
/*  assign padding in the code due to different sizes in submenus */
/*background:#84c7e0;*/ 
font-weight:bold;
background-color:transparent;
border-left-style:solid;
border-left-width:1px;
border-left-color:#fff;
}

#dropline ul ul {
padding:0; 
margin:0; 
list-style:none; 
position:absolute; 
left:-9999px;
width:0;
}

	#dropline li.current ul li.current_sub a span {
	/*color:#008; original setting */
	color:#9933CC;
	background-color:#FFFF33;
	}

	#dropline li.current ul li a.drop {
	padding:0 14px 0 0; 
	}

	#dropline li.current ul li.current_sub a.drop {
	padding:0 14px 0 0; 
	
	}

#dropline :hover ul li a:hover {
position:relative; 
background-color:transparent;
color:#336699;
}



	#dropline li.current ul li a {
	color:#000; 
	/* height:29px; */
	height:25px; 
	line-height:27px; 
	/*padding:0 10px 0 0; */
	padding:0 20px 0 0;
	/*background:#84c7e0;*/
	background-color:#663399;
	}
	
	#dropline li.current ul li a span {
	/*height:29px; This height must match the previous code block */
	height:25px;
	line-height:27px; 
	padding:0 0 0 10px; 
	/*background:#84c7e0;*/
	}
	
	#dropline li.current ul ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	position:absolute; 
	left:-9999px; 
	width:0;
	}