/*    wow_main.css

      Styles for intro bottom page

      October 12, 2008
      
      Designed by Gerald Davenport
      http://www.geralddavenport.com/davenportDesigns

*/

@import "http://www.women-of-worth.org/_css/wow_menu.css";
@import "http://www.women-of-worth.org/_css/wow_footer.css";


/* v v v v v v v v v v v v v v v v v v v v v v v v v v v v
                            GLOBAL
   ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ */

body
{
  font-size: 62.5%;
	margin-bottom: 1px;
	background-color: #C9F;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 14px;
	color: #333; background:#C1A7C1;
}

/* core stuff */
a {
	color: #870D91; text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #FC8A2B;
	text-decoration: none;
	font-weight: bold;
}


/*
  ENDCONTENT
    bottom of page or wherever we need to clear the float
*/
#endContent {clear:both;}


.back_button
{
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 3px double #cc99ff;
	width: auto;
	padding: 0px 10px;
	line-height: 20px;
	margin: 1px 1px 10px 20px;
	background-image: url('../_i/_global/backButton_bg.png');
	background-repeat: repeat-x;
}
/* --------------------------------------------- global  */


/* v v v v v v v v v v v v v v v v v v v v v v v v v v v v
                            OUTSIDE_CONTAINER
             encompasses the entire content on page
   ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ */
#outside_container {width: 799px; margin: 10px auto 50px auto; background-color: white; border-right: 1px #726B7D solid; border-bottom: 1px #5D5866 solid;
}

/* ------------------------------------------ outside_container  */

/* v v v v v v v v v v v v v v v v v v v v v v v v v v v v
                         INSIDECONTAINER
             encompasses the entire content on page
   ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ */
#insideContainer
{
	width: 790px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	display: block;
	background: white;
	position: relative;
	z-index: 0;
	overflow: visible;
	visibility: visible;
}
/* ------------------------------------------ insidecontainer  */

/* v v v v v v v v v v v v v v v v v v v v v v v v v v v v
                            PATHWAY
                          directory path
   ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ */
#pathway {
background: #ddd;
height:20px;
width:100%;
text-align:left;
}

#pathway p {
font-size:11px; margin: 0;
}

#pathwayinner {
padding:2px 10px 5px 12px;
}







/* v v v v v v v v v v v v v v v v v v v v v v v v v v v v
                            SHARE
                     Allowing the viewer to share the
                     content on their social network
                     sites
   ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ */
#share {width: 500px; margin: 5px auto; font-size: 9px;}
#share a {color: #000; padding: 0 3px;} #share a:hover {color: green;}
#share img {border: 0;}


/* v v v v v v v v v v v v v v v v v v v v v v v v v v v v
                            CONTENT
                     below the menu /images and news/
   ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ */
#content {width: 100%;  display:block; margin: 0;}

#content .head {
		width: 790px;
		background:#fff;
		height: 224px;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 10px;
		margin-left: 1px;
}
#content .imgBox {width: 583px; margin: 0 auto; padding: 2px;}
#content .ads {width: 217px; height:230px; margin: -230px 0 0 0; float: right;}

.ads img {border: 0; padding-bottom: 6px;}

/* ------------------------------------------ /content/  */

/* v v v v v v v v v v v v v v v v v v v v v v v v v v v v
                            CONTENT_BODY
             encompasses the entire content on page
   ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ */
.content_body h1 {font-size: 18px; margin: 10px 0 5px 10px; line-height: 18px;}
.content_body h2 {font-size: 16px; margin: 10px 0 3px 15px; line-height: 16px;}
.content_body h3 {font-size: 14px; margin: 10px 0 0px 20px;}
.content_body h4 {font-size: 16px; margin: -10px 0 0 42px; color: green; text-align: center;}
.content_body p {font-size: 12px; margin: 0 0 5px 20px;}
.content_body ul {margin-left:40px;}
#content .content_body li {margin: 10px 0 5px 10px; padding-right: 10px; font-size:13px;line-height:13px;}

.h
{
	top: -10px;
	position: relative;
	margin: 0 0 0 20px;
}

/* ------------------------------------------ head_container  */



/* v v v v v v v v v v v v v v v v v v v v v v v v v v v v
                            MISSION
                     center area for text message
   ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ */
.mission {width: 600px; text-align:left; font-size:14px; line-height:14px; margin: 0 auto; background: white;}
.mission h3 {color:#870D91; font-size:16px; padding:0; line-height:14px;margin:0;}
.mission p {margin: 5px 0 5px 10px;}

/* ------------------------------------------ /mission/  */





/* v v v v v v v v v v v v v v v v v v v v v v v v v v v v
                            NEWS
                     news boxes across bottom of front page
   ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ */
#news {width: 100%; height: 190px; margin: 0 0 10px 0;}

.newsBox, .newsBoxCenter, .newsBox1
{
	width: 248px;
	height: 180px;
	float: left;
	background-color: #E7CAEA;
	padding: 3px;
	border: 1px #730080 solid;
	overflow: auto;
}

.newsBox1 {background-color: #FFC;}

.newsBox h2, .newsBoxCenter h2, .newsBox1 h2, .newsBox h4, .newsBoxCenter h4, .newsBox1 h4
{
	margin: 0px;
	line-height: normal;
}
.newsBox h2, .newsBoxCenter h2, .newsBox1 h2 {font-size: 15px; color:#000;}
.newsBox h4, .newsBoxCenter h4, .newsBox1 h4 {margin-left: 5px; font-size: 12px;}
.newsBox p, .newsBoxCenter p, .newsBox1 p {margin: 0 0 0 12px; font-size: 11px !important;}

.newsBox a, .newsBoxCenter a {color: #532646; font-weight: bold; text-decoration: none;}
.newsBox a:hover,.newsBoxCenter a:hover { color: #008000; }

.newsBox1 a {color: #30F; font-weight: bold; text-decoration: none;}
.newsBox1 a:hover { color: #369; }

.newsBox a img, .newsBoxCenter a img {border: 0 !important;}