/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

		
/*---------------
 Main Nav
----------------*/
#main-nav_wrap {
	clear:both;
	margin:0 auto;
	width:996px;
	height:60px;
	padding:0;
	background-position:center;
	background-repeat:no-repeat;

}
	
#main-nav{
	position:relative;
	margin:0 auto;
	width:970px;
	overflow:visible;}

	/* main menu ul or ol elment */
	ul#nav{
		display:block;
		position: absolute;
		list-style:none;
		margin:13px 0 0;
		z-index:5;
		top:0;
		left:0}
		
		/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
			ul#nav li { 
				background:url(../images/nav_border.png) no-repeat center right;
				display:block;
				padding-left:1px;
				list-style:none;
				position:relative;
				float:left;}
		
				ul#nav li a, 
				#MainMenuSub a{
					text-decoration:none;
					display:block;}

				/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
				ul#nav li a{
					margin:0;
					float:left;
					color:#ffffff;
					text-decoration:none;
					font-family:Verdana, Geneva, sans-serif;
					display:block;
					height:47px;
                                        width:100px;
text-align:center;
vertical-align:text-bottom;
					font-size:1.0em; /*1.25em*/ 
					/*font-weight:bold;*/
					padding:0 8px 0;}
					ul#nav li a span {
						display:block;
						padding-top:9px;}
						ul#nav li li a span { display:inline; padding-top:0}
						ul#nav li a span.sub { 
							display:block;
							font-size:.7em;
							padding-top:0;
							color:#ffffff;
							font-family:Arial, Helvetica, sans-serif;
							font-weight:normal; 
							margin-top:3px;
							letter-spacing:normal;
                                                }
						ul#nav li li a span.sub{
                                                        display:inline; 
                                                        font-size:2em; /*mmmmmmmmmmmmmmmm*/
                                                        margin-top:0;
                                                }
					
					ul#nav li a img, 
					#MainMenuSub a img { float:none; margin:-3px 7px -3px 0}

				/* All menu links on hover or focus */
				ul#nav li a:hover, ul#nav li a:focus, 
				#MainMenuSub a:hover, #MainMenuSub a:focus, 
				ul#nav a.mainMenuParentBtnFocused, #MainMenuSub a.subMenuParentBtnFocused{
					color:#ffffff;}

				/* sub menu links on hover or focus */
				ul#nav li li a:hover, #nav li a:focus,
				#MainMenuSub li a:hover, #MainMenuSub  li a:focus, 
				#nav a.mainMenuParentBtnFocused, #MainMenuSub a.subMenuParentBtnFocused{
					color:#ffffff;}



/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0;
	margin:0 0 0 -1px;}


/* All ULs and OLs */
ul#nav ul, ul#nav ol, 
#MainMenuSub ul, #MainMenuSub ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;}
	ul#nav {
		list-style: none; 
		line-height: 1em; 
		padding:0;}
	
	

	/* All submenu OLs and ULs */
	ul#nav ul, 
	#MainMenuSub ul {	
		left:0;
		border-width:1px;
		border-style:solid;
		border-top:none;
		width:380px;}
		ul#nav ul li,
		#MainMenuSub ul li { 
			display:inline-block;
			border-bottom-style:solid;
			border-bottom-width:1px;}
		ul#nav ul li a, 
		#MainMenuSub ul li a { 
			padding:9px 0 9px 20px;
			width:170px;
			color:#000000;
			display:inline-block;
			font-size:.9em;
			border-right-width:1px;
			border-right-style:dotted;
			margin:0}
			ul#nav ul li a:hover,
			#MainMenuSub ul li a:hover { color:#ff0000}
	
	

	#MainMenuSub li.parent a{
		background:url(../images/nav_drop_arrow.png) no-repeat 94% 55%;}
		#MainMenuSub li.parent a:hover { 
			background-image:url(../images/nav_drop_arrow_hover.png) }
		
		
		/* When the parent item is set to current or active */
					ul#nav li#current a,
					ul#nav li.active a {
						color:#ffffff;
						background-repeat:no-repeat;
						background-position:center bottom;
						margin-bottom:-10px;
						padding-bottom:10px;}
		
						
						#MainMenuSub li#current a,
						#MainMenuSub li.active a { color:#ffffff;}
						
#MainMenuSub {	
	display:block; 	
	position:absolute;	
	top:0;	
	left:0;	
	width:100%;
	height:0;	
	overflow:visible;	
	z-index:1000000000; }
#MainMenuSub li{ list-style: none;}
				


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
	font-size:1em;}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 18em;
	z-index:99999;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:45px;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 18em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:45px }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:18em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 18em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 18em; }


/*===========================///////////////////-===========================
								  OtherMenu
*===========================///////////////////-==========================*/
#othermenu_header h3 {
	font-size:1.4em;}
	

#othermenu_wrap{
	padding:0;
	position:relative;
	overflow:hidden;
	height:280px;}
	
	/* main menu ul or ol elment */
	ul#othermenu {
		display:block;
		position: absolute;
		list-style:none;
		margin:0;
		z-index:5;
		top:0;
		left:0;
		display:block;
		width:100%;}
		
		/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
		ul#othermenu li { 
			display:block;
			list-style:none;
			position:relative;}
			
			#OtherMenuSub{	
				display:block; 	
				position:absolute;	
				top:0;	
				left:0;	
				width:100%;	
				height:0;	
				overflow:visible;	
				z-index:1000000000; }				
				#OtherMenuSub li{	
					list-style: none;}
			
				ul#othermenu li a,
				#OtherMenuSub a{
					text-decoration:none;
					text-align:left;
					background:url(../images/othermenu_line.png) no-repeat left bottom;
					display:block;
					font-size:1em;
					color:#999;
					font-size:1em;
					letter-spacing:0.05em;
					text-transform:uppercase;
					padding:0;
					height:29px;
					line-height:30px;}					
					ul#othermenu li a:hover,
					#OtherMenuSub a:hover {
						color:#000000!important;
						background-position:bottom left;}
								
								#OtherMenuSub a:hover{ background-image:none}
						
					ul#othermenu li#current a,
					ul#othermenu li.active a,
					#OtherMenuSub li#current a {
							color:#000000;}
							ul#othermenu  ul li#current a,
							ul#othermenu ul li.active a,
							#OtherMenuSub ul li#current a { background-image:none}
					
						ul#othermenu li a span{
							display:block;}
								
						
					/* Just sub menu links */
					
					ul#othermenu li li {
						width:auto}
					#OtherMenuSub a, 
					ul#othermenu li li a{
						text-align:left;
						text-transform:none;
						font-size:1em;
						font-size:.9em;
						background-image:none;
						background-color:#3D3D3D;
						width:auto;
						border-bottom:1px dotted #555;
						letter-spacing:normal;}
						
						
						#OtherMenuSub a {
							padding:0 40px 0 20px;}

						/* Parent Main Menu Links ---[javascript users only]*/
					
							ul#othermenu li.parent a span,					
							#OtherMenuSub li.parent a { 
								background: url(../images/othermenu_arrow_parent.png) 95% 55% no-repeat;}
							
							ul#othermenu li.parent a:hover span,
							#OtherMenuSub li.parent a:hover  { 
								background-image:url(../images/othermenu_arrow_parent_hover.png) }
						
							
/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* All submenu OLs and ULs */
ul#othermenu ol, ul#othermenu ul, #OtherMenuSub ul, #OtherMenuSub ol {	
	/*border around submenu goes here*/
	border:1px solid #444;
	border-bottom:none;
	background:#3D3D3D}

/* All ULs and OLs */
ul#othermenu, ul#othermenu ul, ul#othermenu ol, #OtherMenuSub ul, #OtherMenuSub ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}



/* --------------------------[ The below is just for non-javscript users ]--------------------------*/

ul#othermenu li li{	float:none; }

ul#othermenu li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

ul#othermenu li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	z-index:999999;
	overflow:visible;
	visibility:visible;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
ul#othermenu li ul ul { margin: -1em 0 0 -1000em; }
ul#othermenu li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
ul#othermenu li:hover ul{	margin-left: 186px; margin-top:-2.5em;}
ul#othermenu li li:hover ul {	margin-left: 10em; }

/* extra positioning rules for limited noscript keyboard accessibility */
ul#othermenu li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; }
ul#othermenu li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
ul#othermenu li li a:focus {left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em;}
ul#othermenu li li li a:focus {left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;}
ul#othermenu li:hover a:focus{ margin-left: 0; }
ul#othermenu li li:hover a:focus + ul { margin-left: 10em; }
							
/*===========================///////////////////-===========================
					            Top Menu
===========================///////////////////-===========================*/
ul#topmenu {
	margin:0 0 0 -10px;
	float:left;}
	ul#topmenu li{
		list-style-type:none;
		display:inline;
		margin:0;
		border-right-width:1px;
		border-right-style:solid}
		ul#topmenu li a {
			font-size:.9em;
			margin:0 10px;}
			
			ul#topmenu li#current a,
			ul#topmenu li a:hover {
				color:#fff;
				text-decoration:none}


/*===========================///////////////////-===========================
					            Footer Menu
===========================///////////////////-===========================*/
#footermenu {
	position:relative;
	overflow:hidden;
	background:url(../images/copyright.png) no-repeat center top;
	clear:both;
	padding:10px 0 15px}

	#footermenu ul.menu {
		text-align:center;
		padding:0;
		margin:9px 0 0;}
		 #footermenu ul.menu li{
			list-style-type:none;
			display:inline;
			margin:0 0 0 16px;
			border-right:1px dotted #000000}
			#footermenu ul.menu li a{
				margin-right:16px;
				font-size:1em;
				letter-spacing:0.05em;
				text-transform:uppercase;
				color:#000000;}
				#footermenu ul.menu li a:hover{
					color:#000000;
					text-decoration:none;}

			#footermenu ul.menu li#current a { color:#000000;}