/*

Cicely Saunders International Stylesheet

*/

html {
  font-size:100.1%;
}

body {
	color:#676767;
	background-color:#dddae8;
	font-family: "Lucida Sans Unicode", Arial, helvetica, san-serif;
	font-size:62.5%; 
	height:100%;
	width:100%;
}

h1 {
	color:#2c074e;
	font-size:2.8em;
	margin:0 0 0.5em 0;
}

h2 {
	color:#dda95c;
	font-size:1.4em;
	margin:0 0 0.7em 0;
}

h3 {
	color:#5d4e88;
	margin:0 0 1em 0;
	font-size:1em;
}

p {	
	color:#595959;
	margin:0 0 1em 0;
}

table {	
	color:#595959;
	margin:0 0 1em 0;
	font-size:0.9em;
}

table th {
	font-weight:bold;
}

a:link,
a:visited {
	color:#2c074e;
	text-decoration:none;
}

a:active,
a:hover {
	color:#2c074e;
	text-decoration:none;
	border-bottom:1px dotted #2c074e;
}


strong, b {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

blockquote {
	position:relative;
	margin:0 0 1.3em 0;
	background:#f5f5f5;
	color:#a3a3a3;
	font-family: Georgia, "Times New Roman", Serif;
	padding:20px;
}

blockquote.quote2 {
	background:#efefef;
}

blockquote b,
blockquote strong {
	color:#7a6f98;
	font-family: "Lucida Sans Unicode", Arial, helvetica, san-serif;
	font-size:0.8em;
	font-weight:normal;
}

blockquote p {
	margin:0;
}

/* extra quote styles */

.quote-r,
.quote-l {
	position:absolute;
	width:17px;
}

.quote-t,
.quote-b,
.quote-d {
	position:absolute;
	height:17px;
}

.quote-tl,
.quote-tr,
.quote-br,
.quote-bl {
	position:absolute;
	width:17px;
	height:17px;
}

.quote-tl {
	background:transparent url(../images/quote1_c.png) no-repeat 0 0;
	left:0;
	top:0;
	z-index:10;
}

.quote-t {
	background:transparent url(../images/quote1_h.png) repeat-x 0 0;
	left:0;
	right:0;
	top:0;
	z-index:5;
}

.quote-tr {
	background:transparent url(../images/quote1_c.png) no-repeat 100% 0;
	right:0;
	top:0;
	z-index:10;
}

.quote-r {
	background:transparent url(../images/quote1_v.png) repeat-y 100% 0;
	right:0;
	top:0;
	bottom:0;
	z-index:5;
}

.quote-br {
	background:transparent url(../images/quote1_c.png) no-repeat 100% 100%;
	right:0;
	bottom:0;
	z-index:10;
}

.quote-b {
	background:transparent url(../images/quote1_h.png) repeat-x 0 -17px;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
}

.quote-bl {
	background:transparent url(../images/quote1_c.png) no-repeat 0 100%;
	left:0;
	bottom:0;
	z-index:10;
}

.quote-l {
	background:transparent url(../images/quote1_v.png) repeat-y 0 0;
	left:0;
	top:0;
	bottom:0;
	z-index:5;
}

.quote-d {
	width:72px;
	background:transparent url(../images/quote1_d.png) no-repeat 0 0;
	right:75px;
	bottom:-7px;
	z-index:15;
}

.quote2 .quote-tl {
	background:transparent url(../images/quote2_c.png) no-repeat 0 0;
	left:0;
	top:0;
	z-index:10;
}

.quote2 .quote-t {
	background:transparent url(../images/quote2_h.png) repeat-x 0 0;
	left:0;
	right:0;
	top:0;
	z-index:5;
}

.quote2 .quote-tr {
	background:transparent url(../images/quote2_c.png) no-repeat 100% 0;
	right:0;
	top:0;
	z-index:10;
}

.quote2 .quote-r {
	background:transparent url(../images/quote2_v.png) repeat-y 100% 0;
	right:0;
	top:0;
	bottom:0;
	z-index:5;
}

.quote2 .quote-br {
	background:transparent url(../images/quote2_c.png) no-repeat 100% 100%;
	right:0;
	bottom:0;
	z-index:10;
}

.quote2 .quote-b {
	background:transparent url(../images/quote2_h.png) repeat-x 0 -17px;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
}

.quote2 .quote-bl {
	background:transparent url(../images/quote2_c.png) no-repeat 0 100%;
	left:0;
	bottom:0;
	z-index:10;
}

.quote2 .quote-l {
	background:transparent url(../images/quote2_v.png) repeat-y 0 0;
	left:0;
	top:0;
	bottom:0;
	z-index:5;
}

.quote2 .quote-d {
	width:72px;
	background:transparent url(../images/quote2_d.png) no-repeat 0 0;
	right:75px;
	bottom:-7px;
	z-index:15;
}

.clear {
	clear:both;
	height:0px;
}

.hr {
	
	height:2px;
	width:100%;
	background:transparent url(../images/bg_hr.gif) repeat-x 0 0;
}

.left {
	float:left;
}

.right {
	float:right;
}

.image-left {
	float:left;
	margin:0 1em 1em 0;
}

.image-right {
	float:right;
	margin:0 0 1em 1em;
}

#container {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0 5px 0 5px;
	margin-bottom:10em;
	background: transparent url(../images/bg_shadows.gif) repeat-y 0 0;
}

#shadows-footer {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:14px;
	margin:0 0 -8px 0;
	background: transparent url(../images/bg_shadows_footer.gif) no-repeat 0 0;
	z-index:200;
}

#inner-container {
	position:relative;
	width:960px;
	font-size:1.4em;
}

#image-fade {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:670px;
	background:transparent url(../images/bg_image_fade.png) repeat-x 0 100%;
}

/* =Header
------------------------------------------------------- */

#header {
	position:relative;
	height:124px;
	top:0;
}

#logo {
	float:left;
}

#logo a:link,
#logo a:visited,
#logo a:active,
#logo a:hover {
	display:block;
	height:124px;
	width:190px;
	background:transparent url(../images/csi_logo.png) repeat 0 0;
	text-indent:-9999px;
	text-decoration:none;
	border:0;
}

#main-menu {
	float:right;
	height:70px;
	width:770px;
	background:transparent url(../images/bg_main_menu.png) repeat 0 0;
}

#main-menu ul {
	float:right;
}

#main-menu ul li {
	float:left;
	font-size:1em;
}

#main-menu ul li a {
	position:relative;
	display:block;
	width:80px;
	height:70px;
	
	vertical-align:text-bottom;
}

#main-menu ul li a:link,
#main-menu ul li a:visited{
	color:#463f38;
	border:none;
}

#main-menu ul li a:active,
#main-menu ul li a:hover {
	color:#2c074e;
	border:none;
	background:transparent url(../images/bg_white_50.png) repeat 0 0;
}

#main-menu ul li a span {
	position:absolute;
	left:10px;
	right:10px;
	bottom:10px;
}

/* =Content
------------------------------------------------------- */

#content {
	position:relative;
	margin:80px 0 0 0;
}

#content-fade {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:150px;
	margin:0 0 -100px 0;
	background:transparent url(../images/bg_content_fade.png) repeat-x 0 0;
}

#content-inner {
	position:relative;
	margin:0 auto 60px auto;
	width:900px;
}

#content-inner-top {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:19px;
	background:transparent url(../images/bg_content_inner_tb.png) repeat 0 0;
}

#content-inner-mid {
	position:relative;
	top:19px;
	bottom:19px;
	background:transparent url(../images/bg_content_inner.png) repeat 0 0;
}

#content-inner-bottom {
position:absolute;
	bottom:-38px;
	left:0;
	right:0;
	height:19px;
	background:transparent url(../images/bg_content_inner_tb.png) repeat 0 100%;
}

#main {
	position:relative;
	background:#efefef url(../images/bg_main_bottom.png) repeat-x 0 100%;
	margin:0 auto;
	width:810px;
	padding:25px 25px 35px 25px;
}

#main-top-bg {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:40px;
	background:#efefef url(../images/bg_main_top.png) repeat-x 0 0;
}

#main-left {
	margin:25px 0 30px 0;
	float:left;
	width:200px;
}

/* =Main content area
------------------------------------------------------- */

#main-right {
	position:relative;
	margin:25px 0 30px 0;
	padding:0 0 0 25px;
	float:right;
	width:540px;
	font-size:0.9em;
	background:#efefef url(../images/bg_main_right.gif) repeat-y 0 0;
}

#fade_top {
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:125px;
	background:#efefef url(../images/bg_main_right_fade.png) no-repeat 0 0;
}

#fade_bottom {
	position:absolute;
	left:0;
	bottom:0;
	width:1px;
	height:125px;
	background:#efefef url(../images/bg_main_right_fade.png) no-repeat 0 100%;
}

#main-right ul {
	background:transparent url(../images/content_ul_bg.gif) repeat-y 520px 0;
	margin:0 0 20px 0;
	padding:0 30px 0 0;
}

#main-right ul li {
	
	background:transparent url(../images/content_li_arrow.gif) no-repeat 13px 2px;
	padding:3px 0 3px 50px;
}

#main-right ol {
	background:transparent url(../images/content_ul_bg.gif) repeat-y 485px 0;
	margin:0 0 20px 35px;
}

#main-right ol li {
	width:455px;
	list-style-type:decimal;
	list-style-position:outside;
	padding:3px 0 3px 15px;
}

/* =Sub-menu
------------------------------------------------------- */

#sub-menu h3 {
	color:#b9a6ca;
}

#sub-menu ul li {
	font-size:0.8em;
	background:transparent url(../images/sub_menu_li_arrow.gif) no-repeat 5px 3px;
	padding:0 0 0 30px;
	margin:0 0 2px 0;
}

#sub-menu ul li a:link,
#sub-menu ul li a:visited {
	color:#2c074e;
}

#sub-menu ul li a:hover,
#sub-menu ul li a:active {
	color:#2c074e;
}

/* =Breadcrumb menu
------------------------------------------------------- */

#sub-menu {
	margin:0 0 30px 0;
}

#breadcrumb h3 {
	color:#c0b6a9;
	margin:0;
}

#breadcrumb ul li a {
	display:block;
	background:#ddd2c2 url(../images/bread_arrow_white.png) no-repeat 4px 4px;
	width:185px;
	padding:2px 0 3px 30px;
	margin:1px 0;
	font-size:0.8em;
}

#breadcrumb ul li a.secondary {
	background:#e4dccf url(../images/bread_arrow_white.png) no-repeat 4px 4px;
}

#content #breadcrumb ul li a:link,
#content #breadcrumb ul li a:visited {
	color:#fff;
	text-decoration:none;
	border:0;
}

#content #breadcrumb ul li a:hover,
#content #breadcrumb ul li a:active {
	color:#fff;
	text-decoration:none;
	border:0;
	background:#dfc692 url(../images/bread_arrow_white.png) no-repeat 4px 4px;
}

/* =Footer
------------------------------------------------------- */

#footer {
	clear:both;
	background:#e8e8e8;
	margin:100px 0 0 0;
	color:#696869;
	padding:20px;
}

#footer p {
	margin:0;
	font-size:0.8em;
}

#footer-logo {
	float:left;
	width:134px;
	height:65px;
	background:transparent url(../images/footer_logo.gif) no-repeat 0 0;
}

#footer-left {
	float:left;
}

#footer-right {
	float:right;
	text-align:right;
}

#footer a:link,
#footer a:visited {
	color:#89749b;
}

#footer a:active,
#footer a:hover {
	color:#89749b;
}

/* =Home page
------------------------------------------------------- */

#home-strapline {
	position:relative;
	height:365px;
}

#home-strapline p {
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
	padding:8px;
	background:transparent url(../images/bg_black_80.png) repeat 0 0;
	font-size:1.2em;
	color:#fff;
}

#home-news {
	position:relative;
	background:transparent url(../images/bg_white_80.png) repeat 0 0;
	height:30px;
	padding:20px;
}

#home-news p {
	margin:0 0 0.3em 0;
}

#archive-link {
	font-size:0.8em;
	float:right
}

#home-news a:link,
#home-news a:visited {
	color:#290648;
}

#latest-news {
	position:absolute;
	top:-23px;
	left:20px;
	width:90px;
	height:20px;
	background:#e89869 url(../images/bg_latest_news.png) no-repeat 0 0;
	color:#fff;
	padding:3px 0 0 8px;
}

#home-sub {
	border-top:10px solid #b5f4ca;
	background:#2d074d url(../images/bg_home_sub.png) repeat-x 0 100%;
}

#home-sub p {
	color:#fff;
}

#home-sub-left {
	float:left;
	width:440px;
	margin:20px 20px 0 20px;
}

#home-sub-right {
	float:right;
	width:440px;
	height:200px;
	padding:20px;
	background:#2d074d url(../images/bg_white_20.png) repeat 0 0;
}

#home-sub-right h2 {
	color:#b7b7b7;
	font-size:1.2em;
}

#home-sub-right p {
	font-size:0.9em;
}

#home-sub form {
	background:#1d0433 url(../images/bg_home_form.png) no-repeat 20px 57px;
	padding:20px;
}

#home-sub form h3 {
	color:#e09365;
	font-size:1.2em;
}

#home-sub form input {
	background:none;
	border:0;
}

#home-email {
	width:260px;
	height:20px;
	margin:0 20px 0 0;
	padding:0 0 0 10px
}

#home-submit {
	width:92px;
	color:#fff;
	padding:3px 0 0 10px;
}

#home-donations {
	width:190px;
	float:left;
	height:190px;
}

#home-donations p {
	font-size:0.8em;
}

.donate-link img {
	position:absolute;
	margin:0px 0 0 0;
}

.donate-link a {
	float:right;
	display:block;
	width:80px;
	text-align:right;
	padding:5px 10px 5px 60px;
	margin:25px 0 0 0;
	font-size:1.6em;
}

.donate-link a:link,
.donate-link a:visited {
	background:#604b74;
	color:#fff;
	border-right:2px solid #ec216e;
	border-bottom:none;
}

.donate-link a:active,
.donate-link a:hover {
	background:#604b74;
	color:#ec216e;
	
}

#home-media {
	float:left;
	width:190px;
	height:190px;
	background:transparent url(../images/home_sub_dot_white.png) repeat-y 0 0;
	padding:0 0 0 20px;
	margin:0 0 0 20px;
}

#home-media ul {
	background:transparent url(../images/home_media_dots.gif) repeat-x 0 0;
	font-size:0.9em;
	line-height:1.1em;
}

#home-media ul li {
	position:relative;
	background:transparent url(../images/home_media_dots.gif) repeat-x 0 100%;
}

#home-media ul li a {
	display:block;
	padding:10px 10px 10px 70px;
}

#home-media ul li a:link,
#home-media ul li a:visited {
	color:#b7b7b7;
}

#home-media ul li a:active,
#home-media ul li a:hover {
	color:#b7b7b7;
	border:0;
	background:transparent url(../images/bg_black_20.png) repeat 0 0;
}

#home-media ul li a span {
	position:absolute;
	left:8px;
	top:9px;
	background:transparent url(../images/bg_media_img.gif) no-repeat 0 0;
	padding:2px 2px 2px 2px;
}

#footer.home {
	margin-top:0;
}

/* =Image border styles
------------------------------------------------------- */

.image-border {

}

.image-border p {
	position:absolute;
	padding:5px;
	background:transparent url(../images/bg_pur_85.png) repeat 0 0;
	bottom:9px;
	left:10px;
	right:10px;
	color:#fff;
	font-size:0.9em;
	margin-bottom:0;
}

.image-border-wrapper {
	position:relative;
	padding:6px;	
}

.border-tl,
.border-t,
.border-tr,
.border-r,
.border-br,
.border-b,
.border-bl,
.border-l {
	position:absolute;
}

.border-tl {
	background:transparent url(../images/bg_img_tl.gif) no-repeat 0 0;
	left:0;
	top:0;
	width:9px;
	height:9px;
	z-index:20;
}

.border-t {
	background:transparent url(../images/bg_img_t.gif) repeat-x 0 0;
	top:0;
	left:0;
	right:0;
	height:9px;
	z-index:10;
}

.border-tr {
	background:transparent url(../images/bg_img_tr.gif) no-repeat 0 0;
	right:0;
	top:0;
	width:9px;
	height:9px;
	z-index:20;
}

.border-r {
	background:transparent url(../images/bg_img_r.gif) repeat-y 0 0;
	top:0;
	bottom:0;
	right:0;
	width:9px;
	z-index:10;
}

.border-br {
	background:transparent url(../images/bg_img_br.gif) no-repeat 0 0;
	right:0;
	bottom:0;
	width:9px;
	height:9px;
	z-index:20;
}

.border-b {
	background:transparent url(../images/bg_img_b.gif) repeat-x 0 0;
	bottom:0;
	left:0;
	right:0;
	height:9px;
	z-index:10;
}

.border-bl {
	background:transparent url(../images/bg_img_bl.gif) no-repeat 0 0;
	left:0;
	bottom:0;
	width:9px;
	height:9px;
	z-index:20;
}

.border-l {
	background:transparent url(../images/bg_img_l.gif) repeat-y 0 0;
	top:0;
	bottom:0;
	left:0;
	width:9px;
	z-index:10;
}

.img-caption {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:transparent url(../images/bg_purple_85.png) repeat 0 0;
}