﻿/* @charset "UTF-8";

/* PEBC css */

/* main containers *****************************************************/

body
{
	background: url(images/bg-header.jpg) top repeat-x #fff;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
}

#main-wrapper
{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#top-address
{
	text-align: right;
	margin: 0;
	padding: 0;
	height: 36px;
}

#head-wrap
{
	padding: 0 0 0 105px;
	margin-bottom: 26px;
}

#network-nav
{
	float: right;
	width: 383px;
	height: 160px;
	background: url(images/bg-network-nav.gif) repeat-x top #dedecd;
}


#staff-login
{
	height: 86px;
	width: 86px;
	margin: 32px 37px 0 0;
	float: right;
}

#content
{
	width: 848px;
	margin: 0 0 25px 105px;
	float: left;
}

#content-left
{
	width: 446px;
	margin: 0 0 25px 75px;
	float: left;
}

#content-left-upper
{
	height: 190px;
}

#content-right
{
	float: right;
	width: 411px;
	margin-bottom: 25px;
}

#content-right-upper
{
	margin: 0 0 20px 0;
}

#footer
{
	background: #300228;
	padding: 13px 20px;
	margin-bottom: 15px;
}

#bottom-logos
{
	text-align: center;
}



/* Top Nav **************************************************************/

#top-nav
{
	margin: 0 0 43px 0;
	padding: 0;
	background: #fff;
	text-align: center;
}

#top-nav img
{
	border-right: #d7d8d9 1px solid;
	border-bottom: none;
	border-top: none;
	border-left: none;
}

#top-nav img.last
{
	border: none;
}

#top-nav ul
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

#top-nav li
{
	margin: 0;
	padding: 0;
	display: inline;
}

/* Footer Nav **************************************************************/

#footer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	color: #978995;
	font-size: 10px;
}

#footer li
{
	padding: 0;
	margin: 0 3px 0 0;
	display: inline;
}


/* Typography **************************************************************/

p
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 19px;
	margin: 2px 0 10px 0;
}

p.caption
{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 10px;
	line-height: 17px;
	margin: 2px 0 10px 0;
}


#content-left p, #content-right p
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 17px;
	margin: 2px 0 10px 0;
	padding: 0 10px 0 30px;
}


#footer p
{
	font-family: Arial, Helvetica, sans-serif;
	color: #978995;
	font-size: 10px;
	margin: 0;
	padding: 0;
}

h1.img
{
	margin: 20px 0 10px 0;
}

h1.img-top
{
	margin: 0 0 10px 0;
}

h2
{
	/*color: #b498b7;*/
	color: #7a1874;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}

h3
{
	color: #300228;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	/* margin: 0;*/
	/*padding: 0 0 0 30px;*/
}

#content-left h2, #content-right h2
{
	/*color: #b498b7;*/
	color: #7a1874;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
}

#content-left h3, #content-right h3
{
	/*color: #b498b7;*/
	color: #300228;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0 0 0 30px;
}


/* linking **************************************************************/

#content-left a:link, #content-left a:visited
{
	color: #7a1874;
	text-decoration: underline;
}

#content-left a:hover, #content-left a:active
{
	color: #300228;
	text-decoration: underline;
}



#content-right a:link, #content-right a:visited
{
	color: #7a1874;
	text-decoration: underline;
}

#content-right a:hover, #content-right a:active
{
	color: #300228;
	text-decoration: underline;
}

#footer a:link, #footer a:visited
{
	color: #978995;
	text-decoration: none;
	margin: 0 3px 0 0;
}

#footer a:hover, #footer a:active
{
	color: #d9d2d8;
	text-decoration: underline;
	margin: 0 3px 0 0;
}

/* forms **************************************************************/

#network-nav form
{
	padding: 0 0 0 17px;
	margin: 8px 0 0 0;
}

.email
{
	margin-bottom: 10px;
}

#signup-left
{
	width: 245px;
	float: left;
	margin: 0 0 0 30px;
}

#signup-right
{
	width: 93px;
	float: left;
	margin: 0 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #300228;
	font-size: 14px;
	font-weight: bold;
}

#blog-right
{
	float: left;
	margin: 0 0 0 30px;
}



/* NEWSLETTER SIGNUP BOX */
.boxSubscribe
{
	width: 100%;
}
/*.boxHeaderSubscribe {font-weight:bold;font-size:10px;font-family:Tahoma;background:url('images/boxheaderbg.gif');color:#2c2c2c;padding-left:7px;height:27px;} */
.boxFormSubscribe
{
	padding: 7px;
	text-align: left;
}
.boxButtonSubscribe
{
	padding-left: 7px;
	padding-bottom: 15px;
	text-align: left;
	white-space: nowrap;
}
.btnSubscribe
{
	font-family: tahoma;
	font-size: 8pt;
}

/* NEWS FEED BOX */
.boxNewsFeed
{
	left: 30px;
}
.boxHeaderNewsFeed
{
	font-weight: bold;
	font-size: 10px;
	font-family: Tahoma;
	background: url('images/boxheaderbg.html');
	color: #2c2c2c;
	padding-left: 7px;
	height: 27px;
}
.boxTitleNewsFeed
{
	font-weight: bold;
	font-size: 10px;
	font-family: Arial;
	color: #d6d7d8;
}
.boxContentNewsFeed
{
	padding: 4px;
	padding-left: 2px;
	text-align: left;
}
.boxFooterNewsFeed
{
	padding-left: 7px;
	text-align: left;
}

/* SEARCH BOX */
.boxSearch {margin:7px;}
.btnSearch {}
.txtSearch {margin-bottom:1px; width: 225px;}

/* helpers **************************************************************/

.clearfloat
{
	clear: both;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

/* ######### DROPDOWN CSS ######### */
.anylinkcss
{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border: none;
	border-top: 1px dotted #310027;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 30px;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	background: white;
	width: 200px; /* default width for menu */
}
.anylinkcss ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.anylinkcss ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.anylinkcss ul li a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px dotted #310027;
	padding: 1px0;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5px;
	color: #7a1874;
}
.anylinkcss a:hover
{
	/*hover background color*/
	background: #EBEBE2;
	color: #6D045E;
}
/* #########  class for DONATE drop down menus to make smaller width of the UL ######### */
.anylinkcss-donate
{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border: none;
	border-top: 1px dotted #310027;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 30px;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	background: #fff;
	width: 100px; /* default width for menu */
}
.anylinkcss-donate ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.anylinkcss-donate ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.anylinkcss-donate ul li a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px dotted #310027;
	padding: 1px0;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5px;
	color: #7a1874;
}
.anylinkcss-donate a:hover
{
	/*hover background color*/
	background: #EBEBE2;
	color: #6D045E;
}
/* #########  class for PRO DEV drop down menus to make larger UL ######### */
.anylinkcss-prodev
{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border: none;
	border-top: 1px dotted #310027;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 30px;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	background: #fff;
	width: 260px; /* default width for menu */
}
.anylinkcss-prodev ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.anylinkcss-prodev ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.anylinkcss-prodev ul li a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px dotted #310027;
	padding: 1px0;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5px;
	color: #7a1874;
}
.anylinkcss-prodev a:hover
{
	/*hover background color*/
	background: #EBEBE2;
	color: #6D045E;
}
/* ######### class for shadow DIV ######### */
.anylinkshadow
{
	/*CSS for shadow. Keep this as is */
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99; /*zIndex for shadow*/
	background: black;
	visibility: hidden;
}


/* ######## style fixes to overide default css ######### */

.publishing_info {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 15px;
}

.category_info {
    font-weight: bold;
    color: #300228;
    margin-top: 5px;
    margin-bottom: 15px;
}

a:link, a:visited {
	color: #7a1874;
	text-decoration: underline;
}

a:hover, a:active {
	color: #300228;
	text-decoration: underline;
}



.boxHeader {
	color: #300228;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.boxContent {
	margin: 0 0 25px 0;
}


#ctl00_placeholderBody_panelBody h1 {
	color: #b498b7;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0;
}

#ctl00_placeholderBody_ctl59_dlDataList b {
	color: #b498b7;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

#ctl00_placeholderBody_ctl59_panelDataList { width:550px;}

#ctl00_placeholderBody_panelBody {width: 550px;}

/* home page photos */
#ctl00_placeholderLeftTop_ctl00_divBox img {
    margin: 2px 10px 10px 30px;
	border: 0;
}

/* story photos */

#ctl00_placeholderBody_panelBody img {
    border: 0;
	margin: 5px;
}



