/***************************************************************
Style Sheet for eSpeakers.com

Copyright 2007 by eSpeakers.com, All Rights Reserved
***************************************************************/



/***************************************************************
Appearance and Location for MainNav and SubNav
***************************************************************/
#mainNav {
	position:absolute;
	top:100px;
	left:0;
	width:960px;
	height:57px;
}
#mainNav ul {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	
	width:100%;
	height:57px;

	list-style:none;
}
#mainNav ul li {
	position:relative;
	display:inline;
	float:left;
	height:57px;
	margin:0;
	padding:0;
}

#mainNav ul li a:link, #mainNav ul li a:visited, #mainNav ul li a:hover, #mainNav ul li a:active {
	display:inline;
	float:left;
	
	margin-right:10px;	
	padding:8px 8px 0 0;
	
	width:117px;
	height:28px;
	
	text-align:right;
	text-decoration:none;
	font-size:85%;
	font-weight:bold;
	text-transform:lowercase;
	
	color:#7c7c7c;
	background:url('/images-layout/main-nav-link.gif') top right no-repeat #e0e0e0;
}

#mainNav ul li a:hover, #mainNav ul li a:active {
	text-decoration:none;
	color:#fff;
	text-decoration:underline;
	background:url('/images-layout/green-main-nav-hover.gif') top left no-repeat #7ab733;
}

#mainNav ul li.current a:link, #mainNav ul li.current a:visited {
	color:#fff;
	background:url('/images-layout/green-main-nav-current.gif') top right no-repeat #7ab733;
}

/* Subnav Stuff */
#mainNav ul li ul {
	display:none;
}
#mainNav ul li.current ul {
	display:inline;
	position:absolute;
	top:36px;
	left:0px;
	margin:0;
	padding:0;
	
	width:585px;
	height:21px;
	
	text-align:center;

	z-index:10;
}
#mainNav ul li.current ul li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:auto;
	background:none;
}
#mainNav ul li.current ul li a:link, #mainNav ul li.current ul li a:visited { 
	display:block;
	float:left;
	margin:0;
	padding:3px 5px 0 5px;
	height:18px;
	width:auto;
	color:#959595;
	background:none;
}

#mainNav ul li.current ul li a:active, #mainNav ul li.current ul li a:hover {
	text-decoration:underline;
}

#container #mainNav ul li.current ul li a:link, #container #mainNav ul li.current ul li a:visited {
	background:none;
}


/********** Code for Green Color Scheme ***********/

/* Main Nav */
.green #mainNav ul li a:hover, .green #mainNav ul li a:active {
	background:url('/images-layout/green-main-nav-hover.gif') top left no-repeat #7ab733;
}

.green #mainNav ul li.current a:link, .green #mainNav ul li.current a:visited {
	background:url('/images-layout/green-main-nav-current.gif') top right no-repeat #7ab733;
}

/* The current, active, and hover subNavs should be green. */
#mainNav ul li.current ul li#greenSub.current a:link, #mainNav ul li.current ul li#greenSub.current a:visited,
#mainNav ul li.current ul li#greenSub a:active, #mainNav ul li.current ul li#greenSub a:hover {
	color:#7ab733;
}

/********** Code for Blue Color Scheme ***********/

/* Main Nav */
.blue #mainNav ul li a:hover, .blue #mainNav ul li a:active {
	background:url('/images-layout/blue-main-nav-hover.gif') top left no-repeat #3d61ad;
}

.blue #mainNav ul li.current a:link, .blue #mainNav ul li.current a:visited {
	background:url('/images-layout/blue-main-nav-current.gif') top right no-repeat #3d61ad;
}

/* The current, active, and hover subNavs should be blueSub. */
#mainNav ul li.current ul li#blueSub.current a:link, #mainNav ul li.current ul li#blueSub.current a:visited,
#mainNav ul li.current ul li#blueSub a:active, #mainNav ul li.current ul li#blueSub a:hover {
	color:#3d61ad;
}


/********** Code for Orange Color Scheme ***********/

/* Main Nav */
.orange #mainNav ul li a:hover, .orange #mainNav ul li a:active {
	background:url('/images-layout/orange-main-nav-hover.gif') top left no-repeat #ffb027;
}

.orange #mainNav ul li.current a:link, .orange #mainNav ul li.current a:visited {
	background:url('/images-layout/orange-main-nav-current.gif') top right no-repeat #ffb027;
}

/* The current, active, and hover subNavs should be orange. */
#mainNav ul li.current ul li#orangeSub.current a:link, #mainNav ul li.current ul li#orangeSub.current a:visited,
#mainNav ul li.current ul li#orangeSub a:active, #mainNav ul li.current ul li#orangeSub a:hover {
	color:#ffb027;
}
