/*
Theme Name: Black Women's Leadership Council
Theme URI: http://bwlc.org/
Description: Theme for the Black Womens Leadership Council.
Version: 1.0
Author: George Stephanis
Author URI: http://archerwebdesigns.com/
*/

body {
	text-align:center; 
	background:#4a3a4a url('page-bg.png') repeat-x top left; 
	background-attachment:fixed;
	font-size:78%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	}
/* 4a3a4a page-bg.png
   765e76 pagebg.jpg */

#wrapper {width:760px; border:1px #676 solid; background:#fff; margin:10px auto 30px; text-align:left;}

#wrapper #header {width:100%; height:225px; background:url('header-225.png') no-repeat top right;}
#wrapper #header-front {width:100%; height:225px; background:url('header-225.png') no-repeat top right;}
#wrapper #header b {display:none;} /* So text can be included for SEO friendliness, but not display */

#menu {
padding:0 0 0 10px; 
margin:0; 
list-style:none; 
height:40px; 
background:#fff url(background.png); 
position:relative; 
border-top:#676 1px solid;
z-index:1000;
}
#menu li {
float:left;
}
#menu li a {
display:block; 
float:left; 
height:40px; 
line-height:40px; 
color:#222; 
text-decoration:none; 
font-size:11px; 
font-family:arial, verdana, sans-serif; 
font-weight:bold; 
text-align:left; 
padding:0 0 0 7px; 
cursor:pointer;
outline:none;
}
#menu li a b{
float:left; 
display:block; 
padding:0 14px 0 7px;
}
#menu li a:hover {
color:#fff; 
background:#000 url(selected.png);
}
#menu li a:hover b {
background:url(selected.png) no-repeat right top;
}
#menu ul li a:hover {
color:#fff;
background:#765376;
}
#menu ul li a:hover b {
background:#765376;
}

/* Credits: Stu Nicholls */
/* URL: http://www.stunicholls.com/menu/skeleton/skeleton.css */

/*
 * Menu Code!
 */
#menu ul  {padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:2px solid #fff; background:#765376; position:relative; z-index:200;}

#menu li li {float:none;}
/* a hack for IE5.x and IE6 */
* html #menu li li {float:left;}

#menu ul li a {display:block; float:left; color:#888; margin:0 25px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
#menu ul li a {height:20px; line-height:20px; float:none;}

#menu li:hover {position:relative; z-index:300;}
#menu li:hover ul {left:10px; top:30px;}
/* another hack for IE5.5 and IE6 */
* html #menu li:hover ul {left:10px;}

#menu ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #menu ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#menu li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#menu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#menu li:hover > a {text-decoration:underline; color:#fff;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#menu li:hover ul ul,
#menu li:hover li:hover ul ul,
#menu li:hover li:hover li:hover ul ul,
#menu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#menu li:hover a,
#menu li:hover li:hover a,
#menu li:hover li:hover li:hover a,
#menu li:hover li:hover li:hover li:hover a,
#menu li:hover li:hover li:hover li:hover li:hover a,
#menu li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#fff;}

/* hide futher possible paths */
#menu li:hover li a,
#menu li:hover li:hover li a,
#menu li:hover li:hover li:hover li a,
#menu li:hover li:hover li:hover li:hover li a,
#menu li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#fff;}


/* Content Area Code */

#wrapper #content {
	width:700px; 
	padding:0 25px;
	*margin-top:1.5em;
	min-height:300px;
	_height:300px;
	overflow:hidden;
	zoom:1;
	}

#wrapper #footer {width:100%; height:121px; background:url('BWLC-Footer.jpg') no-repeat top left;}
#wrapper #footer b {display:none;} /* So text can be included for SEO friendliness, but not display */

#wrapper #content h1,
#wrapper #content h2{font-family:Georgia, Lucinda Sans, sans-serif;color:#5F405F}

#wrapper #content h3{font-family:Georgia, Lucinda Sans, sans-serif;color:#7B537B;}

#wrapper .cms-nav-left-menu{
	margin-top:1em;
	float:left;
	width:140px;
}

#wrapper .contentwithnav{
	float:right;
	width:550px !important;
}

#wrapper .navigation{
	margin-top:1em;
}
#banner-block {float:right; margin-top:25px}
.banner {z-index:0 !important;}