/*
red       E21B52
lighttext 999
text      333
lightred  ee5b83
lightgrey d0d2d3

dimensions
width     71.538em 55.385em
text      10.231em  0.8125em
*/

body              { background:#E2E2E2 url('../images/bg-all.gif') fixed center bottom no-repeat; font-size:13px; font-family:Arial, Verdana; margin:0; padding:0; }
#canvas           { width:730px; margin:0 auto 20px; padding:20px 30px 20px 0; background-color:white; overflow:auto; min-height:800px; }
p                 { line-height:150%; margin:0; padding:0 0 15px; }
li                { line-height:150%; margin:0; padding:0 0 0px; }
a                 { color:#333; text-decoration:none; }
a:hover           { cursor:pointer; }

/* colours */cat-local-communities
.red, .page_volunteeropportunities .nav2_red a { color:#E21B52; }
.purple, #content .bg_purple .action a { color:#270950; }
.purple2, .page_volunteeropportunitieslocal-communities .nav2_purple a, .nav2-cat-local-communities a, .cat-local-communities a, .local-communities, .a-local-communities a { color:#662D91; }
.blue, #content .bg_blue .action a, .page_volunteeropportunitiesnext-generation .nav2_blue a, .cat-next-generation a, .next-generation  , .a-next-generation a { color:#00B0D8; }
.blue2            { color:#8BCBD2; }
.green, #content .bg_green .action a { color:#43602C; }
.green2, .page_volunteeropportunitiesgreener-society .nav2_green a, .cat-greener-society a, .greener-society, .a-greener-society a { color:#ACB337; }

.page_volunteeropportunities .nav2_red, .page_volunteeropportunitiesnext-generation .nav2_blue, .page_volunteeropportunitiesgreener-society .nav2_green, .page_volunteeropportunitieslocal-communities .nav2_purple { font-weight:bold; }

body .bg_red                                       { background-color:#E21B52; }
body .bg_purple,  body .bg-local-communities       { background-color:#270950; }
body .bg_purple2, body .bg-local-communities:hover { background-color:#662D91; }
body .bg_blue,    body .bg-next-generation         { background-color:#00B0D8; }
body .bg_blue2,   body .bg-next-generation:hover   { background-color:#8BCBD2; }
body .bg_green,   body .bg-greener-society         { background-color:#43602C; }
body .bg_green2,  body .bg-greener-society:hover   { background-color:#ACB337; }

body .bg_red .block     {  }
body .bg_purple .block  {  }
body .bg_purple2 .block {  }
body .bg_blue .block    {  }
body .bg_blue2 .block   {  }
body .bg_green .block   { background:white url('../images/bg-tree.gif') no-repeat bottom right; }
body .bg_green2 .block  {  }

.content_left .red a            { color:#E21B52; white-space: nowrap; }
.content_left .purple a         { color:#270950; white-space: nowrap; }
.content_left .purple2 a        { color:#662D91; white-space: nowrap; }
.content_left .blue a           { color:#00B0D8; white-space: nowrap; }
.content_left .blue2 a          { color:#8BCBD2; white-space: nowrap; }
.content_left .green a          { color:#43602C; white-space: nowrap; }
.content_left .green2 a         { color:#ACB337; white-space: nowrap; }

.content_left .red a:hover      { background-color:#E21B52; }
.content_left .purple a:hover   { background-color:#270950; }
.content_left .purple2 a:hover  { background-color:#662D91; }
.content_left .blue a:hover     { background-color:#00B0D8; }
.content_left .blue2 a:hover    { background-color:#8BCBD2; }
.content_left .green a:hover    { background-color:#43602C; }
.content_left .green2 a:hover   { background-color:#ACB337; }

.purple_indent, .cat-local-communities  { border-left:2px solid #662D91; }
.blue_indent, .cat-next-generation      { border-left:2px solid #8BCBD2; }
.green_indent, .cat-greener-society     { border-left:2px solid #ACB337; }

.purple_indent p,.blue_indent p,.green_indent p { padding:0 0 0 15px; margin-bottom:20px; }
.purple_indent h2,.blue_indent h2,.green_indent h2 { padding:0 0 10px 15px; }

/* header area */
#header           { width:705px; padding-left:25px; float:left; }
.header           { width:410px; float:right; }
.logo             { width:200px; background: url('../images/national-talent-bank.gif') no-repeat 0 0; text-indent:-9999px; height:150px; display:block; float:left; }
.logos            { width:380px; padding:6px 0 0 0; font-size:11px; float:right; }
.bitc, .timebank  { height:86px; background:no-repeat 0 0; text-indent:-9999px; float:right; margin:0 0 0 40px; }
.bitc             { width:88px; background-image:url('../images/logo-bitc.gif'); }
.timebank         { width:83px; background-image:url('../images/logo-timebank.gif'); }
.logos p          { padding:0 0 0 171px; }
.logos a:hover    { opacity:0.8; }

/* authentication login and status */
.auth             { width:191px; height:115px; padding:15px 15px 10px; color:#333; font-size:11px; border:1px solid #ddd; background-color:#eee; margin:0; display:none; }
.auth .forgotten  { background-color:#eee; color:#999; padding:8px 10px 0 0; display:block; float:left; }
.auth .forgotten:hover { background-color:#eee; color:#E21B52; }
.auth_row_one     { margin:0 0 5px; float:left; }
.auth_row_two     { text-align:right; float:left; }
.auth #sign_in    { margin:4px 0 0 10px; }
.auth .register   { display:none; }

.page_login .content_left { width:359px; padding-left:30px; }

.content_right label { padding:1px 0 0 0; width:87px; float:left; }
.content_right input { margin:0 0 5px; }
.content_right div   { float:left; }
.content_right .auth   { float: right; }
.content_right #sign_in { margin:-3px 0 0 0; float:right; }
.content_right #id_username, .content_right #id_password { width:97px; display:block; float:right; }
.content_right #id_remember_me { float: left; }
.content_right .auth_row_one { margin:0 0 10px; }
.content_right .auth_row_two, .content_right .auth_row_one { width:190px; text-align:left; }
.content_right .forgotten { margin:10px 0 0 0; }

.button { height:23px; background:#E21B52; padding:3px 7px; -moz-border-radius:4px; -webkit-border-radius:4px; border:none; color:white !important; cursor:pointer; }
.button:hover { background-color:#ee5b83; }
.content_left .label_password   { padding-left:20px; }
#id_username,#id_password { width:100px; }


/* content area */
#content          { width:688px; padding:0 0 0 42px; color:#333; float:left; }
.content_left     { width:389px; padding:35px 40px 0 0; margin:0; overflow:hidden; float:left; }
.content_right    { width:234px; padding:0 0 0 0; margin:35px 0 0 0; float:left; }
.content_left a   { color:#00B0D8; font-weight:bold; }
.logout           { background:#d0d2d3; color:white; padding:1px 4px 1px 5px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.content_left a:hover, .logout:hover { background:#00B0D8; color:white; }
.logout           { font-size:11px; }
#content .page    { width:349px; padding:35px 80px 0 0; margin-left:25px; display:inline; overflow:visible; }
.page h2          { padding-top:0; }
.page_logo        { float:right; margin:5px 0 25px 25px; }
.page .action     { margin-top:10px; }

/* client */
.client_logo      { margin:5px 0 20px 0; }
#content .client_logo_landregistry { margin:0px 4px 15px 0; }

.primary          { width:390px; height:136px; padding:0 0 15px 25px; margin:0; float:left; }
.primary_www      { width:390px; height:166px; padding:0 0 15px 25px; margin:0; float:left; }
.feature          { width:234px; height:166px; padding:0 0 15px; margin:0; text-align:right; float:right; }
.secondary        { width:430px; margin:0 0 0 0; padding:13px 0 0 0; background:#E21B52 url('../images/angle-lines.gif') no-repeat 0 0; display:inline; float:left;}
.secondary .block { width:404px; padding:0 0 15px 25px; }
.secondary p, .secondary h2 { width:212px; }
.tertiary         { width:234px; margin:0 0 20px 0; padding:13px 0 0 0; background:#E21B52 url('../images/angle-corner.gif') no-repeat 0 0; float:right; height:96px; overflow:hidden; } 
.content_right .block  { text-align:right; width:234px; padding:0; }
.content_right .tertiary .block { height:96px; }
.content_right .block p, .content_right .block h3 { text-align:left; padding-left:38px; }
.block            { background:white; float:left; }
.content_right .logo_block { padding:0; height:136px; }
.page_home .content_right .logo_block { margin:0 0 15px; }
#content .content_right .action { padding-bottom:0px; margin:0; overflow:hidden; height:25px; }

/* quotes */
.quote            { width:234px; height:auto; overflow:hidden; font-size:13px; color:#333; margin:51px 0 40px 0; padding:13px 0 0 0; background:#E21B52 url('../images/angle-lines-s.gif') no-repeat 0px 0; font-weight:bold; float:right; }
.quotee           { height:13px; padding:8px 0 25px 65px; margin:10px 0 0 0; background:white url('../images/quote.gif') no-repeat left; font-size:13px; color:#333; font-weight:normal; }
.quotee strong    { display:block; }
.quote .block     { width:222px; padding:15px 0 0 12px; margin:0; text-align:left; }

/* page elements */
h1                { font-size:26px; color:#E21B52; padding:0 0 15px 0px; margin:0; }
h2                { font-size:20px; color:#E21B52; padding:15px 0 15px 0px; margin:0; }
h3                { font-size:18px; color:#E21B52; padding:10px 0 15px 0px; margin:0; }
#content .action  { line-height:140%; }
#content .action a { height:15px; overflow:visible; color:#333; background:white url('../images/action.gif') no-repeat 0 0; padding:0 0 0 30px; margin:0; display:block; }
#content .action a:hover { color:#E21B52; background:white url('../images/action.gif') no-repeat 0 -30px; padding:0 0 0 30px; display:block; }
.content_left .action { font-weight:bold; }
.duo              { width:250px; margin:0 0 10px; float:left; }
.duo_reg          { width:140px; margin:0 0 10px; float:left; }
.note             { font-size:11px; color:#999; }
ul                { margin:0 0 0 40px; padding:0 0 15px; }
.feature * { float: left; }

/* general form styling */
form              { margin:0; padding:0; }

/* nav */
#nav              { width:667px; margin:20px 0 3px; padding:0 0 0 63px; list-style:none; float:left; }
#nav li           { padding:5px 0 0 0; float:left; }
#nav li a         { background:#d0d2d3 url('../images/angle-corner.gif') no-repeat 0px 0; color:black; display:block; float:left; }
#nav li a:hover   { background-color:#E21B52; }
#nav li a span    { width:105px; background-color:white; margin:5px 0 0 0; padding:3px 0 0 6px; float:left; display:block; }

/* nav: highlight active page */
.page_home          #nav li .nav_home, 
.page_about         #nav li .nav_about, 
.page_how-it-works  #nav li .nav_how-it-works, 
.page_themes        #nav li .nav_themes, 
.page_volunteeropportunities     #nav li .nav_volunteeropportunities, 
.page_who-we-are    #nav li .nav_who-we-are, 
.page_news          #nav li .nav_news, 
.page_contact       #nav li .nav_contact, 
.page_volunteers    #nav li .nav_profile 
{ background-color:#E21B52; font-weight:bold; }

/* workaround for all page */
.page_volunteeropportunitiesnext-generation .nav2_red a, .page_volunteeropportunitiesgreener-society .nav2_red a, .page_volunteeropportunitieslocal-communities .nav2_red a { color:black; font-weight:normal; }

/* sub navigation */
#nav2             { width:667px; height:20px; padding:0; border-top:1px solid #d0d2d3; border-bottom:1px solid #d0d2d3; margin:0 0 0 0; list-style:none; float:right; }
#nav2 li          { margin:0 5px 0 0; display:block; float:left; }
#nav2 li a        { padding:2px 12px 1px; display:block; float:left; }
.nav2_margin      { margin-bottom:15px; }
.selected         { font-weight:bold; }
.selected a       { color:#E21B52; }

/* opps */
.wide             { width:663px; margin:30px 0 10px 0; padding-left:25px; float:left; }
.row              { width:630px; padding:10px 15px; margin:0 0 15px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd; float:left; }
.row h3           { padding:0 0 8px; }
.row p       { padding:0 0 5px; }
.pagination       { font-size: 12px; margin-top:-10px; float:right; text-align:right; }
.pagination a     { font-size: 13px; padding:0 5px; font-weight:bold; color:#00B0D8; }
.opp_info         { font-size:11px; color:#999; }
.opp_info a       { text-decoration:underline; }
.opp_info a:hover { text-decoration:underline; }
.opp_title        { padding:4px 0 15px 0; float:left; }
#search            { margin:7px 0 0 0; float:right; }
#search #id_search { width:130px; }

/* opp details page */
.wide_title       { white-space:nowrap; padding-bottom:20px; }
.content_right .details          { margin-top:51px; float:none; }
.detail           { font-weight:bold; display:block; padding:0 0 0 0; }
#opp_signup       { font-size:18px; }

/* footer */
#footer             { width:663px; font-size:11px; border-top:1px solid #d0d2d3; padding:10px 0; margin-left:67px; display:inline; float:left; }
.footer             { margin-top:40px; }
.footer_info        { width:663px; padding:0 0 10px 0; float:left; }
.footer_bar         { width:623px; padding:5px 20px; background:#d0d2d3; float:left; }
.footer_bar a       { color:white; margin:0 0 0 20px; display:block; float:right; }
.footer_bar a:hover { color:black; }

/* end area */
#end                { height:100px; width:100%; background:#E21B52; }

/* contast block */
.contrast { width:375px; background-color:#eee; padding:18px 15px 0 15px; margin:18px 0 0 0; }

/* forms */
.form               { margin:10px 0 0 0; }
.form ul            { margin:0; padding:0; }
.form li            { margin:0 0 15px; list-style:none; }
.form label         { width:120px; float:left; }
#register_button    { margin-top: 10px; }
#id_remember_me     { margin:0; }
.errorlist          { margin:0; padding:0; }
.errorlist li       { margin:0; padding:0; color:#E21B52; list-style:none; }

.small { font-size:11px; }
* { zoom: 1; }
.no-wrap            { white-space:nowrap; }
.hide               { display:none; }
.clear              { clear:both; }
.float_right        { float:right; margin:0 0 15px 15px; }

/* clearfix */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */