* {padding:0px; margin:0px}

body {font-family:Arial, Helvetica, sans-serif; color:#333333; background: url(../_img/bg.jpg) #eaf2f4 repeat-x; font-size:0.8em;}
P {line-height:120%}
#canvas {width:980px; background:#FFFFFF; margin:auto; }
#header {width:980px; height:183px; background:url(../_img/bg_head.gif)}
A {color:#006677; text-decoration:none}
A:hover {color:#099;}
SPAN {color:#006877}

#headerrighthold {width:730px; height:183px; float:right; position:relative; right:25px;}

#logolink A {width:250px; height:163px; float:left; display:block }
#searchbox {width:350px; height:100px; float:right; }
#searcharea {width:232px; height:35px; float:right; background:url(../_img/bg_search.gif) no-repeat; position:relative; top:40px;}
#searcharea INPUT {border:none; background:#FFFFFF; width:170px; position:relative; top:7px; left:40px; font-size:1.3em; color:#0083a0;  }
#strapline {height:50px; float:right; }
#strapline H1{font-size:1.7em; color:#006677;}
#gobutton A {float:right; background:url(../_img/bg_search.gif) no-repeat; display:block; width:69px; height:35px; background-position: 100% 0px; position:relative; top:40px; }
#gobutton A:HOVER {background-position: 100% -35px}
#tabhold UL {float:right; }
#tabhold LI {list-style:none; float:left; display:block; float:left; margin-left:10px }
#tabhold A {display:block; height:32px; width:86px; text-align:center; background:url(../_img/tab.gif) no-repeat;}
#tabhold A:HOVER {background:url(../_img/tab.gif) no-repeat; background-position:100% -32px;}
#tabhold A.selected {background:url(../_img/tab.gif) no-repeat; background-position:100% -32px;}
#tabhold A span {font-weight:bold;position:relative;top:8px}

.navhold {background:#006677; padding-top:0px; padding-bottom:0px; width:980px;}
.nav1 {float:left;}
.nav1 H1 {color:#FFFFFF; font-size:1.1em; padding-top:12px; padding-bottom:12px; padding-left:18px; padding-right:18px; border-right:solid 1px #66a3ad;}
.nav1 H1 a {color:#fff}
.nav1.selected {background:#e1ecee;}
.navhold .selected h1 a {color:#016678;}

#contenthold{padding-top:26px; }
#contenthold .banner{padding-bottom:15px;}
#contenthold H1{font-size:1.5em; color:#333333; font-weight:normal; padding-bottom:10px;} /*7eb3ba*/
#contenthold H1 SPAN{color:#006877;}
#contenthold H1 strong{color:#006877;}

#leftcol {width:534px; float:left; position:relative; left:26px; padding-bottom:26px;}
#rightcol {width:331px; float:right; position:relative; right:26px; padding-bottom:26px;}

#signup {background:url(../_img/bg_signup.gif) no-repeat;padding-top:58px;margin-bottom:15px; width:331px;}/* height:132px;}*/
#signup UL {background:url(../_img/bg_signup-rep.gif) repeat-y;/*position:relative; top:58px;*/ padding-left:17px;}
#signup LI {display:block; background:url(../_img/bullet.gif) no-repeat; background-position:0% 3px; padding-left:10px; list-style:none; padding-bottom:3px; color:#FFFFFF; font-weight:bold}
#signup LI#signup_form {background:none; padding-top:15px; padding-bottom:15px;}
#signup .button {position:relative;bottom:8px;}
#signup A {text-decoration:none; color:#FFFFFF; font-weight:bold; font-size:1.05em}
#signup A:HOVER {color:#01639c;}
#signup .bottom {height:15px;background:url(../_img/bg_signup.gif) no-repeat bottom;/*position:relative;top:58px;*/}

.findvolunteer A {width:331px; height:47px; display:block; background:url(../_img/button_findvolunteering.gif) no-repeat;}
.findvolunteer A:HOVER {background-position:0px -52px}
.needvolunteer A {width:331px; height:48px; display:block; background:url(../_img/button_findvolunteering.gif) no-repeat 0px -104px;}
.needvolunteer A:HOVER {background-position:0px -156px}

.sectorjobs {width:331px; height:113px; display:block; background:url(../_img/button_sectorjobs.gif) no-repeat;}
.sectorjobs A {color:#FFFFFF}
.sectorjobs A:HOVER {color:#4d0139}
.sectorjobs UL {position:relative; top:55px; left:15px}
.sectorjobs LI {display:block; background:url(../_img/bullet.gif) no-repeat; background-position:0% 3px; padding-left:10px; list-style:none; padding-bottom:3px; color:#FFFFFF; font-weight:bold}

#trainingcourses.head {width:331px; height:42px; background:url(../_img/bg_rightcolhead.gif); }
#trainingcourses.head H1 {font-size:1.6em; padding-top:10px; padding-left:15px; color:#5c53d1;}

.trainingcourses.list UL {width:331px;}
.trainingcourses.list LI {position:relative;width:331px; list-style:none; }
.trainingcourses.list LI A {width:329px; background:url(../_img/bg_training_off.gif) repeat-x top; display:block;border-left:1px solid #DFE3E2;border-right:1px solid #DFE3E2;padding:5px 0px;}
.trainingcourses.list LI A:HOVER {background-image:url(../_img/bg_training_on.gif);}
.trainingcourses.list LI A.hover {background-image:url(../_img/bg_training_on.gif);}
.trainingcourses.list LI A.book {position:absolute;top:9px;right:20px;width:61px;height:20px;border:none;background:url(../_img/book_button.gif) no-repeat;text-indent:-999px; overflow:hidden}
.trainingcourses.list LI A:HOVER.book {background-position:100% -32px;}
.trainingcourses.list LI A.hover.book {background-position:100% -32px;}
.trainingcourses.list LI SPAN {display:block; color:#2d454a; font-size:1em; padding-left:16px; line-height:100%; padding-top:5px; width:230px;}
.trainingcourses.list LI SPAN STRONG {color:#5c53d1; font-weight:bold; }


.trainingcourses .foot {width:331px; height:32px; background:url(../_img/bg_rightcolfoot.gif); }
.trainingcourses .foot A {color:#5c53d1;font-weight:bold; position:relative; top:5px; left:16px;}
.trainingcourses .foot A:HOVER {color:#000000}

#homecol.hold {width:534px; border-top:solid 1px #dde2e3; padding-top:10px; padding-bottom:20px;}
#homecol .column1 {width:166px; float:left}
#homecol .column2 {width:166px; float:left; position:relative; left:18px}
#homecol .column3 {width:166px; float:right}
#homecol .head {background:url(../_img/bg_homecol_head.gif) repeat-x bottom; width:100%; height:47px; margin-bottom:5px;}
#homecol .image {width:166px; height:113px;}
#homecol .content {background:url(../_img/bg_homecol_text.gif) repeat-x top; width:100%; padding-bottom:30px}
#homecol .content P {line-height:140%; padding:10px;}
#homecol .head H1 {color:#026978; font-weight:bold; font-size:1.2em; margin:auto 10px}

#newsevents {width:534px; background:url(../_img/bg_newseventhead.gif) no-repeat; }
#newsevents UL {width:494px; position:relative; left:20px} 
#newsevents H1 {font-weight:bold; padding-top:20px; padding-bottom:20px; padding-left:20px; color:#006877} 
#newsevents LI {width:494px; list-style:none; padding-bottom:20px; } 
#newsevents .date {font-weight:bold; color:#006877} 
#newsfoot {width:534px; height:39px; background:url(../_img/bg_newseventfoot.gif) no-repeat; } 

#news .news {border-bottom:1px #ccc solid;margin-bottom:10px;}
#news .date {color:#067;margin-bottom:5px;font-weight:bold;}
#news img {float:left;margin:0 10px 10px 0;}
#news .teaser {margin-bottom:20px}

#jobs .job {border-bottom:1px #ccc solid;margin-bottom:10px;padding-bottom:7px}

#sitemap ul {margin-left:35px;}

#search .result {margin:5px 0 15px;}

p.breadcrumb {margin:10px 26px;}

#leftcol .course {margin:10px 0;border-bottom:1px #e5e5e5 solid;}
#leftcol .courseimg {float:left;width:160px;height:120px}
#leftcol .coursedescription {float:left;width:350px;}
#filter {}
#filter form {margin-bottom:5px;}
#filter input {margin:0 10px}

#rightnav {margin-bottom:10px;background:#ffe5d4;padding-bottom:10px; border-radius:15px; -moz-border-radius:15px;}
#rightnav h3 {background:#ff6600;color:#fff;font-size:1.2em;padding:6px;text-indent:4px;}
#rightnav ul {list-style:none url('../_img/shape.php?c_tri=cc6600&p_tri=0,0,4,4,8,4,4,4,0,8') inside;margin:10px 15px;}
#rightnav ul A {color:#ff6600}
#rightnav li {font-weight:bold;}
#rightnav ul ul {list-style-image:url('../_img/shape.php?c_tri=ff6600&p_tri=0,0,4,4,8,4,4,4,0,8'); }
#rightnav ul ul li {font-weight:normal;}
#rightnav ul ul li A {color:#993300;}
#rightnav ul ul li A:HOVER {color:#ff6600;}
#rightnav li.selected {list-style-image:url('../_img/shape.php?c_tri=ff6600&p_tri=0,0,4,4,8,4,4,4,0,8');}
#rightnav li.selected>a {color:#ff6600}

#course h1 {color:#006677;}
#course p {margin-bottom:10px;}
#course #title H2 {background:#257e8b;color:#fff;font-size:1.2em;padding:6px;text-indent:4px;margin-bottom:10px;}
#course #provider {padding:10px;margin-right:10px;margin-bottom:10px;border:1px #7EB3BA solid;float:left;}
#courseInfo {margin-left:190px;}
#courseInfo H3 {color:#0083a0;}
#courseInfo STRONG {color:#006677;}

#booking label {width:200px;margin:5px 5px 5px 0;text-align:right;float:left;clear:left;}
#booking input, #booking select {margin:5px 0; border:solid 1px #CCCCCC; padding:4px;}
#booking input.indent {margin-left:205px;}
#booking .info {display:block;}
#booking .form {padding:10px;overflow:hidden; background:#edf4f5; margin-top:20px;}
#booking .form_head {background:#7EB3BA;color:#fff;}
#booking .form_head a {margin-left:10px;color:#fff;}
#booking .close {display:none;float:right;margin:0 10px;}
#booking .close a {color:#f00;}

#booking_info {clear:both;}

#booking_button {margin:15px 10px;}

#tinymce {background:transparent;}
.mceEditor {margin:5px 0;}

.clear {clear:both;}
.border-top {border-top:1px #7EB3BA solid;margin:10px 0px;padding:5px;}
.button {padding:5px;border:none;background:#ff6600; border-radius:3px; -moz-border-radius:3px; color:#FFFFFF; font-weight:bold; font-size:0.9em; }
.button:hover {color:#DDEEFF;background:#0083A0;}

#footer {width:980px; height:124px; background:url(../_img/bg_footer.gif) no-repeat;}
#footer P {padding-top:72px; padding-left:20px;}

#tabhold a em,.navhold a em {font-style:normal;text-decoration:underline;}

.error {color:#f22;font-weight:bold;margin-top:10px;}
.success {font-weight:bold;;margin-top:10px;}