@charset "utf-8";

/*FF scrollbar/page jump fix*/
html{
min-height:100%;
margin-bottom:1px;
}

.clr
{
    clear:both;
}

.searchresults
{
    font-size:0.9em;
    color:#333;
    margin: 0px 0px 12px;
}
.searchresultsmore
{
    font-size:0.9em;
    color:#333;
    margin: 0;
    text-align: right;
}
.searchevenrow
{
    background-color: #eee;
    padding: 5px;
}
.searchoddrow
{
    background-color: #fff;
    padding: 5px;
}
#newslettersub
{
    clear:both;
    width: 95%;
    border: 1px solid #7256A2;
    padding:5px;
    margin-bottom:10px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#newslettersub-lefthead
{
    clear:both;
    float:left;
    width:50%;
}
#newslettersub-righthead
{
    float:left;
    width:50%;
    color:#ff0000;
    background: transparent;
    font-size:0.9em
}

form.newslettersubsc
{
    clear:both;
}

form.newslettersubsc label
{
	display: block;
	float: left;
	width: 50px;
	padding: 0;
	margin: 5px 0 0;
	text-align: right;
        font-size:0.8em
}

form.newslettersubsc input
{
    float: left;
	width: auto;			/* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px;		/* set margin on left of form elements rather than right of label aligns textarea better in IE */
}

/*======== main layout styles ============*/
body{
background:#fff;
margin:0px;
padding:0px;
font-family:georgia, serif;
}
#swrap{
width:959px;
margin-left:auto;
margin-right:auto;
height:auto;
}
#container{
width:959px;
float:left;
height:auto;
background: url(../images/content-shadow.png) repeat-y;
padding:0px 10px;
margin-bottom:10px;
}
#header{
width:959px;
float:left;
height:127px;
background: #5D468E url(../images/header.jpg) no-repeat left top;
/*background: #5D468E;*/
z-index: 0;
}

#header-left
{
    float:left;
    width:525px;
}

#header-right
{
    float:left;
    width:434px;
}
#header-right a:hover img, #header-right a:focus img
{
    opacity:.95;filter: alpha(opacity=95); -moz-opacity: 0.95;
    /* IE5.5 upwards */
    filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=95);

}

#header-right a {
    top:1px;
    width:434px;
    z-index: 1000;
}

#content{
width:929px;
float:left;
height:auto;
padding: 15px;
}
#footer{
width:919px;
float:left;
height:auto;
font-size:0.8em;
color:#606060;
padding: 20px 20px 3px 20px;
background: url(../images/footer-logos.jpg) no-repeat right center;
}
#footer p{
	width: 670px;
	float: left;
}
#footer div#facebook{
	float: left; 
	clear: none; 
	width: 32px; 
	height: 32px; 
	position: relative; 
	border: 0px; 
	left: 32px; 
	/*top: -13px;*/
        top: -35px;
}
#footer div#twitter{
	float: left; 
	clear: none; 
	width: 32px; 
	height: 32px; 
	position: relative; 
	border: 0px; 
	left: 43px; 
	/*top: -13px;*/
        top: -35px;
}
#footer div#facebook a, #footer div#twitter a{
	display: block;
	width: 32px;
	height: 32px;
}

#bottom {
    background:url('../images/bottom.gif') no-repeat;
    width:973px;
    height:20px;
    margin-top:-10px;
    margin-left:3px;
    margin-bottom:20px;
}


.wrap-l{
float:left;
}
.wrap-r{
float:right;
}
.padbot10{padding-bottom:10px;}
.padtop10{padding-top:10px;}

/*============= content boxes===============*/
.box-L1{
float:left;
width:649px;
}
.box-L2{
float:left;
width:280px;
}
.box-L3{
float:left;
width:220px;
margin: 0px 10px 0px 0px;
}
.box-L4{
float:left;
width:479px;
}
.box-L4v2{
float:left;
width:469px;
}
.box-L5{
float:left; 
width:220px;
}
.box-LM{
float:left; 
width:460px;
padding-right:10px;
margin-top:10px;
margin-right:9px;
font-size:14px;

}
.box-LM .middle-padded {
padding-left:10px;
	
}




.L5-content{
float:left;
background:#e8eaf2 url(../images/boxL5-top.jpg) repeat-x top;
width:200px;
padding:55px 10px 10px;
-webkit-border-bottom-right-radius: 8px;
-khtml-border-radius-bottomright: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-khtml-border-radius-bottomleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
position:relative;
margin: 0px 0px 15px;
}
.L5-title-potion{
float:left;
position:absolute;
top:0px; 
left:0px;
}
/*====== title bars=========*/
.title-big{
margin:0px;
height:35px;
color:#FFF;
font-size:18px;
width:620px;
padding: 17px 0px 0px 9px;
}
.title-small{
margin:0px;
height:33px;
color:#FFF;
font-size:16px;
width:271px;
padding: 17px 0px 0px 9px;
}
.title-L3-L5{
margin:0px;
height:33px;
color:#FFF;
font-size:16px;
width:211px;
padding: 17px 0px 0px 9px;
}
.title-L4{
margin:0px;
height:33px;
color:#FFF;
font-size:16px;
width:460px;
padding: 17px 0px 0px 9px;
}
.title-L4v2{
margin:0px;
height:33px;
color:#FFF;
font-size:16px;
width:450px;
padding: 17px 0px 0px 9px;
}
.title-pink-bg{
background:url(../images/title-bar-pink.png) no-repeat right;
}
.title-purple-bg{
background:url(../images/title-bar-purple.png) no-repeat right;
}
.title-purple-bg-T{
background:url(../images/title-bar-purple-T.png) no-repeat right;
}
.title-blue-bg{
background:url(../images/title-bar-blue.png) no-repeat right;
}
.title-green-bg{
background:url(../images/title-bar-green.png) no-repeat right;
}
#fulltitle-blue{
width:919px;
background: url(../images/title-bar-blue-repeat.png) repeat-x;
float:left;
padding:10px 20px 0px;
height:32px;
font-size:18px;
color:#FFF;
margin: 0px;
}
#fulltitle-purple{
width:919px;
background: url(../images/title-bar-purple-repeat.png) repeat-x;
float:left;
padding:10px 20px 0px;
height:32px;
font-size:18px;
color:#FFF;
margin: 0px;
}
#fulltitle-pink{
width:919px;
background: url(../images/title-bar-pink-repeat.png) repeat-x;
float:left;
padding:10px 20px 0px;
height:32px;
font-size:18px;
color:#FFF;
margin: 0px;
}
/*========== accordian =============*/
.accordian-content{
float:left;
width:280px;
padding: 10px 0px;
}

/*============= text and link styles ====================*/
h1{
font-size:18px;
font-weight:bold;
margin:0px 0px 8px;
color:#FFF
}
h2{
font-size:18px;
font-weight:bold;
margin:0px 0px 8px;
color:#333
}
h3{
font-size:18px;
font-weight:bold;
margin:0px 0px 8px;
color: #939;
}
h4{}
h5{
font-size:12px;
font-weight:bold;
margin:0px 0px 8px;
}
h6{
font-size:14px;
font-weight:bold;
margin:0px 0px 8px;
color:#09F;
}
p{
font-size:0.9em;
color:#333;
margin: 0px 0px 12px;
}
a{
color:#333;
text-decoration:underline;
}
a:hover{
color:#606060;
text-decoration:underline;
}
#footer a, #footer a:active, #footer a:hover{
color:#606060;
text-decoration: none;
}
#footer a:hover{
color:#606060;
text-decoration:none;
}

/*=============== image styles ===============*/
img{
border:none;
}
div.transOFF {width:293px; float:left; opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;}
div.transON  {width:293px; float:left;}
div.transOFF2 {width:140px; float:left; opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;}
div.transON2 {width:140px; float:left;}
div.transOFF3 {width:200px; float:left; opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;}
div.transON3 {width:200px; float:left;}

.read-more, read-more a{
width:84px;
height:28px;
background:url(../images/more.png);
display:block;
text-indent:-9999px;
}
a:hover.read-more{
width:84px;
height:28px;
display:block;
background:url(../images/more-hover.png);
}


/*============ form styles ================*/
.searchbox{background:#f3f3f3; padding:10px; margin-bottom:15px; border:solid 1px #ccc;}
.field1{background:#fff; border:solid 1px #ccc; font-size:14px; padding:3px; color:#333;}
.button1{background:#C6F; border:solid 1px #ccc; font-size:14px; padding:3px; color:#FFF;}
.button1:hover{ background:#96C; cursor:pointer;}

/*=============== home page  ===============*/
#home-intro{
float:left; 
width:959px; 
height:376px; 
background:url(../images/pearls1.jpg);
}
#intro-text{
width:919px;
height:40px;
background:url(../images/breadcrumb-bg.png) repeat;
float: left;
padding: 0px 20px;
}
#intro-text p{
color:#af41b4;
font-size:14px;
margin: 12px 0px 0px;
padding: 0px;
font-weight:bold;
}
.black{color:#000;}
.introtext{
float:right;
font-style:italic;
}

#donate{
float:right;
width:100px;
height:auto;
margin-top:150px;
background:#af41b4;
color:#fff;
font-size:24px;
padding: 10px;
-webkit-border-top-left-radius: 8px;
-khtml-border-radius-topleft: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-khtml-border-radius-bottomleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
}

#donate a{color:#FFF; text-decoration:none;}
#donate a:hover{text-decoration:underline;}
#donate:hover{background:#96F;}
.youtube{padding-top:10px; float:left;}
.youtube-next{
padding-left:10px;
width:318px;
padding-top:10px;
float:left;
padding-right:20px;
}
.featured-news{
float:left;
width:630px;
padding:10px 0px;
border-bottom:1px dotted #CCC;
}
.latestnewsimage{
padding:2px; 
background: #f3f3f3; 
border: solid 1px #ccc; 
float:left;
}
.latestnewstext{
float:left;
width: 460px;
padding: 0px 20px 0px 10px;
}

/*============= promotions footer ===============*/
#footer-promotions{
width:959px;
float:left;
}
.spacer{
float:left;
width:1px;
height:25px;
}
#promo1{
float:left;
width:368px;
}
#promo1-content{
float:left;
width:346px;
padding:10px;
background:url(../images/promo1.jpg) no-repeat right bottom;
border-bottom: 1px dotted #CCC;
}
.promo1-content-text{
width:220px;
background:url(../images/pink-arrow.png) no-repeat left top;
padding: 0px 0px 0px 20px;
}
#promo2{
float:left; 
width:290px; 
}
#promo2-content{
width:293px;
float:left;
height:193px;
}
#promo3{
float:left;
width:295px;
}
#promo3-content{
width:295px;
float:left;
height:193px;
}
.title-promo1{
margin:0px;
height:29px;
color:#FFF;
font-size:16px;
width:357px;
padding: 16px 0px 0px 9px;
background:url(../images/title-bar-pink.png) no-repeat left;
}
.title-promo2{
margin:0px;
height:29px;
color:#FFF;
font-size:16px;
width:284px;
padding: 16px 0px 0px 9px;
background:url(../images/title-bar-pink.png) no-repeat left;
}
.title-promo1 a {
font-size:16px;
color:#FFF;
text-decoration:none;
}


.title-promo2 a {
color:#FFF;
font-size:16px;
text-decoration:none;
display:block;
}


.title-promo3{
margin:0px;
height:29px;
color:#FFF;
font-size:16px;
width:286px;
padding: 16px 0px 0px 9px;
background:url(../images/title-bar-pink.png) no-repeat left;
}

/*========== inner page layout, also see content boxes starting line 58 ============*/
#breadcrumbs{
width:919px;
background:#e4edfc;
float:left;
padding:0px 20px;
height: auto;
}
#breadcrumbs p{
color:#af41b4;
font-size:14px;
margin:9px 0px;
padding:0px;
font-weight:bold;
}
#breadcrumbs a{
font-weight:normal;
}
.news-item{
float:left;
padding:10px;
width:449px;
border-bottom:dotted 1px #ccc;
height: auto;
}
.latestnewstext2{
float:left;
width: 299px;
padding: 0px 0px 0px 10px;
}

/*======== ways to give =========*/
#donate2{
float:left;
width:449px;
height:auto;
background:#af41b4;
color:#fff;
font-size:24px;
padding: 10px;
-webkit-border-top-right-radius: 8px;
-khtml-border-radius-topright: 8px;
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-khtml-border-radius-topleft: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
display:block;
}
#donate2 a{color:#FFF; text-decoration:none; display:block;}
#donate2 a:hover{text-decoration:underline; display:block;}
#donate2:hover{background:#96F;}

.purple-quote-box{
float:left; 
width:200px; 
padding:10px; 
background:#56447e;
margin-bottom:10px; 
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.purple-quote-box p{color:#FFF; font-size:14px;}
.purple-quote-box a{color:#FFF;}
.purple-quote-box a:hover{color:#C6F;}

/*=============== events =============*/
.box-events-intro{
float:left;
width:327px;
position: relative;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #f3f3f3 url(../images/events/event1.jpg) no-repeat left;
height: 130px;
border: 1px solid #CCC;
padding: 10px 10px 10px 360px;
}
#donate3{
width:120px;
height:auto;
background:#af41b4;
color:#fff;
font-size:18px;
padding: 6px;
-webkit-border-top-left-radius: 8px;
-khtml-border-radius-topleft: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-khtml-border-radius-bottomleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-left-radius: 8px;
position: absolute;
top: 100px;
right: 348px;
border: 1px solid #f3f3f3;
}
#donate3 a{color:#FFF; text-decoration:none;}
#donate3 a:hover{text-decoration:underline;}
#donate3:hover{background:#96F;}

.events-box-main{
width:699px;
float:left;
padding: 0px;
margin: 7px 0px 0px;
}
#evetnsboxmaintitle-blue{
width:662px;
background: url(../images/title-bar-blue-repeat.png) repeat-x;
float:left;
padding:10px 20px 0px 10px;
height:32px;
font-size:18px;
color:#FFF;
margin: 0px;
}
.content-inner-wrap1{
padding-top:15px; 
width:929px; 
float:left;
}
.eventsinner-wrap{
width:325px;
float:left;
padding: 10px 10px 0px;
border-right: 1px dotted #CCC;
border-bottom: 1px dotted #CCC;
height: 140px;
overflow: hidden;
}
.eventsinner-wrap:hover{ 
background:#f3f3f3;
}
.L3gallery-content{
float:left;
background:#f3f3f3;
width:198px;
padding:10px;
margin: 5px 0px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #ccc;
}
.eventimage{
float:left;
padding-right:10px;
}
.left-border{
border-left: dotted 1px #ccc;
float:left;
width:698px;
}
.more-events-content{
float:left;
padding:10px;
width:449px;
height: auto;
}

/* ============ jobs ===============*/
.vacancy-wrap{
width:469px;
float:left;
/*background:#f3f3f3;*/
font-size:14px;
margin: 0px 0px 10px;
}
.cate{ 
background: url(../images/title-bar-blue-repeat.png) repeat-x bottom; 
color:#FFF;
height:20px;
}
.V-title{
float:left;
width:229px;
padding:5px;
}

/*
.V-title:hover{background:#FFF;}*/
.V-date{
float:left; 
width:100px; 
padding:5px; 
text-align:center;
}
/*.V-date:hover{background:#FFF;}*/
.V-apply-view{
float:left; 
width:50px; 
padding:5px; 
text-align:center;
}
/*.V-apply-view:hover{background:#FFF;}*/
.viewimg{
margin-top:3px;
}
/*============== volunteers =========*/
.top-intro{
float:left;
padding:10px;
background:#f3f3f3;
border:solid 1px #ccc;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width: 447px;
margin: 0px 0px 15px;
}


ul li {

	font-family:georgia, serif;
	font-size:0.9em;
	color:#333;
	padding:2px;
}



/* content boxes */
.content-padded {
	padding:10px;
	width:460px;
	font-size:14px;
}
.middle-content {

	width:450px;
	float:left;
	/*background:#f3f3f3;*/

	padding:10px;
	font-size:14px;
	font-family:georgia, serif;
}




#linkMenu ul {
	margin:0;
	padding:0;
	width:210px;
    
}
#linkMenu ul .current{
	/*background:#e4edfc url(../images/pink-arrow.png) no-repeat 200px;*/
	text-decoration:none;
}


.subLinks li {
	font-size:12px;
	width:100%;
    margin-left:8px;
}

#linkMenu {
	padding:0;
	margin:0;
	width:210px;
}

#linkMenu .subLinks li {
	width:212px;
	background:none;
    border-bottom:none;
    
}

#linkMenu,#linkMenu ul{
    list-style-type: none;
    list-style:none;
}

#linkMenu a {
	display:block;
	width:180px;
}

#linkMenu .subLinks li ul li
{
    margin-left:15px;
}
#linkMenu .subLinks li ul li ul li
{
    margin-left:15px;

}
#linkMenu .subLinks li ul li ul li a
{
    color:#333;

}

#linkMenu .subLinks ul  li a {

    color:#533889;
}

#linkMenu .subLinks ul ul li a {

    color:#533889;
}


.L3-content{
	float:left;
	background:#fff;
	width:100%;
	padding:0px;
	margin: 0px 0px 15px;
	font-family:georgia, serif;
	font-size:14px;
}

.L3-content-link a {
	text-decoration:none;
}

.L3-content-link {
	padding:5px;
	border-bottom:dotted 1px #ccc;
	background:url(../images/blue-arrow.png) no-repeat 200px;
	margin:0px;
	display:block;
	font-size:0.9em;
	color:#666;
	text-decoration:none;
	width:100%;
}
.L3-content-link:hover{
	/*background:#e4edfc url(../images/pink-arrow.png) no-repeat 200px;*/
	text-decoration:none;

}
.L3-content .current{
	background:#fff url(../images/pink-arrow.png) no-repeat 200px;
    
	text-decoration:none;
    
}
.subLinks{
    background:#fff;
    display:block;
    /*color:purple;*/
    min-height:40px;
}
.subLinks a{
     color:purple;
}


.form fieldset {
    margin-top:10px;
}
.form .submit {clear:both;margin-top:10px;float:right;cursor:pointer}

.form fieldset legend {

    font-size:20px;
    font-style:italic;
    text-transform:uppercase;

}
.form .paddedTable {
    padding-top:10px;
    padding-bottom:10px;
}
.form .field {
    margin-top:10px;
    clear:both;
}
.form label {
    display:block;
    margin-top:10px;
}
.form .textBox {
    width:260px;
}
.pagination ul {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
}
.pagination ul li {
    float:left;
    padding:5px;
    border: 1px solid black;
    margin-left:10px;
}

.pagination .nextpage {
     padding:5px;
}
.pagination .currentpage {
    padding:5px;
    border:1px solid #2CAFFF;
}

/* changes made by Cloud Nine Creative */
h3.index-special { font-size:16px !important; }
span.req { font-weight:bold; color:#DA0000; }
table.paddedTable td { padding:7px 0; }