/*******************************************
COLOURS - Colours used in the site
White               #FFF
Black               #000

Header Gold         #feb815

Home Green          #a6af24
About Red           #b3262e
Case Orange         #d88b25
Eligible Gold       #e6af24
Apply Teal          #137685
Sponsors Lilac      #6871b3
Contact Pink        #c3477f
Apply Now Pink1     #ef5092
Apply Now Pink2     #f06aa8

*******************************************/

/*******************************************
BASE STYLES - This block sets all margins
and padding back to zero, so that we have
a consistent base to build from across all
browsers.
*******************************************/
html {/* Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;} 

body, p, div, td {}

body {
    background: url(../images/green_hearts_bg.jpg) top left;}

p, table {margin-bottom: 18px;}

ol, ul, dl {margin: 0 0 18px 36px;}

ol ol,
ol ul,
ul ol,
ul ul {margin-bottom: 0;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 18px;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}


a:link {
    color: #671347;}

a:visited {
    color: #671347;}           
                        
a:focus,
a:hover,
a:active {
    color: #000;
    text-decoration: none;}
    

img {border: 0;}

/*******************************************
LAYOUT - Try to keep the order of elements
the same as the HTML structure.
*******************************************/
#container1 {
    width: 930px;
    margin: 30px auto;
    background: url(../images/home_header_bg.gif) 0 -180px no-repeat #fff;}

#p-home #container1 {
    background-position: 0 0;}    
    
    #container2 {
        background: url(../images/bottom_waves.gif) bottom left no-repeat;}
    
    #topNav {
        height: 70px;
        width: 930px;
        background-color: #fff;}
            
    #p-home #header {
        width:930px;
        height: 380px;}
    
    #header {
        width:930px;
        height: 140px;} 
        
        #headings {
            margin: 20px 30px;}
        
        #p-home #headings {
            float: right;
            width: 600px;
            position: relative;}
        
            h1#pageHeader {
                font-family: "Arial Black", Arial, Helvetica, sans-serif;
                margin: 0;
                font-size: 35px;
                line-height: 35px;
                color: #fff;}
                
            #p-home h1#pageHeader {
                width: 380px;
                font-size: 50px;
                line-height: 50px;}
            
            #p-home h2#pageSubHeader { 
                display: block;
                font-family: "Arial Black", Arial, Helvetica, sans-serif;
                color: #fff; }
            
            h2#pageSubHeader {display: none;}
            
        #multiTeardrop {
            float: left;
            display: block;
            position: absolute;
            margin: 15px 0 0 15px;}
          
              
    #applyNow {
        clear: right;
        float:left;
        position: relative;
        top: 120px;
        margin: 0 0 60px 35px;
        width: 284px;
        height: 142px;
        text-align: center;
        background: url(../images/apply_now_bg.png) top left no-repeat;}
        
        #ie6only #applyNow {
            margin: 120px 0 0 30px;} /* IE6 doesn't like to reposition an element with a PNG background - use negative margins instead */
        
        #applyNowHeading {
            margin: 5px 30px 5px 30px;
            font-weight: bold;
            line-height: 14px;
            font-size: 14px;
            color: #fff;}
        
        #applyNowBlurb {
            height: 80px;
            margin: 10px 5px 0 5px;
            font-size: 12px;
            color: #fff;}
        
        #applyButton,
        #ie6applyButton {
            position: relative;
            top: -15px;
            left: -80px;}
            
        #ie6only #applyButton {display: none;}
          
    #sideContainer {
        float: left;
        width: 315px;
        height: 550px;}
        
        
        #p-eligible-form #sideContainer {display: none;}
    
        #side {
            width: 284px;
            height: 142px;
            background: url(../images/side_bg.jpg) top left no-repeat;
            margin: 0 0 0 24px;}
            
            #side p {
                color: #fff;
                font: 14px/35px "Arial Black", Arial, Helvetica, sans-serif;
                margin: 0 0 0 18px; }
                
           #side p a:link,
           #side p a:visited {
                color: #fff;
                font: 14px/35px "Arial Black", Arial, Helvetica, sans-serif;
                text-decoration: none;}
            
            #sideNav {
                list-style: none;
                margin: 5px 0 0 9px;}
                
                #sideNav li {
                    display: block;
                    font-size: 12px;
                    height: 18px;
                    line-height: 18px;
                    height: 18px;
                    vertical-align: bottom;}
                
                #sideNav a,
                #sideNav span {
                    display: block;
                    text-indent: 18px;
                    cursor: pointer;}
                    
                #sideNav span {
                    color: #671347;
                    background: url(../images/star4.png) 0 0 no-repeat;}
                    
                #sideNav span:hover {
                    color: #fff;
                    background: url(../images/star2.png) 0 0 no-repeat;}
                
                #sideNav a:link {
                    padding-right: 18px;
                    color: #671347;
                    text-decoration: none;
                    background: url(../images/unvisited.png) 0 0 no-repeat;}
                
                #sideNav a:visited {
                    padding-right: 18px;
                    color: #671347;
                    text-decoration: none;
                    background: url(../images/visited.png) 0 0 no-repeat;}
                
                #sideNav a:focus,
                #sideNav a:hover,
                #sideNav a:active {
                    padding-right: 18px;
                    color: #fff;
                    text-decoration: none;
                    background: url(../images/hover.png) 0 0 no-repeat;}
                    
                #sideNav a:visited:hover {
                    background: url(../images/visited_hover.png) 0 0 no-repeat;}
                    
        #singleTeardrop {
            clear: left;
            float: left;
            margin-top: 10px;
            display: block;}
            
    #wrapper {}
        
        #content {
            color: #333;
            float: right;
            width: 570px;
            margin: 0 20px;
            min-height: 100px;
            overflow: hidden;}
            
        #ie6only #content {
            width: 575px;
            position: relative;
            left: -20px;
            margin: 0;}
            
        #p-application-form #content,
        #p-eligible-form #content{
            width: 890px;}
            
            #content li {
                margin-bottom: 9px;}
            
        #extra {
            float: right;
            text-align: center;
            width: 570px;
            position: relative;
            top: 20px;
            margin: 0 20px;
            padding-bottom: 140px;}
        
            #extra p {
                font-size: 11px;}
        
            #officeMaxLogo {}
            
            #barnardosLogo {
                position: relative;
                top: 6px;
                margin: 0 21px;}
            
        
        #ie6only #extra {
            width: 575px;
            position: relative;
            left: -20px;
            margin: 0;}
            
        #p-application-form #extra,
        #p-eligible-form #extra {
            width: 890px;
            clear: both;}
     
     
        #p-home #ie7only #content,
        #p-home #ie7only #extra {
            margin-right: 0;}
     
    #footer {
        clear: both;
        text-align: center;}
            
        #footer ul {
            list-style: none;}
            
            #footer li {
                display: inline;
                font-size: 11px;
                line-height: 24px;
                height: 24px;
                margin: 0 10px;}
                
                #footer li a {
                line-height: 24px;}

          
/*******************************************
NAVIGATION
*******************************************/

#topNav ul {
    margin: 0;
    padding: 0;
    width: 930px;
    height: 68px;
    list-style: none;
    line-height: 15px;}
    
    #topNav li {
        float: left;
        display: inline;
        width: 81px;
        height: 66px;
        text-align: center;
        border: 2px outset #eee;}
        
            
        #topNav li:hover,
        #topNav li:active,
        #topNav li:focus,
        #topNav li.iehover {
            border-style: inset;}
                
        #topNav li#logo:hover,
        #topNav li#logo.iehover {
            top: 0; 
            left: 0;}
            
            #topNav li a:link,
            #topNav li a:visited {
                font-family: Arial, sans-serif;
                position: relative;
                padding: 0 2px;
                font-size: 12px;
                font-weight: bold;
                color: #fff;
                text-decoration: none;
                display: block;
                height: 68px;}
                
           #topNav li a:focus,
           #topNav li a:hover,
           #topNav li a:active {
            font-family: Arial, sans-serif;
            text-decoration: underline;}
            
        #topNav li#logo {
            background-color: #fff;
            width: 335px;
            height: 68px;
            border: 0 none;}
          
        #topNav li#homeLink {background-color: #a6af24; }
        #topNav li#about {background-color: #b3262e;}
        #topNav li#caseStudies {background-color: #d88b25; }
        #topNav li#eligible {background-color: #e6af24; }
        #topNav li#apply {background-color: #137685; }
        #topNav li#sponsors {background-color: #6871b3;}
        #topNav li#contact {background-color: #c3477f;}
            
            li#homeLink a,
            li#contact a  {top: 25px;}
            
            li#about a,
            li#caseStudies a,
            li#eligible a,
            li#apply a,
            li#sponsors a {top: 15px;}
            
            #p-home #topNav li#homeLink a:link,
            #p-home #topNav li#homeLink a:visited,
            #p-about #topNav li#about a:link,
            #p-about #topNav li#about a:visited,
            #p-case-studies #topNav li#caseStudies a:link,
            #p-case-studies #topNav li#caseStudies a:visited,
            #p-eligible #topNav li#eligible a:link,
            #p-eligible #topNav li#eligible a:visited,
            #p-apply #topNav li#apply a:link,
            #p-apply #topNav li#apply a:visited,
            #p-officemax #topNav li#sponsors a:link,
            #p-officemax #topNav li#sponsors a:visited,
            #p-sponsors #topNav li#sponsors a:link,
            #p-sponsors #topNav li#sponsors a:visited,
            #p-contact #topNav li#contact a:link,
            #p-contact #topNav li#contact a:visited,
            #p-application-form #topNav li#apply a:link,
            #p-application-form #topNav li#apply a:visited  {text-decoration: underline !important;}
        
/*******************************************
FORMS
*******************************************/

.generalForm {
    width: 834px;
    margin: 0 auto;}
    
.generalForm td {
	padding: 5px 15px;}

.formPromptStyle,
.formDataStyle {
    font-size: 12px;
	padding: 3px;}
    
.formLabelStyle,
tr.formMandatoryFieldStyle {
    color: #fff;
    padding: 0;
    height: 18px;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    background: url(../images/label_bg.jpg) top left no-repeat #fff;
    text-align: center;}

.formSubPromptStyle {
    font-size: 10px;
    color: #666;}    
    
.formDataStyle input {
	padding: 0.1em 0.2em 0.3em;}
    
.formDataStyle input[type=checkbox] {
	padding: 0;
	width: 15px;}
    
.formDataStyle select {
	padding: 0.1em 0.1em 0.1em 0;
	border: 1px solid #7f9db9;
	min-width: 60px;}
    
.formMandatoryFieldStyle {
	color: #900;
    font-weight: bold;}

.formLabelStyle .formMandatoryFieldStyle,
tr.formMandatoryFieldStyle .formMandatoryFieldStyle{
    color: #fff;}

.formLabelStyle input {
	padding: 0.2em 1em;}
    
.formErrorStyle {
	color: #bb0000;}
  
.formLabelStyle input[type=button],
#cmdSubmit {
    float: left;
    width: 126px;
    height: 126px;
    margin: 0;
    background: url(../images/save.png) 0 0 no-repeat;
    border: 0 none;
    color: #c34780;
    font-weight: bold;
    position: relative;
    left: 30px;}

.formLabelStyle input[type=button]:hover,
#cmdSubmit:hover {
    color: #cd6695;
    background-image: url(../images/save_hover.png); }

.formLabelStyle input[type=button]:active,
#cmdSubmit:active {
    color: #c34780;
    background-image: url(../images/save_active.png);}    

    
#grant-login-form fieldset {
	margin: 10px;
	border: 0;}
    
#grant-login-form legend {
	margin-left: -0.5em;
	padding-bottom: 0.5em; 
	font-size: 1em;
	font-weight: bold;}
    
#grant-login-form div {
	margin-bottom: 4px;}
    
#grant-login-form label {
    font-weight: bold;
    color: #ef5392;
	margin-right: 15px;
	float: left;
	width: 180px;}
    
#grant-login-form span {
	float: left;
	width: 250px;}
    
#grant-login-form {
	width: 327px;}
    
#p-admin #grant-login-form {
	width: 450px;}
    
#grant-login-form a {
	float: left;}
      
#sign-btn {
    float: left;
    width: 126px;
    height: 145px;
    margin: 0;
    background: url(../images/login.png) 0 0 no-repeat;
    border: 0 none;
    color: #c34780;
    font-weight: bold;
    position: relative;}

#sign-btn:hover {
    color: #cd6695;
    background-image: url(../images/login_hover.png); }

#sign-btn:active {
    color: #c34780;
    background-image: url(../images/login_active.png);}   
    
#info_field_19547 strong,
#info_field_19548 strong {color: #ef5392;}