/*

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