body {
	background: url(../images/body_bg_shadow.jpg) 50% 0% #EEEEEE no-repeat;
	color: navy;
}

#banner-wrap {
	background: url(../images/topbar_bg.jpg) 0% 0%;
}

#sitewrap {
	background-color: #fff;
}


#banner-no-image
{
	background: url(../images/banner.jpg) 0% 0% no-repeat;
}

#footer-holder {
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}

#logo {
	float: left;
	margin: 15px 0 0 10px;
}

#logo a {
	height: 130px;
	width: 145px;
	text-indent: -999999px;
	float: left;
	background: url(../images/logo.jpg) 0% 0% no-repeat;
}

#charity-number {
	color: #A4A4A4;
}

/* #######################################################################
														General
######################################################################## */
a {
	color: #6572c1;
}

.createdate {
	color: #ec3093;
}

span.article_separator {
	xbackground: url(../images/h_dot.gif) 50% 0% repeat-x;
}

/* #######################################################################
														Modules
######################################################################## */

/* general Styles PINK */
#content-holder div.module {
	background: url(../images/mod_heading_pink.png) 100% 0% no-repeat;
}

#content-holder div.module h3 {
	background: url(../images/mod_headingb_pink.jpg) #ec3093 100% 100% repeat-x;
	color: #fff;
}


/* module Styles BLUE */
#content-holder div.moduleblue {
	background: url(../images/mod_heading_blue.png) 0% 0% no-repeat;
}

#content-holder div.moduleblue h3 {
	background: url(../images/mod_headingb_blue.jpg) #7fc9f6 100% 100% repeat-x;
	color: #fff;
}

#content-holder .module .module-inner {
	background-color: #f2f5f7;	
}

/* top nav */
#nav {
	background: url(../images/nav_bg.png) 0% 0% repeat-x;
}

#nav .menu li a:hover {
	text-decoration: underline;
}

#nav .menu li#current a {
	background-color: #ec3093;	
}

/* main menu */
#content-holder .menu li a {
	background: url(../images/menu_bg.jpg) 0% 100% #f9f8f9 repeat-x;
	color: #6572c1;
	border-left: 5px solid #6572c1;
	text-decoration: none;
	font-weight: bold;
}

#content-holder .menu li a:hover {
	color: #ec3093;
}

#content-holder .menu li ul li a {
	border-color: #ec3093;
}

#content-holder .menu li.parent a span {
	background: url(../images/arrow_down.gif) 96% 15px no-repeat;
}

#content-holder .menu li#current a span {
	background: url(../images/arrow_right.gif) 96% 15px no-repeat;
}

#content-holder .menu li.parent ul li,
#content-holder .menu li.parent ul li a span,
#content-holder .menu li#current ul li a span {
	background: none;
}

/* latest news */
.module ul li,
.moduleblue ul li {
	background: url(../images/h_dot.gif) 0% 100% repeat-x;
}

.module ul li a,
.moduleblue ul li a {
	text-decoration: none;
	font-weight: bold;
}

.module ul li a {
	color: #ec3093;
}

.moduleblue ul li a {
	color: #7fc9f6;	
}

ul.latestnews li a {
	background: url(../images/newspaper.png) 0% 50% no-repeat;
}

ul.newsfeed li a {
	background: url(../images/rss.png) 0% 50% no-repeat;
}

ul.newsfeed li a:hover {
	color: #ec3093;
}

ul.latestnews li a:hover {
	color: #7fc9f6;
}

#bottom-menu ul li a {
	font-weight: bold;
	color: #6572c1;
	text-decoration: none;
}

/* #######################################################################
														Headers
######################################################################## */
h1 {
	color: #999999;
}

.contentheading,
.componentheading,
h2 {
	color: #6572c1;
}

h3 {
	color: #ec3093;
}

/* #######################################################################
														Tool tip
######################################################################## */
.tool-tip {
	background-color: #EEEEEE;
}

.tool-title {
	display: block;
	padding: 3px 10px;
	background-color: #003399;
	color: #fff;
	font-weight: bold;
}	

/* #######################################################################
														Forms
######################################################################## */
fieldset {
	border-top: 3px solid #ec3093;
}

/* #######################################################################
														Login/register Page
######################################################################## */
#com_login-holder {
	border: #E6E7EE 2px solid;
}

#username, #passwd, #com_user-register-holder input {
	border: 2px solid #ec3093;
	color: #666666;
	font-weight: bold;
	background-color: #F2FBFF;
}

p#com_login-button input, #com_user-register-holder button {
	background-color: #ec3093;
	border-style: none;
	color: #fff;
	font-weight: bold;
}

