/* Layout styles
 * Only structural styles should be in here 
*/

img, div { behavior: url(css/iepngfix.htc) }

* {
padding: 0;
margin: 0;
}
img {
border: 0;
}
body {
text-align: center;
margin: 0px;
padding: 0px;
background-color: #000;
font: 12px/18px Helvetica, Arial, sans-serif;
color: #000;
background-image: url(/images/layout/sitebg.gif);
background-repeat: repeat-x;
}
#warpper {
position: relative; 
_height: 660px; 
min-height: 660px;
width: 847px;
background: #FFF;
margin: 0 auto 0 auto;
text-align: left;
}
.home_bg{
/* background: url(/images/layout/pageBg/homepageBg.jpg) no-repeat; */
}
.jobs_bg{
background: url(/images/layout/pageBg/jobsBg.jpg) no-repeat;
}
.daylife_bg{
background: url(/images/layout/pageBg/daylifeBg.jpg) no-repeat;
}
.volunteers_bg{
background: url(/images/layout/pageBg/volunteersBg.jpg) no-repeat;
}
.volunteerday_bg{
background: url(/images/layout/pageBg/volunteerdayBg.jpg) no-repeat;
}
.why_bg{
background: url(/images/layout/pageBg/whyBg.jpg) no-repeat;
}
.logistics_bg{
background: url(/images/layout/pageBg/logisticsBg.jpg) no-repeat;
}
.sales_marketing_bg{
background: url(/images/layout/pageBg/homepageBg.jpg) no-repeat;
}
.project_bg{
background: url(/images/layout/pageBg/projectBg.jpg) no-repeat;
}
.production_bg{
background: url(/images/layout/pageBg/productionBg.jpg) no-repeat;
}
.apply_bg{
background: url(/images/layout/pageBg/applyBg.jpg) no-repeat;
}
.applystep2_bg{
background: url(/images/layout/pageBg/applystep2Bg.jpg) no-repeat;
}
.hot-off-press{
background: url(/images/layout/hot-off-press-bg.jpg);
}
.hot-off-press-head{
height:41px;
width:815px;
_width:785px;
background: url(/images/layout/hot-off-press-heading.jpg);
background-repeat:no-repeat;
}
.hot-off-press-head-bg{
width:815px;
_width:785px;
background: url(/images/layout/hot-off-press-heading-bg.jpg);
}
.hot-off-press-box{
padding-top:20px;
}
.hot-off-press-content{
position:relative;
border:1px solid #000;
width:813px;
_width:783px;
background-color:#FFF;
}
.hot-off-press-inside{
margin:20px;
}
.hot-off-press-content ul{
list-style:none;
margin:4px;
padding:0;
}
#container{
}
#innerContent {
position: relative; 
_height: 480px; 
min-height: 480px;
}
#innerShell{
position: relative; 
padding-top:10px;
}
#innerShell #contentRight{
position:relative;
}
#content{
position:absolute;
width:847px;
min-height: 480px;
_height:480px;
z-index:1;
}
#redder_logo {
position: relative; 
top: 15px;
width: 200px; 
height: 230px; 
background-repeat: no-repeat; 
background-position: left top; 
background-color: transparent;
}
#main_content {
position: relative; 
_height: 660px; 
min-height: 660px;
width: 960px;
margin: 0 auto 0 auto;
text-align: left;
padding-bottom: 50px;
}
#headContent {
position: relative; 
width: auto;
height:81px;
background: url(/images/layout/yha-header.gif) no-repeat;
}
#headContent #logo{
position:relative;
float:left;
width:248px;
height:102px;
}
#headContent #rghtBanner{
position:relative;
float:left;
width:546px;
height:102px;
}
#page_banner {
overflow: hidden;
}
#user_box {
position: absolute;
top: 20px; 
right: 40px;
width:150px;
text-align:right;
}
#user_box a{
color:#000;
text-decoration:underline;
}
.jobContainer{
position: relative;
margin-top:20px;
left: 26px;
padding-top:75px;
}
.jobHeader{
position:relative;
}
.jobBox{

position: relative;
width:571px;
height:420px;
}
.job_box {
position: absolute;
top: 140px; 
left: 14px;
width: 563px;
height: 270px;
overflow-y: auto;
}
.job_box div {
margin: 10px 20px;
}
.jobDownloadBox{
position:absolute;
background-color:#CCC;
width:520px;
bottom:40px;
left:50px;
padding-left:4px;
}
.jobDownloadBox a{
color:black;
text-decoration:underline;
}
.jobDownloadBox a:hover{
color:#444;
text-decoration:none;
}
.jobDownloadBox h2{
color:black;
margin:0;
padding:0;
}
.job_box div {
margin: 10px 20px;
}

.why_box {
position: absolute;
top: 146px; 
left: 14px;
width: 548px;
height: 265px;
overflow-y: auto;
}
.why_box div {
margin: 10px 20px;
}

.volunteer_box {
position: absolute;
top: 140px; 
left: 14px;
width: 565px;
height: 290px;
overflow-y: auto;
}
.volunteer_box div {
margin: 10px 20px;
}

.volunteerday_box {
position: absolute;
top: 87px; 
left: 14px;
width: 333px;
height: 355px;
overflow-y: auto;
}
.volunteerday_box div {
margin: 10px 20px;
}

#apply_instructions {
position: absolute;
top: 72px; 
left: 50px;
width: 520px;
height: 265px;
}

.apply_box {
position: absolute;
top: 185px; 
left: 14px;
width: 564px;
height: 230px;
overflow-y: auto;
}

div.apply_box.step2 {
top: 120px;
height: 300px;
}

div.apply_box.step2 label {
width: 410px;
}

div.apply_box.step2 div.input {
border-bottom: 1px solid #CCCCCC;
padding: 4px 0;
margin:0;
}

.loginBox{
position:absolute;
top:165px;
right:40px;
width:170px;
height:200px;
}
.loginForm{
position:relative;
top:30px;

}
.successMsg{
color:#006FB7;

}
.apply_box div {
margin: 10px 20px;
}

.why_box div p {
margin: 6px 0;
}

.day_box {
position: absolute;
top: 85px; 
left: 14px;
width: 332px;
height: 355px;
overflow-y: auto;
}
.day_box div {
margin: 10px 20px;
}

.day_box div p {
margin: 6px 0;
}

#home_centre {
position: relative;
height:357px;
width: 420px;
margin: 0;
background-color: #032C62;
background-image: url(/images/layout/home-centre_bg.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

#home_centre h1 {
font-size: 36px;
line-height: 36px;
letter-spacing: 1px;
position: relative;
margin: 10px 15px;
padding: 0;
left: 0;
float: none;
}

#home_centre #greenband {
background-color: #C3CD22;
padding:6px 0;
}
#home_centre #greenband div {
font: normal 20px/20px Impact, Helvetica, Arial, sans-serif;
letter-spacing: 0px;
position: relative;
margin: 0 12px;
padding: 0;
left: 0;
float: none;
}

#home_centre p {
font: normal 14px/20px Impact, Helvetica, Arial, sans-serif;
letter-spacing: 1px;
color: white;
position: relative;
margin: 6px 15px;
padding: 0;
left: 0;
float: none;
}

#home_centre_jobs_link {
position: absolute;
right: 20px;
bottom: 20px;
color: white;
}

#home_centre_jobs_link a {
color: white;
}

#home_centre_jobs_link a img {
text-align: baseline;
}

#home_daylife {
position: relative;
background-image: url(/images/home/home_daylife_box.jpg);
background-repeat: no-repeat;
height:300px;
width: 190px;
margin-right: 0;
}

#home_daylife div.bottom_link {
position: absolute;
bottom: 0;
}

#home_daylife div.text {
margin: 0 12px;
}

#home_daylife div.text p {
color: white;
font-size: 9px;
line-height: 11px;
margin-bottom: 2px;
padding-bottom: 1px;
border-bottom: 1px solid white;
}


#home_hotpress {
height:219px;
width: 184px;
margin: 0;
}
#home_find_yha_box {
height:138px;
width: 186px;
margin: 0;
}
#yha_youtube {
/*background-image: url(/images/home/home_yha_virtual_tours.jpg);
background-repeat: no-repeat;*/
height:108px;
width: 611px;
margin: 0;
}
#yha_youtube img{
border:none;
}
.black-border{
border:1px solid #000;
}
#footer{
position: relative;
width:847px;
margin:0 auto 0 auto;
height: 55px;
}
#footer a{
text-decoration:none;
color:#FFF;
}
#footer a:hover{
color:#006FB7;
}
#foot_logo {
position: absolute;
right: 30px;
top: 10px;
}
#copyright {
position: absolute;
left: 30px; 
top: 20px;
color: white;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/***************** Content grid  */
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */
	
div.column {
float: left;
margin: 0 0 0 15px;
}
div.columnRight {
float: right;
margin: 0;
}
.rightContainer{
float:right;
}
div.fullwidth {
width: 847px;
/*width: 876px;*/
}

div.threequarterwidth {
width: 620px;
}
div.halfwidth {
width: 400px;
}
div.halfwidthLarge{
width:420px;
}
div.halfwidthMeduim{
width:380px;
}
div.thirdwidth {
width: 290px;
}
div.quarterwidth {
width: 190px;
}

div.threequarterwidth .content table{
width:660px;
}

.nomargin {
margin: 0;
}

.imageLinks{
position:absolute;
display:inline;
}
.imageLink{
position:relative;
display:inline;
float:left;
margin-left:4px;
}
#treeOptions{
padding-top:20px;
}
.btnrow{
width:100px;
text-align:center;
}
.btnStatusrow{
text-align:center;
width:180px;
}
.btnStatusrow .btn{
display:block;
margin:0;
}
.errorBox{
width:400px;
}
.errorBox p{
margin-bottom:10px;
}
.successBox{
position:relative;
left:50px;
top:100px;
}
.accountBox{
border:1px solid #999;
background-color:#EEE;
padding:5px 5px 5px 0;
}
.successBox h2{
}

.successBox h2.shadow{
}
.apply_box .clearfix{
margin:0;
}