/* Chase CVS Stylesheet */



/* White Space Reset */



* {

 margin:0;
 padding:0;

}



/*--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
------------------------------------ Main Layout */



body {

 text-align:right;

 background:url('../../images/layout/logo.gif') top right no-repeat;

}

body.admin {

 background:url('../../images/layout/logo_admin.gif') top right no-repeat;

}



.logo {

 font-size:2.65em;

 letter-spacing:-2px;

 line-height:0.8em;

 margin:95px 25px 50px 25px;

 color:#A0D3D3;

 font-weight:bold;

}

.logo a {
 color:#A0D3D3;
 text-decoration:none;
}

.logo strong {

 color:#46B7B7;

}

.logo em {

 display:block;

 font-weight:normal;

 font-size:0.7em;

 color:#C3C3C3;

 text-transform:lowercase;

}

.admin .logo {

 color:#D591EE;

 font-size:1.9em;

}

.admin .logo strong {

 color:#D38EEE;

}

.admin .logo em {

 color:#9756AF;

 font-style:normal;

 font-weight:bold;

 font-size:1.6em;

 text-transform:none;

 margin:10px 0 32px 0;

}



#navigation {
 list-style:none;
}

#navigation, #navigation * {
 padding:0;
 margin:0;
}

#navigation {
 margin-right:1px;
}

#navigation li {
 float:right;
 position:relative;
 width:9%;
}
#navigation li ul li {
 width:100%;
}

#navigation li a {
 display:block;
 text-align:center;
 color:#269191;
 font-weight:bold;
 font-size:0.8em;
 text-decoration:none;
}

#navigation li a {
 padding:0.5em 0 1em 0;
}
#navigation li a.twolines {
 padding:0;
}

#navigation li ul li a {
 padding:8px 5px;
}

#navigation li ul li a:hover {
 background-color:white;
}

#navigation li ul {
 display:none;
 width:100%;
 position:absolute;
 top:2em;
 left:0;
 clear:right;
 list-style:none;
 border-top:2px solid #7ECFCF;
 border-bottom:1px solid #7ECFCF;
 background-color:#DCF1F1;
}

/* Hovery action! */
#navigation li:hover ul, #navigation li.over ul { display: block; }

/* IE Fix */
li > ul { top: auto; left: auto; }

body.home #navigation li a.home,
body.facilities #navigation li a.facilities,
body.projects #navigation li a.projects,
body.news #navigation li a.news,
body.calendar #navigation li a.calendar,
body.about #navigation li a.about,
body.links #navigation li a.links,
body.training #navigation li a.training,
body.opportunities #navigation li a.opportunities,
body.downloads #navigation li a.downloads {color:#30B6B6;}


acronym {

 cursor:help;

}





.main {

 margin:170px 300px 30px 20px;

 text-align:left;

}

* html body .main {
 margin:70px 300px 30px 20px;
}



.right {

 width:260px;

 float:right;

 margin:60px 20px 0 0;

 clear:both;

 padding:0;

}

.right div {

 border:2px solid #E4DCA3;

 padding:15px;

 margin:0 0 20px 0;

 background:url('../../images/layout/sidebg.gif');

}

.right div div {

 border:none;

 padding:0;

 background:none;

}

.homecomforts {

 text-align:center;

}

.homecomforts img,

.homecomforts a img {

 border:1px solid #E4DCA3;

}



.footer {

 background:url('../../images/layout/footer.gif') top right no-repeat;

 padding:10px 10px 50px 0;

 clear:both;

 font-size:0.85em;

 text-align:right;

 font-family:Verdana, sans-serif;

}

.footer .backtotop {
 font-weight:bold;
 font-size:1.2em;
}
.footer .backtotop a:link,
.footer .backtotop a:visited {
 color:#005555;
 text-decoration:none;
 border-bottom:2px solid #ccc;
}
.footer .backtotop a:hover,
.footer .backtotop a:active {
 color:#005555;
 text-decoration:none;
 border-bottom:2px solid #aaa;
}

.footer h6 {
 display:inline;
}

.footer .contact {

 margin:0 0 5px 0;

 font-size:1.1em;

 color:#222;
 display:inline;

}



/* Secondary Layout */



.home .navigation li .home,

.about .navigation li .about,

.map .navigation li .map,

.facilities .navigation li .facilities,

.calendar .navigation li .calendar,

.projects .navigation li .projects,

.staff .navigation li .staff,

.related .navigation li .related {

 color:white;

}



























/*--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
------------------------------------ Main Style */



body {

 font-size:0.9em;

 font-family:Verdana, Arial, sans-serif;

}



.main a:link,

.main a:visited {

 color:#40AAAA;
 text-decoration:none;
 border-bottom:1px solid #ccc;

}

.main a:hover,

.main a:active {

 color:#93D7D7;

 text-decoration:none;
 border-bottom:1px solid #eee;

}

.main a.noborder {
 border:none;
}

a img { border:none; }

h3 a:hover {
 color:inherit;
}


h1, h2, h3, h4, h5, h6 {font-family:Verdana, sans-serif; margin:0 0 10px 0;}



h1 {

 font-size:2.5em;

 letter-spacing:-0.05em;

 line-height:0.9em;

 font-weight:normal;

 margin:0 0 30px 0;

 color:#aaa;

}

  h1 strong {

   font-size:1.3em;

   display:block;

   color:#008080;

  }

h2 {

 font-size:2.3em;

 margin:20px 0;

 color:#46B7B7;

}

h3 {

 text-align:center;

 background:url('../../images/layout/h3bg.gif') 50% 50% no-repeat;

}

h3 span {

 padding:0 15px;

 background-color:white;

}

.main h4 {
 color:#40ACAC;
 font-size:1.2em;
 margin-top:20px;
}
.main h4.nomargin {
 margin-top:0;
}
.main h6 {
 color:#999;
 font-weight:normal;
 margin:0;
}





.main {

 font-family:Verdana, sans-serif;

}

p, address, .main ul {

 font-size:1em;

 color:#555;

 line-height:1.5em;

 margin:0 0 10px 0;

}

  p.big {

   font-size:1.2em;

   color:black;

   margin:0 0 20px 0;

  }

  p.small {

   font-size:0.7em;

  }

  p.bold {

   font-weight:bold;

  }

address {

 margin:0 0 5px 0;

 font-style:normal;

}

hr {
 margin:50px 0 10px 0;
}

ul, ol {
 color:#555;
 margin:20px 0;

}

ul ul {

 margin:5px 20px;

}

ul li,
ol li {

 margin:5px 0 0 40px;

}

ol.spaced li,
ul.spaced li {
 margin-bottom:15px;
}



dl {

 margin:30px 40px;

}

dl dt {

 font-weight:bold;

}

dl dd {

 margin:5px 20px;

}

dl.staff {

 text-align:center;

 margin:20px 0 20px 0;

}

dl.staff dt,

dl.staff dd {

 padding:0;

 margin:0;

}

dl.staff dt {

 font-weight:normal;

}

dl.staff dd {

 margin:3px 0 10px 0;

 font-size:0.8em;

 color:#008080;

}

dl.servicesprojectsprojects {

 margin:0;

}

dl.servicesprojects img {

 float:left;

}

dl.servicesprojects dt {

 margin-bottom:10px;

 font-size:1.2em;

 font-weight:normal;

}

dl.servicesprojects dd {

 padding:0;

 margin-bottom:5px;

}

dl ul li {

 margin:0 0 0 40px;

}

dl.servicesprojects dl {

 margin:10px 0 0 30px;

}

dl.servicesprojects dl dt {

 font-size:0.9em;

 font-style:italic;

}

dl.serviceprojects dl dd {

 font-size:0.85em;

 margin:0 0 30px 0;

}


dl.leaflets dt,
dl.newsletters dt,
dl.annualreports dt,
dl.ebulletins dt {
 padding-left:25px;
 background-position:0 0;
 background-repeat:no-repeat;
 line-height:20px;
}
dl.leaflets dd,
dl.newsletters dd,
dl.annualreports dd,
dl.ebulletins dd {
 padding-left:5px;
}
dl.leaflets dt {
 background-image:url('../../images/thumbnails/icons/leaflet.gif');
}
dl.annualreports dt {
 background-image:url('../../images/thumbnails/icons/leaflet.gif');
}
dl.ebulletins dt {
 background-image:url('../../images/thumbnails/icons/leaflet.gif');
}
dl.newsletters dt {
 background-image:url('../../images/thumbnails/icons/newsletter.gif');
}


.grey {

 color:#888;

}

.red {

 display:block;

 margin:10px 0;

 text-align:center;

 border:3px double #a00;

 background-color:#FFD5D5;

 font-size:0.8em;

 width:170px;

 color:red;

 padding:10px;

}

.images {

 text-align:center;

 margin:0 0 20px 0;

}

.images img {

 margin:10px;

 border:none;

}


.newsimage {
 width:50%;
 float:right;
 border:5px double #ccc;
}
  

  

/* FOOTER STYLE */



.footer h6 {

 font-size:1em;

 color:#008080;

 margin:2px 0 3px 0;

}



/* RIGHT HAND SIDE STYLE */



.right {

 font-size:0.85em;

}

.right h5 {

 color:#D8B343;

 font-size:1em;

 margin:0 0 10px 0;

}

.right h5.center {
 text-align:center;
}

.right p {

 margin:0 0 5px 0;

}

.right ul {

 margin:0 0 5px 0;

}

.right ul li {

 list-style:none;

 padding:0 15px 0 0;

 margin:0;
 line-height:2em;

 font-size:1em;

 background:url('../../images/layout/li_side.gif') 99% 50% no-repeat;

}

.homecomforts ul li {

 padding:0;

 background:none;

}

.right div dl,

.right div dl * {

 margin:0;

 padding:0;

 font-size:0.95em;

}

.right div dl * {

 margin:0 0 5px 0;

}

.right div dt {

 text-align:left;

 color:#888;

 font-weight:normal;

}

.right div dd {

 text-align:right;

}



.right a:link,

.right a:visited,

.footer a:link,

.footer a:visited {

 color:#888;

}

.right a:hover,

.right a:active,

.footer a:hover,

.footer a:active {

 color:#aaa;

 text-decoration:none;

}

.imgright {
 float:right;
 margin:10px 0 10px 20px;
 border:2px solid #ddd;
}
.imgleft {
 float:left;
 margin:10px 20px 10px 0;
 border:2px solid #ddd;
}
.imgmiddle {
 display:block;
 margin:20px auto;
 border:2px solid #ddd;
}







/*--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
------------------------------------ Section Specific */


/* Volunteering */

.volunteeringdl {
 margin:0;
}
.volunteeringdl dt,
.volunteeringdl dd {
 margin:0;
}
.volunteeringdl dt {
 margin:0 0 10px 0;
}

h5 {
 font-size:1.1em;
 color:#008080;
}

table {
 margin-bottom:10px;
}
table#volunteerform_available td {
 text-align:center;
 padding:3px 5px;
 color:#555;
 width:10em;
}
table#volunteerform_available tr.am {
 background-color:#fefefe;
}
table#volunteerform_available tr.pm {
 background-color:#f8f8f8;
}
table#volunteerform_available tr.eve {
 background-color:#e7e7e7;
}

table#volunteerform_interestsactivities td,
table#volunteerform_interestsactivities th {
 padding:5px 10px;
}
table#volunteerform_interestsactivities {
 width:100%;
 color:#555;
}
table#volunteerform_interestsactivities th {
 font-weight:bold;
 text-align:left;
}
table#volunteerform_interestsactivities tr.even {
 background-color:#fafafa;
}

.formbox {
 border:1px solid #aaa;
 background-color:#efefef;
 margin:0 0 20px 0;
 padding:10px 10px 0 10px;
}
.submitbutton {
 text-align:right;
}
.reviewinfo {
 padding:10px;
 background-color:#E0F3F3;
 border:1px solid #B7E3E3;
 margin:20px 0;
}
.acceptinfo {
 padding:40px;
 background-color:#efefef;
 border:1px solid #aaa;
 text-align:center;
 color:#444;
}
.submitbutton input,
.acceptinfo input {
 padding:5px 20px;
}
.formbox h4 {
 margin:0 0 10px 0;
}

.halfpage {
 width:50%;
 float:left;
}
.thirdpage {
 width:32%;
 float:left;
}

dl.reviewinfodl dt {
 float:left;
 clear:left;
 width:49%;
 text-align:right;
}
dl.reviewinfodl dd {
 margin:0 0 0 51%;
}
dl.reviewinfodl h5 {
 margin:15px 0;
 text-align:center;
}
dl.reviewinfodl p {
 margin:0;
 text-align:center;
 color:black;
}
dl.reviewinfodl ul {
 margin:0;
 padding:0;
}
dl.reviewinfodl ul li {
 margin:0;
 padding:0;
 list-style:none;
 font-weight:bold;
}
dl.reviewinfodl ul.yes li {
 color:#008300;
}
dl.reviewinfodl ul.no li {
 color:#AA0000;
}

.volform_ownrecords {
 padding:30px;
 border:1px solid #999;
 margin-top:30px;
}


/* About Us Section */



.mainfunctions {

 margin:20px 10px;

 padding:0;

}

.mainfunctions li {

 line-height:2em;

 padding:0;

 list-style:none;
 
 margin:0;

}

.mainfunctions .odd {

 color:#008080;

}

.mainfunctions .even {

 color:#46B7B7;

}

.mainfunctions li strong {

 font-family:Verdana, sans-serif;

 font-size:1.3em;

 font-weight:normal;

}



/* Calendar Section */



.calendartitle {

 margin:60px 0 0 0;

}
.calendar_monthinfo {
 text-align:center;
 margin:0 0 30px 0;
 font-size:0.8em;
 color:#ccc;
 font-weight:normal;
}

table.calendar {

 width:80%;

 margin:0 auto 60px auto;

 font-size:1em;

}

* html table.calendar { width:60%; }

table.calendar tr td.odd {

 background-color:#92DCDC;

}

table.calendar td,

table.calendar th {

 text-align:center;
 
 width:13%;

}

table.calendar td {

 padding:5px 5px 5px 5px;
 vertical-align:top;
 text-align:left;
 height:110px;

}
table.calendar td ul {
 padding:0;
 margin:0;
 list-style:none;
 font-size:0.8em;
 letter-spacing:-1px
}
table.calendar td ul li {
 padding:0 0 3px 0;
 margin:0;
}

table.calendar th {

 padding:15px 0;

 background-color:#75CACA;

 color:white;

 width:90px;

}

table.calendar .mon {

 background:#75CACA url('../../images/layout/roundleft.gif') 0 0 no-repeat;

}

table.calendar .sun {

 background:#75CACA url('../../images/layout/roundright.gif') 100% 0 no-repeat;

 border-right:1px solid #fff;

}

table.calendar .sat, 

table.calendar .sun {

 color:#BFE6E6;

}

table.calendar caption {

 text-align:left;

 margin:0 0 20px 0;

 padding:0;

}

table.calendar .days td {

 background-repeat:no-repeat;

 background-position:-5000%;

 border-bottom:1px solid #BFE6E6;

}

table.calendar .days td span {

 text-align:right;

 display:block;

 color:#53BBBB;

 font-size:1.5em;

}

table.calendar .days td.odd span {
 color:white;
}

select option.has_events {
 font-weight:bold;
}

dl.event dd {
 margin:0 0 10px 0;
}
dl.event dd.desc {
 margin-bottom:40px;
}
dl.event dt {
 clear:left;
 float:left;
 width:100px;
}

.sidebar_go {
 padding:2px 5px;
}

/* Links Section */

.links dt {

 margin:20px 0 5px 0;

}

/* Facilities and Services */

.itemlist div {
 width:48%;
 float:left;
 margin:0 2% 30px 0;
}

* html .itemlist div { width:35%; }

.itemlist div img {
 float:left;
 margin:0 20px 0 0;
}
.itemlist div p {
 font-size:0.9em;
}

.itemlist div p,
.itemlist div h5,
.itemlist div ul {
 margin-left:170px;
}

.smallthumbs div img {
 width:110px;
}
.smallthumbs div p,
.smallthumbs div h4,
.smallthumbs div ul {
 margin-left:130px;
}


.itemlist div ul li {
 margin:0 0 0 20px;
}

/* Newsletter */

.newsletters dt {
 margin:15px 0 0 0;
 color:#89D3D3;
}

/* Opportunities */

.ads {
 margin:30px 0;
}

/* Training Opportunities */

.images {
 text-align:center;
}
.images .mleft {
 margin-left:50px;
}
.images .mright {
 margin-right:50px;
}
.readmore {
 margin:0 0 5px 0;
 font-size:0.8em;
 text-align:right;
}


/* Projects */

.projectcontact {
 border:1px solid #269191;
 background-color:#E8F9F9;
 padding:10px;
 height:115px;
}
.projectcontact img {
 background-color:white;
 float:right;
 border:1px solid #269191;
}
.projectcontact p {
 color:#1B6565;
}










/* ADMIN STYLE*/



.staff_admin {
 padding:0;
 margin:0;
 width:100%;
}
* html .staff_admin {
 width:50%;
 margin:0 0 0 5%;
}
.staff_admin th {
 border-bottom:2px solid #ccc;
 padding:8px 5px;
}
.staff_admin th.name {
 width:30%;
}
.staff_admin th.position {
 width:70%;
}
* html .staff_admin th.position,
* html .staff_admin th.name {
 width:50%;
}
.staff_admin td {
 padding:0;
 margin:0;
}
.staff_admin td.t_title {
 padding:5px 0;
 font-weight:bold;
}
.staff_admin td input,
.staff_admin td textarea {
 width:100%;
}
* html .staff_admin td input,
* html .staff_admin td textarea {
 width:300px;
}

.staff_admin .editable {
 border:1px solid #EFE0A3;
 font-family:inherit;
 font-size:inherit;
 background-image:url('../../images/layout/inputbg.gif');
}

.manage_addnew {
 margin-top:30px;
 text-align:right;
}
.tablemanage {
 width:70%;
 margin:0 15%;
}
* html .tablemanage {
 width:50%;
 margin:0 0 0 7%;
}
.tablemanage td {
 padding:8px 15px;
}
.tablemanage th {
 border-bottom:2px solid #ccc;
 padding:8px 5px;
}
.tablemanage .t_title td {
 padding:15px 5px 8px 5px;
}
.tablemanage .t_none td {
 color:#ccc;
}
.tablemanage .odd td {
 background-color:#f9f9f9;
}
.tablemanage th.download {
 width:80%;
 text-align:left;
}
.tablemanage th.action {
 width:20%;
 text-align:right;
}
.tablemanage td.icons {
 text-align:right;
 padding:0 10px 0 0;
}
.tablemanage td.icons a {
 border:none;
}

.new a:link,
.new a:visited {
 border-color:#77BD77;
 color:#458D45;
 background-color:#B4E2BA;
}
.new a:hover,
.new a:active {
 border-color:#8BC78B;
 background-color:#D2EED6;
}
.manage a:link,
.manage a:visited {
 border-color:#D2CB60;
 color:#97922B;
 background-color:#F1EE92;
}
.manage a:hover,
.manage a:active {
 border-color:#DCD885;
 background-color:#F7F5BB;
}

.reviewinsert {
 text-align:center;
 border:3px double #aaa;
 background-color:#f8f8f8;
 padding:50px;
}
.reviewinsert dt {
 margin:0 0 5px 0;
 padding:0;
 color:#5395A8;
}
.reviewinsert dd {
 margin:0 0 15px 0;
 padding:0;
}



.admin h1 {

 font-size:1.7em;

}



.admin .halfbox {

 width:45%;

 float:left;

 padding:10px;

}

* html .admin .halfbox {

 width:35%;

}

.admin .halfbox ul {

 padding:0;

 margin:10px;

}

ul.addmanage li {

 padding:0;

 margin:0;

 list-style:none;
 
 display:inline;

}

ul.addmanage li a {

 display:block;

 padding:2px 0 2px 30px;

 background-position:5px 50%;

 background-repeat:no-repeat;

}

.admintasks_full ul.addmanage li,
.admintasks_quick ul.addmanage li {

 background-image:none;

}

.admintasks_full ul.addmanage li a,
.admintasks_quick ul.addmanage li a {

 padding:4px 30px 4px 0;

 background-position:99% 50%;

}

ul.addmanage li a.add {

 background-image:url('../../images/layout/admin/new.gif');

}

ul.addmanage li a.manage {

 background-image:url('../../images/layout/admin/manage.gif');

}

ul.addmanage li a.email {

 background-image:url('../../images/layout/admin/mail.gif');

}

ul.addmanage li a.adminhome {

 background-image:url('../../images/layout/admin/cogs.gif');

}

ul.addmanage li a.home {

 background-image:url('../../images/layout/admin/home.gif');

}

.notepad {

 clear:left;

 border:1px solid #ccc;

 padding:20px;

 text-align:center;

 background-color:#EAF2F2;

 border:1px solid #46B7B7;

}

.notepad textarea {

 height:150px;

 padding:10px;
 
 width:100%;
 display:block;

}

* html .notepad textarea {
 width:550px;
}

.notepad input {

 padding:5px 10px;

 margin:10px 0 0 0;

}

.admin ul.manage {

 margin:0 0 0 40px;

}

.admin ul.manage img {

 border:none;

 position:relative;

 top:3px;

}

.admin ul.manage {

 padding:0;

 margin:10px;

}

.admin ul.manage li {

 list-style:none;

 background:url('../../images/layout/li_main.gif') 0 50% no-repeat;

 padding:0 0 0 18px;

 margin:0 0 3px 0;

}

.admin ul.manage span {

 margin:0 10px 0 0;

}

.admin ul.manage small {

 color:#aaa;

 font-style:italic;

}



.admin select option {

 padding:2px;

}

.admin form .title {

 font-size:2em;

 width:400px;

}



.admin form {

 margin:10px;

 padding:20px;

}

.admin .formnew {
 background-color:#F1F8F1;
 border:1px solid #BEDEBE;
}
.admin .formedit {
 background-color:#FCF9ED;
 border:1px solid #E6D7B7;
}
.admin form .submitbutton {
 text-align:center;
 margin:20px 0 0 0;
}
.admin form input, .admin form textarea {
 padding:5px;
}
* html .admin form input {
overflow: visible;
padding: 0 2px;} 
* html .staff_admin td input {overflow:hidden;}
.admin form .input_title {
 font-size:1.3em;
}

.admin form dl {
 margin:0;
 padding:0;
}

form.new {

 border:1px solid #77BD77;

 background:#F0F9F1 url('../../images/layout/admin/newbig.gif') 100% 0 no-repeat;

}

form.edit {

 border:1px solid #F3D65F;

 background:#ffffed url('../../images/layout/admin/editbig.gif') 100% 0 no-repeat;

}

.admin form h4 {

 text-align:right;

 padding:5px 25px 5px 0;

}

.admin form h5 {
 margin:10px 0;
}

form.new h4 {

 color:#97CC97;

}

form.edit h4 {

 color:#F3D65F;

}

form .submit {

 text-align:center;

 margin:50px 0 20px 0;

}

form .submit input {

 padding:5px 20px;

}

form.new label,

form.new h6 {

 color:#50A550;

}

form.edit label,

form.edit h6 {

 color:#B89A21;

}

form .expl {

 color:#666;

 font-style:italic;

}

.admin form .files {

 margin:40px 10px 0 10px;

 background-color:white;

 padding:0 20px 10px 20px;

 border:1px solid #ccc;

}

.admin form .files input {

 margin:0 5px;

 position:relative;

 top:-1px;

}

.currentthumb {

 float:right;

 text-align:center;

 padding:10px 0 0 0;

}

.currentthumb img {

 height:70px;

 margin:0 10px 10px 10px;

}