/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0


Whitespace Reset 
----------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} table {font-size:inherit;font-size:100%;}  pre,code,kbd,samp,tt {font-family:monospace; line-height:99%;}

/* Reset Whitespace 
-------------------*/
strong,th,h1,h2,h3,h4,h5,h6{ font-weight: bold; }h1,h2,h3,h4,h5,h6{padding: 1em 0;}em{font-style: italic;}ul li{list-style: disc;}ol li{list-style: decimal;}

body{
	color:#000; background:#FFF; font-family: "Trebuchet MS", arial,helvetica,clean,sans-serif; font-size: 100%;
} 

/*  Generic styles
-------------------*/  
.hide{
	position: absolute; top: -1000em;
}

/* Clearing :note: In IE < v.7 This relies on the Holly Hack being prescent ie specific css file*/
.clear:after {
	content: "."; height: 0; visibility: hidden; display: block; clear: both;
}

strong{
	font-weight: bold;
}

/* Wrapper
----------------------------*/ 
#wrapper{
 	width: 800px; 	width: 977px; padding-top: 27px; margin: 0 auto; /* Centered Layout */
}


/* Header
----------------------------*/ 
#header{
	background: transparent url(i/content-wrapper-top.jpg) no-repeat top left; width: 837px; height: 123px;
}

body.default #header{
	background: transparent url(i/home-content-wrapper-top.gif) no-repeat top left; width: 837px; height: 8px;
}


#header h1{
	width: 91px; height: 74px; margin-left:372px; margin-top:0; padding:50px 0 0 0; background:transparent url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat scroll -4966px 14px; text-align: center;
}


body.default #header h1{
	display: none;
}

/*Section specific*/
body.section-who #header h1{
background:transparent url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat scroll  -4966px 14px;
}

body.section-what #header h1{
background:transparent url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat scroll -5057px 14px;
}

body.section-when #header h1{
background:transparent url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat scroll -5148px 14px;
}

body.section-where #header h1{
background:transparent url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat scroll -5239px 14px;
}

body.section-why #header h1{
background:transparent url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat scroll -5330px 14px;
}

body.section-how #header h1{
background:transparent url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat scroll -5421px 14px;
}

body.section-default #header h1{
background:transparent url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat scroll  -5512px 14px;
}


/* Navigation
----------------------------*/

/*Join adminmenu*/
#adminmenu {
	background-color:#FFFFFF; border-bottom:2px solid #000000; border-right:2px solid #000000; padding:0 10px 10px; position: absolute; left: 0; top: 0;
}

#adminmenu ul li{
	list-style: none;
}


#navigation{
 width: 200px; float: left; width: 140px;
}	

#wrapper #navigation a.home-link{
	padding: 46px 0 30px 0; 
	min-height: none;
	background: none;
	display:block;
}

#navigation li{
	list-style: none;	padding-bottom: 4px; 
	/*background: blue url(i/list-link-bottom.jpg) no-repeat bottom left;*/
}

#navigation a:link, 
#navigation a:visited{
 text-decoration: none;	color: #fff;  display: block; /*background-color: #0ff;*/ /*line-height: 36px;*/ font-size: 1em; background: transparent url(i/navlink.jpg) no-repeat top left; padding-top: 8px; padding-left: 18px; min-height: 28px;
}

#navigation a:focus, 
#navigation a:hover,
#navigation a:active,
#navigation a.selected{
	/*background-color: #fff;*/
}

#navigation a.selected{
	
}

a.apply-link{
	margin-right:30px;
}

a.login,
a.logout{
	margin-right:7px;
}

a.logout{
	background: url(i/utilities-nav.jpg) no-repeat -103px 0 !important; color: #000 !important;
}

a.apply-link:link,
a.apply-link:visited,
a.login:link,
a.login:visited,
a.logout:link,
a.logout:visited{
	float:right; /*margin-right:30px;*/ min-height:27px; min-width:103px; background: #000 url(i/utilities-nav.jpg) no-repeat 0 0; text-align: center; color: #fff; padding-top: 3px; text-decoration: none;
}

a.apply-link:focus,
a.apply-link:hover,
a.apply-link:active,
a.login:focus,
a.login:hover,
a.login:active
a.logout:focus,
a.logout:hover,
a.logout:active{
	color: #000; background: url(i/utilities-nav.jpg) no-repeat -103px 0; 
}


/*Who*/
#navigation li.JNV-who a:link, 
#navigation li.JNV-who a:visited{
background: #BE0000 url(i/main-nav-sprite.jpg) no-repeat 0px 0px;

}

#navigation li.JNV-who a:focus, 
#navigation li.JNV-who a:hover,
#navigation li.JNV-who a:active,
#navigation li.JNV-who a.selected{
	background: transparent url(i/main-nav-sprite.jpg) no-repeat -900px 0px !important; color: #000;
}

/*What*/
#navigation li.JNV-what a:link, 
#navigation li.JNV-what a:visited{
background: #00545C url(i/main-nav-sprite.jpg) no-repeat -150px 0px;
}

#navigation li.JNV-what a:focus, 
#navigation li.JNV-what a:hover,
#navigation li.JNV-what a:active,
#navigation li.JNV-what a.selected{
	background: transparent url(i/main-nav-sprite.jpg) no-repeat -1050px 0px !important; color: #000;
}

/*when*/
#navigation li.JNV-when a:link, 
#navigation li.JNV-when a:visited{
background: #277A87 url(i/main-nav-sprite.jpg) no-repeat -300px 0px;
}

#navigation li.JNV-when a:focus, 
#navigation li.JNV-when a:hover,
#navigation li.JNV-when a:active,
#navigation li.JNV-when a.selected{
	background: transparent url(i/main-nav-sprite.jpg) no-repeat -1200px 0px !important; color: #000;
}


/*where*/
#navigation li.JNV-where a:link, 
#navigation li.JNV-where a:visited{
background: #584F84 url(i/main-nav-sprite.jpg) no-repeat -450px 0px;
}

#navigation li.JNV-where a:focus, 
#navigation li.JNV-where a:hover,
#navigation li.JNV-where a:active,
#navigation li.JNV-where a.selected{
	background: transparent url(i/main-nav-sprite.jpg) no-repeat -1350px 0px !important; color: #000;
}

/*why*/
#navigation li.JNV-why a:link, 
#navigation li.JNV-why a:visited{
background: #4C8FB2 url(i/main-nav-sprite.jpg) no-repeat -600px 0px;
}

#navigation li.JNV-why a:focus, 
#navigation li.JNV-why a:hover,
#navigation li.JNV-why a:active,
#navigation li.JNV-why a.selected{
	background: transparent url(i/main-nav-sprite.jpg) no-repeat -1500px 0px !important; color: #000;
}

/*how*/
#navigation li.JNV-how a:link, 
#navigation li.JNV-how a:visited{
background: #4B811B url(i/main-nav-sprite.jpg) no-repeat -750px 0px;
}

#navigation li.JNV-how a:focus, 
#navigation li.JNV-how a:hover,
#navigation li.JNV-how a:active,
#navigation li.JNV-how a.selected{
	background: transparent url(i/main-nav-sprite.jpg) no-repeat -1650px 0px !important; color: #000;
}


/* Content-wrappers
------------------*/
#content-wrapper{
	background: transparent  url(i/content-wrapper-bg.gif) repeat-y 0px 0px; width: 837px;
/*padding-left: 140px;*/ float: left; min-height:400px;
} 

#inner-content-wrapper{
	background: url(i/content-bg-sprite.gif) repeat-y 0px 0px; margin-left: 60px; width: 718px;
}

body.default #top-edge,
body.default #content{
	display: none;
}

body.default #inner-content-wrapper,
body.default #content-container{
	background: none;
}

body.default div#inner-content-wrapper{
	margin-left: 5px;  width: 810px; 
}

body.default object#content-container{
	width: 600px !important; height: 600px !important; margin-left:117px !important;
}

body.default div#content-container{
	width: 810px; height: 640px; margin-left: 0px ; background: url(i/no-flash-hm-pg-bg.gif) no-repeat 20px 0;
}


/*Section specific*/
body.section-who #inner-content-wrapper{
	background: url(i/content-bg-sprite.gif) repeat-y 0px 0px;
}

body.section-what #inner-content-wrapper{
	background: url(i/content-bg-sprite.gif) repeat-y -718px 0px;
}

body.section-when #inner-content-wrapper{
	background: url(i/content-bg-sprite.gif) repeat-y -1436px 0px;
}

body.section-where #inner-content-wrapper{
	background: url(i/content-bg-sprite.gif) repeat-y -2154px 0px;
}

body.section-why #inner-content-wrapper{
	background: url(i/content-bg-sprite.gif) repeat-y -2872px 0px;
}

body.section-how #inner-content-wrapper{
	background: url(i/content-bg-sprite.gif) repeat-y -3590px 0px;
}



/* Content
----------------------------*/
#content-container{
	background: url(i/content-bottom-edge-sprite.gif) no-repeat 0px 100%; /*padding-left: 60px;*/  width: 718px; min-height: 290px;
}																   /*was 60px*/

/*body.default #inner-content-wrapper{
	width: 600px; height: 600px;
}*/

/*Bottom edge section specific*/
body.section-who #content-container{
	background: url(i/content-bottom-edge-sprite.gif) no-repeat 0px 100%;
}

body.section-what #content-container{
	background: url(i/content-bottom-edge-sprite.gif) no-repeat -718px 100%;
}

body.section-when #content-container{
	background: url(i/content-bottom-edge-sprite.gif) no-repeat -1436px 100%;
}

body.section-where #content-container{
	background: url(i/content-bottom-edge-sprite.gif) no-repeat -2154px 100%;
}

body.section-why #content-container{
	background: url(i/content-bottom-edge-sprite.gif) no-repeat -2872px 100%;
}

body.section-how #content-container{
	background: url(i/content-bottom-edge-sprite.gif) no-repeat -3590px 100%;
}




#content-container #top-edge{
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat -4248px 0px; height: 10px; 
}

/*Top edge Section specific*/
body.section-who #content-container #top-edge{
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat -4248px 0px;
}

body.section-what #content-container #top-edge{
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat -4248px -10px;
}

body.section-when #content-container #top-edge{
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat -4248px -20px;
}

body.section-where #content-container #top-edge{
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat -4248px -30px;
}

body.section-why #content-container #top-edge{
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat -4248px -40px;
}

body.section-how #content-container #top-edge{
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat -4248px -50px;
}


#content{
	padding: 0 26px 20px 26px;
}

/* content area defaults */
/**/
#content h1{
	font-size: 1.125em; font-weight: normal; padding: 0.25em 0; 	color: #C60000;
}

/*Section specific*/
/*body.default #content h1{
	display: none;
}*/

body.section-who #content h1{
	display: none;
}

body.section-what #content h1{
	display: none;
}

body.section-when #content h1{
	display: none;
}

body.section-where #content h1{
	display: none;
}

body.section-why #content h1{
	display: none;
}

body.section-how #content h1{
	display: none;
}


#content h2{ 
	font-size: 1em; padding: 0.25em 0 0.25em 0; color: #000;
}

/*Section specific*/
body.section-who #content h2 {
	color: #C60000;
}

body.section-what #content h2 {
	color: #006570;
}

body.section-when #content h2 {
	color: #289B9E;
}

body.section-where #content h2 {
	color: #584F84;
}

body.section-why #content h2 {
	color: #5B9ABB;
}

body.section-how #content h2 {
	color: #7BB02A;
}



/*defaults*/
#content p.intro {
	/*padding: 1em 0;*/ font-weight: bold; font-size: 0.875em; padding: .75em 0;
}


/*Section details*/
body.section-who #content p.intro {
	color: #C60000;
}

body.section-what #content p.intro {
	color: #006570;
}

body.section-when #content p.intro {
	color: #289B9E;
}

body.section-where #content p.intro {
	color: #584F84;
}

body.section-why #content p.intro {
	color: #5B9ABB;
}

body.section-how #content p.intro {
	color: #7BB02A;
}


#content p {
	padding: .25em 0; font-size:0.8125em;
}

#content strong{
	font-weight: bold;
}

#content  ul, 
#content ol {
	padding: .25em 0; /* margin-left: 40px;*/
}

#content ul li,
#content ol li{
	color: #000; list-style: none;	padding-left: 10px; background: url(i/bullet-who.gif) no-repeat 0px 7px; font-size: 0.8125em;
} 

/*Section specific styles*/

/*WHO*/
/*body.section-who #content p.intro {
	color: #000; 
}*/

body.section-who #content p {
	color: #000; 
}

body.section-who #content ul li,
body.section-who #content ol li{
	/*color: #000;*/
} 

/*WHAT*/
/*body.section-what #content p.intro {
	color: #000; 
}*/

body.section-what #content p {
	color: #000; 
}

body.section-what #content ul li,
body.section-what #content ol li{
	color: #000; 	
} 

/*WHEN*/
/*body.section-when #content p.intro {
	color: #000; 
}*/

body.section-when #content p {
	color: #000; 
}

body.section-when #content ul li,
body.section-when #content ol li{
	color: #000; line-height: 3em; background-position: 0 50%;
}

/*WHERE*/
/*body.section-where #content p.intro {
	color: #000; 
}*/

body.section-where #content p {
	color: #000; 
}

body.section-where #content ul li,
body.section-where #content ol li{
	color: #000; 	
}

/*WHY*/
/*body.section-why #content p.intro {
	color: #000; 
}*/

body.section-why #content p {
	color: #000; 
}

body.section-why #content ul li,
body.section-why #content ol li{
	color: #000; 	
} 

/*HOW*/
/*body.section-how #content p.intro {
	color: #000; 
}*/

body.section-how #content p {
	color: #000; 
}

body.section-how #content ul li,
body.section-how #content ol li{
	color: #000; 	
}





/*Make sure the font size of content inside lists doesn't get too small
(Fixes alot of issues on the /apply/appform pages)*/
#content ul li,
#content ol li{
	font-size: /* size */em;	
} 

#content ul li p,
#content ul li a,
#content ol li p,
#content ol li a{
	font-size: 100%;	
} 


#content a:link, 
#content a:visited{
	text-decoration:underline;
}

#content a:focus, 
#content a:hover,
#content a:active{
	
} 

/*Where page video*/
#content #video{
	margin-left:93px; margin-top:10px;
}

dl.accordian{
	margin-bottom:1.5em;
}

dl.accordian dt{
	font-weight: bold; padding-top: 1em; cursor: pointer;
}


/* JOIN specific styles 
=======================*/

/* Stateless widgets
--------------------*/




/* :note: Edit Page Link */
.editlink{ /* :note: use !important to override same styles in form.css */
	
}

.editlink:hover{
	
}
 
/* :note: Status Message (change these styles to suit the design.) */
/*.flash{ 
	background-color: #999; color: #e23d3b; padding: .5em 1em; margin-bottom: 1em; font-size: 1.5em; font-weight: bold;
}*/

/* :note: flash msg change these styles to suit the design.*/
body #content .flash{ 
	background:#FFFFCC none repeat scroll 0 0; border:2px solid #FF5555; padding: .5em 1em; margin-bottom: 1em;
}

body #content .flash p{ 
	padding: 0; margin: 0; /* :note: reset <p> */
	color: #000;  font-size: 1em; font-weight: bold;
}


/* :note: Validation summary */
.validationerrors {
	color: #f00 !important; font-size: /* :temp note: <p> font size */em;
}


/*Tables*/
#content table.prettytable td, 
#content table.appform td{
	font-size: .8125em; 
}


/*FormSection*/
#ctl00_content_psectionGuidance p,
body #content div.instructions p{
	padding-left: 0;
}

/* :note: Applicant-info*/
#applicant-info h2,
#applicant-info #candidate-vacancy{
	display: none;
} 

#applicant-info span.candidate-name{
	font-weight: bold;
}

/*Welcome*/
#applicant-info #candidate-greeting span.candidate-welcome{
	
}

#applicant-info #candidate-greeting span.candidate-name{
	
}

/*Vacancy*/
#applicant-info #candidate-vacancy span.candidate-vacancy-msg{
	
}

#applicant-info #candidate-vacancy span.candidate-current-vacancy{
	
}


/*Stand alone vacancy control*/
span.standalone-candidate-vacancy-msg{
	
}

span.standalone-candidate-current-vacancy{
	
}


/*PAGES*/
/* Jobsearch page (jobsearch.aspx)
----------------------------------*/
body.jobsearch fieldset{
	background-color: #f1f1f1; border: none; 
}

body.jobsearch fieldset legend{
	color: #102053;
}

body.jobsearch fieldset label{
	font-weight: bold; color: #102053; width: 34%; font-size: 1em;
}

/*:note: Jobsearch fields*/
body.jobsearch fieldset input#ctl00_content_keywords_avpTextBox1,
body.jobsearch fieldset select#ctl00_content_careerarea,
body.jobsearch fieldset select#ctl00_content_location{

} 


/* :note: make media source drop down wide enough to comfortably fit content */
body.apply_mediasource #content fieldset select#ctl00_content_ddlMediaSource{
	width: 25%;
}


/* Make space around the 'contact this referee' checkbox and label */ 
body.apply_appformreference .checkbox{
	display: block;
	padding-bottom: 1em;
}

body.apply_appformreference .checkbox label{
	padding-left: .5em; 
}


/* Jobsearch Paging */
p.pager{
	
}

p.pager a{ /*page links*/
	
}

p.pager strong{ /*selected page*/
	
}

/* Login link (login.aspx)
--------------------------*/
#navigation a#ctl00_LoginControl1{
	
}



/* Login page (login.aspx)
--------------------------*/

/* :note: space register / enter password options*/
body.login div#ctl00_content_bob{
	margin-top: 10px;
}

span.forgot-password{
	font-size: /* :temp note: <p> font size */em;
}

/* Register link (Register.aspx)
--------------------------------*/
#navigation a#ctl00_UserTypeLink1{
	 
}

/* Register.aspx
--------------------------------*/
span.manditory{ /* :temp note: Should apply to all forms */ 
	color: #900;
} 



/* Application form print version (Apply/AppFormPrint.aspx)
-----------------------------------------------------------*/
body.apply_appformprint ol.appform li h3,
body.apply_appformprint ol.appform li{
	clear: left;
}

body.apply_appformprint ol.appform li h3{
	margin-bottom: 0;
}

body.apply_appformprint ol.appform li{
	padding-top: 20px; background: none;
}

/* :note: Additional questions styling */
body.apply_appformprint ol.appform dl.answer dt{
	padding-top: 8px; font-weight: bold;
}

body.apply_appformprint ol.appform dl.answer dt,
body.apply_appformprint ol.appform dl.answer dd{
	width:70% !important; float: none !important;
}



/* Appform page (Apply/AppForm.aspx) 
-----------------------------------*/
/*Hide vacancies*/


#candidate-vacancy{
	display: none;
}


/* Incomplete question highlighting */
.apply_appform span.form-section-question-incomplete, 
.apply_appform p span.empty-form-section{
	background-color:#FF0;
}

label.fullwidth{
	width: auto !important;
}

/* :note: Turn off ordered list numbering for application pages */ 
#content ol#jobappform li,
#content ol.appform li{
	list-style: none; background: none; padding-left: 0;
}

/*:note: make sure nested text is same size as body text */ 
ol#jobappform li p{ 
	font-size: 100%;
}

/* :note: form legend color */
fieldset legend { 
	color:#000;
}

/* Form input sizes */
fieldset label,
fieldset select,
fieldset input{ /* :note: also exists in form.css */
	font-size:.75em;
}

/* :note: candidate zone /Apply/ */
.apply_default #content ul li{
	list-style: none;	
}


/*Tables*/
.apply_default .prettytable th{
	font-weight: bold;
}

table.prettytable tr.AlternatingItem, table.appform tr.AlternatingItem {

}

/* :note: fixes table spacing issue in RegisterPrefs.aspx :temp note: can also apply to sitemap if activated */
.registerprefs table{
	width: auto;
}

.registerprefs table td{
	padding: 0; vertical-align: middle; 
}

.registerprefs fieldset div{
	padding-bottom: 0; /* :note: Remove excess spacing, override forms.css for this page only*/
}

#loggedinview{
	position: absolute; left: 0; top:0;
}

/* Application form pages */
div.job-result{
	/* :temp note: often need bottom dividing border between jobs */
}

div.job-result h2{
	
}

#content .cibbutton{
	/* :temp note: will need margin-bottom: Xem; for dividing border to clear buttons */
	
	/* Clear jobdetail <dl>'s when some <dd> fiends are left blank   
		This might also cause the clearing of floated other floated elements e.g. left navigation. */
	clear: left; 	
}

#content .cibbutton input{
	cursor: pointer;
}


/*Remove excess (default) bottom margin*/
#ctl00_content_QualificationsObtained_accessableValidation textarea,
#ctl00_content_Description_accessableValidation textarea,
#ctl00_content_CapacityKnown_accessableValidation textarea{
	margin-bottom: 0; 
}


/* Apply process Input buttons + details and apply links */ 
input.formbutton,
input.button,
input#ctl00_content_CancelPb,
input#ctl00_content_ApplyCancel1,
#content .cibbutton .jobdetails,
#content .cibbutton .jobapply{
	/* :temp note:buttonise job links and buttons */
	/* border: none; :temp: remove default summit reset input botton borders */ 
	cursor: pointer; font-size: 0.875em;
}

/* Ensure job description text size is consistant whether in <p> or not */ 
.job-result .jobdescription{
	margin: 1em 0; font-size: /*The <p> font size */em; color: /*The <p> colour */;
	
	/* Clear jobdetail <dl>'s when some <dd> fiends are left blank   
		This might also cause the clearing of floated other floated elements e.g. left navigation. */
	clear: left; 
}

#content .job-result .jobdescription p{
	font-size: 100%;
}

/*.job-result dl{  :note: space job details from job title 
	margin-top: 5px;
}*/

/*.job-result dt{
	clear: right !important;  :note: override forms.css
}*/

/*Job results definition list test
dt {
 clear:left !important; 
 float:left !important; 
 font-weight:bold !important; 
 width: 9em !important;
}

dd{
	float:left !important;
}*/

.content .job-result .jobdescription p, #jobappform h3, #jobappform p{

}


/* AppForm.asp */

ol#jobappform{

}

#content ol#jobappform li{
	
}

div.appformsubmit p{

}

/* :note: To Target All Canditate Zone Pages */
body.apply_appform, 
body.apply_appformcourse, 
body.apply_appformeducation, 
body.apply_appformemployment, 
body.apply_appformmembership, 
body.apply_appformprint, 
body.apply_appformreference, 
body.apply_cv, 
body.apply_, 
body.apply_eeo, 
body.apply_formsection, 
body.apply_mediasource,
body.apply_default{
	
}


 /* Footer
----------------------------*/
#footer{
	width: 837px; min-height: 150px; background: url(i/footer-bg.jpg) no-repeat 140px 0px; padding-left: 140px; margin: 0 auto; clear: left;
}

body.default #footer{
background: transparent url(i/footer-bg.jpg) no-repeat scroll 140px -112px; min-height: 60px;
}

#footer #footer-imagery{
	/*width: 770px;*/ height: 121px; /*padding-left: 63px;*/ margin-left: 63px; width: 708px;
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat 0px 0px;
}

body.default #footer #footer-imagery{
	display: none;
}

/*Section specific*/
body.section-who #footer #footer-imagery{
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat 0px 0px; 
}

body.section-what #footer #footer-imagery{
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat -708px 0px; 	
}

body.section-when #footer #footer-imagery{
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat -1416px 0px; 	
}
body.section-where #footer #footer-imagery{
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat -2124px 0px; 		
}

body.section-why #footer #footer-imagery{
	background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat -2832px 0px; 	
}

body.section-how #footer #footer-imagery{
		background: url(i/footer-imagery-headings-and-edges-sprite.gif) no-repeat -3540px 0px; 
}

#footer p#copyright{
	font-size:0.75em; text-align:right; padding: 14px 6px 0 0;
}

body.default #footer p#copyright{
	padding-top: 18px;
}

/* Image replacement 
--------------------*/
h1.logo span{
	background-image: url([replacement image].gif);
}

h1.logo{
	width: 202px; height: 22px; margin: 0; padding: 0;
}

.replace{
	position: relative; overflow: hidden;
}

.replace span{
	display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: transparent; background-repeat: no-repeat;
}

/* :note: Gilder/Levin IR Method - used for form input buttons (also works with legands in ie7 no ffox 2) - Delete if not used*/

/* Apply this style to all IR buttons
[button]{
	background-repeat: no-repeat; height: 0px !important; border: none; cursor: pointer; overflow: hidden; 
	:note: apply this in ie stylesheet -> border-bottom: 0px #fff solid; height: [of image] !important;
}

The apply this style to each individual button
[button]{
	padding: [button image height]px 0 0 0;  width:[button image]px;  background-image: url(i/[button image]); }
*/

/* Outlines (for development) -  :temp note: Delete before deployment
--------------------------------*/
/*#wrapper{
	outline: black 1px dashed; background-color: #fff;
}

#header{
	outline: navy 1px solid; background-color: #C4C4FF;
}
 
#navigation{
	outline: maroon 1px solid; background-color: #FFCACA;
}
 
#content-wrapper{
	outline: silver 1px dashed; background-color: #D2D2D2;
	min-height: 384px;
}

#content{
	outline: olive 1px solid;  background-color: #D5D5AA; 
	min-height: 260px;  width: 718px;
} 

#secondaryContent{
	outline: fuchsia 1px solid; background-color: #FFAEE4;
}

#footer{
	outline: red 1px solid; background-color: #FFFFBF;
}
*/