/* ===================================================================================================================
SCREEN Stylesheet for Womens Resource Center Website
3264 Group - Contact: rick@3264.bm
 ===================================================================================================================*/ 

/* Defaults */
* { padding: 0; margin: 0; }

body {
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-size: 1em;
 background-color:#DCD6E9;
}
/* ===================================================================================================================
Structural styles for page section elements
 ===================================================================================================================*/ 

/* Drop Shadow container */
#dropshadow {
 background-image:url(images/dropshadow.gif);
 background-repeat:no-repeat;
 background-attachment:scroll;
 background-position:top;
 margin-left: -400px;
 position: absolute;
 top: 0px;
 left: 50%;
 width: 800px;
 height: 600px;
 visibility: visible;
}

/* Content container */
#wrapper {
 background-color: #ffffff;
 margin-left: -380px;
 position: absolute;
 top: 20px;
 left: 50%;
 width: 760px;
 height: 560px;
 visibility: visible;
}

/* Top Header area */	
#header {
 color: #333;
 width: 760px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 height: 107px;
 margin: 0px;
 background: #ffffff;
 background-image:url(images/WRC_Logo.gif);
 background-position:left top;
 background-repeat:no-repeat;
}

/* Navigation Bar under Top Header area */	
#navigation {
 float: left;
 width: 760px;
 height: 35px;
 color: #ffffff;
 padding: 0px;
 border: 0px solid #ccc;
 margin: 0px;
 background-color: #523391;
}

/* Left Column submenu containing child items of selected primary Navigation Bar item */	
#submenu { 
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px;
 padding: 30px 20px 20px 20px ;
 height: 368px;
 width: 135px;
 float: left;
}

/* Home Page Container */
#frontpage { 
 clear: both;
 float:left;
 color: #000000;
 background: #ffffff;
 background-image:url(images/homepagebkgnd.jpg);
 position:relative;
 margin: 0px 0px 0px 0px ;
 padding: 0px 0px 0px 0px ;
 height: 418px;
 width: 760px;
 }


#frontpagecontent {
margin: 20px 20% 0px 20%;


}

/* Main Content area - middle column */
#content { 
 float: left;
 border-left: 1px solid #ccc;
 color: #000000;
 background: #ffffff;
 margin: 10px 0px 10px 0px ;
 padding: 20px 20px 0px 20px ;
 height: 383px;
 width: 454px;
 overflow:auto;
 scrollbar-base-color:#DCD6E9;
 display: inline;
}

/* Spacer area - right column */
#rightcolumn { 
 color: #000000;
 border: 0px solid #ccc;
 background: #ffffff;
 margin: 0px;
 padding: 10px;
 height: 383px;
 width: 50px;
 float: left;
}

/* Footer area - across bottom of wrapper */
#footer { 
 width: 760px;
 clear: both;
 border: 0px solid #ccc;
 background:none;
 margin-top: 0px;
 padding: 7px 0px 0px 0px;
 height: 30px;
}

/* ===================================================================================================================
Contextual markup definitions
 ===================================================================================================================*/ 

/* Contextual markup for Submenu area */
#submenu p { 
 font-size: .9em;
 font-weight: normal;
 color:#523391;
 line-height:1.2em;
 padding-bottom:1.5em;
}

/* Contextual markup for Main Content area */
#content h1 { 
 font-size: .95em;
 font-weight:bold;
 color:#523391;
 line-height:1.1em;
 text-align:left;
 padding-bottom: .6em;
}

#content h2 { 
 font-size: .75em;
 font-weight:bold;
 line-height:1.4em;
 text-align:left;
 padding-bottom: .75em;
}

#content p { 
 font-size: .73em;
 line-height: 2em;
 text-align:left;
  padding-bottom: .75em;
}

#content strong {
 font-weight:bold;
 color:#523391;
}

#content ul {
font-size: .73em;
 line-height: 1.4em;
 text-align:left;
 padding-left: 20px;
  padding-bottom: .75em;
  list-style-image:url(images/WRCbullet.gif);
}
#content li {
  padding-bottom: .75em;

}

/* Contextual markup for Footer area */
#footer p { 
 font-size:.7em;
 text-align: center;
 color: #523391;
 line-height: 1.2em;
}

/* Contextual markup for Home Page area */
#frontpage h1 { 
 font-size: .95em;
 font-weight:bold;
 color:#523391;
 line-height:1.1em;
 text-align:left;
 padding-bottom: .6em;
}

#frontpage h2 { 
 font-size: .75em;
 font-weight:bold;
 line-height:1.4em;
 text-align:left;
 padding-bottom: .75em;
}

#frontpage p { 
 font-size: .73em;
 line-height: 2em;
 text-align:left;
  padding-bottom: .75em;
}

#frontpage strong {
 font-weight:bold;
 color:#523391;
}


/* ===================================================================================================================
Link styles
 ===================================================================================================================*/ 

a:link, a:visited {
 color: #523391;
 text-decoration: none;
}

a:hover {
 color: #C8337D;
 text-decoration:none;
 font-weight:normal;
}

/* ===================================================================================================================
Menu Bar (navigation) styles
 ===================================================================================================================*/ 

.menuitems{
	width: 745px;
	height:20px;
	padding-left:15px;
	text-align:center;
	font-family: Helvetica,Arial, Verdana, sans-serif;
	font-size: .73em;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height:20px;
}

.menuitems ul {
	margin: 0;
	padding: 7px 0px 5px 0px;
	width: 100%;
	background: #523391;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.menuitems ul li  {
display: inline;
}

.menuitems ul li a  {
	color: #FFFFFF;
	padding: 0px 12px 0px 12px;
	text-decoration: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:#E4CAFF;
}

.menuitems ul li a:visited  {
color: #FFFFFF;
}

.menuitems ul li a:hover, .menuitems ul li .selected  {
	color: #C8337D !important;
	padding-top: 0px;
	padding-bottom: 0px;
	background: #523391;
	font-weight:normal;
}