@import url("reset.css");

/* ----------------------------------------
    CSS: global.css
    Site: Sussex Police Charitable Trusts
    Author: Rob Dove (preview.co.uk)
    Copyright: 2008 Sussex Police Charitable Trusts
---------------------------------------- */


/* The font-size percentage is of 16px. (0.75 * 16px = 12px) */

body { 
    font-size: 75%;
    color: #666666; 
    font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
    background: #F5F5F5 url('../images/wrap_bg.jpg') repeat-y top center;
}


/* Typography 
/*----------------------------------------------------------------------*/

/* Headings */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 2em; line-height: 1.2em; color:#FFFFFF;margin-bottom:0.3em; }
h2 { font-size: 1.2em; line-height:1.2em;color:#ffffff; }
h3 { font-size: 2em; line-height: 1.2em; color: #0087BF;margin-bottom:0.3em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text */

p           { margin: 0 0 0.8em; line-height:1.2em; }

address     { line-height:1.2em; margin:0 0 0.8em;padding-left:10px;}

a:focus, 
a:hover     { color: #0087BF; background-color:#BFCB27; }
a           { color: #0087BF; text-decoration: underline; }
h2 a        { color:#FFFFFF;}

#footer a   { color:#666666; padding:0 3px; }
#footer a:hover
            { color:#666666;}
#footer a.noright   { padding-right:0;}

img.sidebar { margin:15px auto;}
img.logo{ margin:75px 0 55px 0;}

a.noback:visited, a.noback:active, a.noback, a.noback:hover {
    background:none;
}


/* Lists */

ul.general  { line-height:1.2em;margin-bottom:1em;}
ul.general li
            { clear:left;margin-bottom:0.4em; }
ul.general li span
            { width:7.5em; float:left; display:block;}
      
ul.list     {list-style:disc;margin-left:30px;}
ul.list ul  { margin:5px 0 5px 30px;
              list-style-type:circle;}


/* Navigation
/*----------------------------------------------------------------------*/
#nav ul li, #subnav ul li
            { width:100%;
              border-bottom:1px dashed #CCCCCC;
              font-size:1.2em;
              margin:0;
              padding:0;
              font-weight:bold;
              }
#nav ul li.noborder, #subnav ul li.noborder
            { border-bottom:0;}
#nav ul li a, #subnav ul li a
            { text-indent:15px;
              display:block;
              width:100%;
              padding:8px 0;
              margin:1px 0;
              color:#0087BF; }
#subnav ul li a
            {  padding:7px 0; }
#nav ul li a:hover {
    background:none; }
#lavaLampBorderOnly {
            position: relative;
            width: 100%;
            overflow: hidden;
            padding:20px 0 50px 0; }
                #lavaLampBorderOnly li {
                    width:100%;
                    float: left;
                    list-style: none;
                    z-index:0; }
                    #lavaLampBorderOnly li.back {
                        border:0;
                        background:#BFCB27 url('../images/nav_bg.jpg') repeat-y right top;
                        z-index: 9;
                        position: absolute;
                        margin-top:2px; }
                    #lavaLampBorderOnly li a {
                        outline: none;
                        z-index: 10;
                        display: block;
                        float: left;
                        position: relative;
                        overflow: hidden; }

#subnav ul  { margin-bottom:30px;}
#subnav ul li
            { font-size:1em; }
#subnav ul li a
            { text-indent:5px; }
#subnav ul li a:hover, #subnav ul li a.current
            { background:#BFCB27;
              color:#FFFFFF;}


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

#wrapper    { width:970px; margin:0 auto;  }

#leftcol    { width:193px; float:left; }

#rightcol   { width: 722px; float:right; margin:20px 34px 0 0; }

#headimages { margin-bottom:20px;}

#subnav     { width:230px; float:left;}

#contenthome, #content
            { margin-bottom:40px; }
#content    { width:475px; float:right;}

#joinnow, .greenbox
            { height:91px;
              width:331px;
              padding:12px 0 0 15px;
              margin-top:20px;
              background:url('../images/joinnow_bg.jpg') no-repeat left top;}
.greenbox   { background:url('../images/greenbox.png') no-repeat top left; padding-top:6px;}
.greenbox h1 {
    margin-bottom:0.1em;
}
.greenbox2  { padding:30px 10px 0 15px;
              background:url('../images/greenbox2.jpg') no-repeat top left;
              height:157px;
              width:205px; }

#footer     { border-top:1px dashed #CCCCCC;
              text-align:right;
              padding:5px 0;
              font-size:0.8em;
              clear:both; }

/* Page Images */
.home       { background:url('../images/pages/home.jpg') no-repeat top right; height:261px;}

.purpose, .about, .casestudies, .donate, .links, .contact, .sitemap
            { background:url('../images/pages/purpose.jpg') no-repeat top right; height:187px;}

.p_pensioner    { background-image:url('../images/pages/pensioner.jpg');}
.p_membership   { background-image:url('../images/pages/membership.jpg');}
.p_bungalow     { background-image:url('../images/pages/bungalow.jpg');}
.p_deathbenefit { background-image:url('../images/pages/deathbenefit.jpg');}
.about          { background-image:url('../images/pages/about.jpg');}
.a_history      { background-image:url('../images/pages/history.jpg');}
.donate         { background-image:url('../images/pages/donate.jpg');}
.d_donations    { background-image:url('../images/pages/donations.jpg');}
.d_giftaid      { background-image:url('../images/pages/giftaid.jpg');}
.casestudies    { background-image:url('../images/pages/casestudies.jpg');}
.links          { background-image:url('../images/pages/links.jpg');}
.contact        { background-image:url('../images/pages/contact.jpg');}


/* Common Classes
/*----------------------------------------------------------------------*/

.textcol    { width:49%;float:left;}

.floatleft  { float:left; }
.floatright { float:right; }
.clearall   { clear:both; }
.invisible  { position: absolute; top: -999px; }

.large      { font-size: 1.2em; color:#0087BF; }
.dottedline { height:1px; border-bottom:1px dashed #cccccc;margin:5px 0 10px 0;}


a.external:link
	    { background: url(../images/icon.gif) no-repeat 100% 0;
	      padding: 0 22px 0 0; }
a.external:visited
            { background: url(../images/icon.gif) no-repeat 100% -100px;
	      padding: 0 22px 0 0; }
a.external:hover
	    { color: #FF0000;
	      background: url(../images/icon.gif) no-repeat 100% -200px;
	      padding: 0 22px 0 0; }
a.external span
	    { position: absolute;
	      left: -5000px;
	      width: 4000px; }


/* Forms
/*----------------------------------------------------------------------*/

form        { margin:20px 0 10px 0;}
form .row   { clear:left; margin:10px 0;}
form label, form span.label
            { width:8em; float:left; display:block;}
form input, form textarea, form select
            { width:245px; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-size:1em;padding:0 2px;
              border:1px solid #CCCCCC; }
form select { width:250px;}

form input.button
            { width:auto; color:#0087BF;background-color:#F5F5F5; cursor:pointer; }
form input.email
            { background:url(../images/mail.gif) 2% no-repeat;
              padding-left:20px;
              width:225px; }
form input.user
            { background:url(../images/user.gif) 2% no-repeat;
              padding-left:20px;
              width:225px; }
form input.tel
            { background:url(../images/tel.gif) 2% no-repeat;
              padding-left:20px;
              width:225px; }