@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 */

#middlemenuwrapper{
background-color:#003366;
width:1600px;
}

#firstline1{
/*  The second menu bar has to be placed before the top bar because of IE */
width:1600px;
height:3px;
background-color:#003366;
position:relative;
margin-top:-3px;
/* the margin for IE has to be 23px and 21px for firefox */
}

#firstline2{
/*  The second menu bar has to be placed before the top bar because of IE */
width:1600px;
height:2px;
background-color:#003366;
position:relative;
margin-top:-24px;
/* the margin for IE has to be 23px and 21px for firefox */
}

#firstline3{
/*  The second menu bar has to be placed before the top bar because of IE */
width:1600px;
height:2px;
background-color:#003366;
position:relative;
margin-top:0px;
/* the margin for IE has to be 23px and 21px for firefox */
}


#secondbar2{
/*  The second menu bar has to be placed before the top bar because of IE */
width:1600px;
height:22px;
background-color:#CC9966;
position:relative;
margin-top:23px;
/* the margin for IE has to be 23px and 21px for firefox */
}

#outer2 {
/*width:750px; original setting */
width:1067px;
height:22px;
/*height:81px; */
position:relative; 
float:left;
background-color:#996633; 
margin-top:-46px; 
}

#menuHolder2 {
position:relative; 
float:left;
left:50%;
background-color:#996633;
/* Added background color to see the div location, but leave at 50% to center menu items */
width:1067px; 
height:22px;
}

#dropline2 {
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:22px;
}

#dropline2 div.inner {
padding-top:2px; 
/* margin:0 auto; */
margin-top:0px;
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:22px;
}

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

#dropline2 li {float:left;}

#dropline2 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:22px;
padding:0 20px 0 0; 
/*background-color:#66CC99;*/
/* line-height:50px; original setting */
line-height:22px;
text-decoration:none;
color:#FFCC99;

}

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

#dropline2 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:22px;   
margin-top:0px;
/*  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 14px;
font-weight:bold;
font-size:11px;
/*background-color:#FF3399;*/
cursor:pointer;

border-left-style:solid;
border-left-width:1px;
border-left-color:#FFFFFF;

}

#dropline2 li a:hover {

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

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

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

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

	#dropline2 li.current a, #dropline2 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 */
	}
	
	#dropline2 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 */
	}

#dropline2 :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 */
}

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

	#dropline2 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;
	}
	
	#dropline2 li.current div.lineHolder {
	float:left; 
	position:relative; 
	left:50%;
	/*width:100%; */
	}

	#dropline2 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;
	}

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

#dropline2 ul li {float:left;}

#dropline2 ul li a {
/*color:#fff; */
color:#FFFFFF;
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:22px; 
line-height:22px; 
/* 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;*/
}

#dropline2 ul li a span {
/* height:29px; */
/* change height and line-height to modify the left border layout, do same with code above */
height:22px; 
line-height:22px; 
/*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:#FFFFFF;
}

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

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

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

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

#dropline2 :hover ul li a:hover {
position:relative; 
background-color:transparent;
color:#996633;

}



	#dropline2 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;
	}
	
	#dropline2 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;*/
	}
	
	#dropline2 li.current ul ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	position:absolute; 
	left:-9999px; 
	width:0;
	}