body {
  margin:0px auto 0px auto;
  padding:0px 0px 0px 0px;
    background-image:url(../img/home_background.jpg);
  background-repeat:repeat-x;
}


div#wrap {
  margin: 0px auto 0px auto;
  width: 950px;
  height: 100%;
  
}


div#wrap_home {
  margin: 0px auto 0px auto;
  width: 950px;
  height: 1200px;
  
}

div#wrap_route {
  margin: 0px auto 0px auto;
  width: 950px;
  height: 1150px;
  
}

div#wrap_directions {
  margin: 0px auto 0px auto;
  width: 950px;
  height: 100%;
  
}


div#wrap_charities {
  margin: 0px auto 0px auto;
  width: 950px;
  height: 3100px;
  
}



html, body, #wrap {
height: 100%;

}

body > #wrap {
height: auto; min-height: 100%;
}

#main {
padding-bottom: 100px;
}  /* must be same height as the footer */


#contact_home{
position:absolute;
margin:250px 0px 0px 365px;
width: 220px;
height:30px;
z-index:9999;
}


#contact{
position:absolute;
margin:90px 0px 0px 605px;
width: 220px;
height:30px;
z-index:999;
}



/* TEXT */

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777;

}

.charity_title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#006;
	font-style:italic;
	margin:0px 0px 0px 0px;
	padding:0;
}

.intro{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#003;

}

.slideshow{
font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#FFF;
	text-align:center;
	margin-top:110px;
}


.title{
font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#004;
}

.auctiontitle{
font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#004;
	padding:0px 0px 0px 0px;
}


.picture{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#777;
}



#info ul{
position:absolute;	
margin:5px 0px 0px 0px;	
padding:0px 0px 0px 0px;
list-style-position:outside;
list-style-image:none;
list-style-type:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#005;

}


#info ul li{
padding:0px 0px 10px 0px;	
}


#auction ul{	
position:absolute;	
margin:5px 0px 0px 0px;	
padding:0px 0px 0px 0px;
list-style-position:outside;
list-style-image:none;
list-style-type:circle;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#005;
}


#auction ul li{
padding:0px 0px 10px 0px;	
}



#charities_links ul{
width:800px;
margin:15px 0px 0px 0px;	
padding:0px 0px 0px 0px;
list-style-position:outside;
list-style-image:none;
list-style-type:none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
color:#005;
}


#charities_links ul li{
padding:0px 0px 10px 0px;	
}


a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#06C;
	text-decoration:none;
}


a.auction_print {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#06C;
	text-decoration:none;
}


.goal{
font-weight:bold;	
}





#header{
position:absolute;	
margin:0px auto 0px auto;
width:900px;
height:74px;
background-image:url(../img/header_background.jpg);
background-repeat:no-repeat;
}


#text_logo{
position:absolute;	
margin:25px auto 0px 45px;
width:291px;
height:29px;
z-index:999;
background-image:url(../img/cthaiti_logo.png);

}


#logo{
position:absolute;	
margin:16px auto 0px 75px;
z-index:999;
background-image:url(../img/logo.png);
width:247px;
height:295px;

}
	


#content{
position:absolute;	
margin-top:74px;
margin-left:auto;
background-image:url(../img/content_bg.jpg);
background-repeat:repeat-x;
width:900px;
height:900px;
}


#splash_content{
position:absolute;	
margin-top:74px;
margin-left:auto;
background-image:url(../img/splash_background.jpg);
background-repeat:no-repeat;
width:900px;
height:1000px;
}


#content_route{
position:absolute;	
margin-top:74px;
margin-left:auto;
background-image:url(../img/content_bg.jpg);
background-repeat:repeat-x;
width:900px;
height:600px;
}


#header_text{
position:absolute;	
margin:170px 0px 0px 365px;
width:400px;
height:100px;
z-index:999;
}




/* INDEX */

#slideshow{
float:left;
position:absolute;
width:500px;
height:300px;
margin:130px 0px 0px 50px;
background-color:#DDD;
}


#info{
position:absolute;	
width:800px;
height:300px;
margin:325px 0px 0px 30px;

}


#auction{
position:absolute;	
width:425px;
height:300px;
margin:325px 0px 0px 450px;

}



/* CHARITIES */
#charities{
float:left;
margin:20px 0px 0px 50px;
width:850px;
height:100%;
}

#caption{
position:absolute;
margin:0px 0px 0px 0px;
float:left;
}


/* ROUTE */
#route{
float:left;
margin:20px 0px 0px 50px;
width:850px;
height:600px;
}

#directions{
float:left;
margin:20px 0px 0px 50px;
width:850px;
height:300px;
}


#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;
	background-image:url(../img/footer_bg.jpg);
	background-repeat:repeat-x;
	} 



.charity_info{
width:800px;
height:300px;
margin:10px 0px 30px 0px;

background-image:url(../img/PIH_BG.jpg);
background-repeat:no-repeat;
}

.charity_info_PIH{
width:800px;
height:500px;
margin:10px 0px 30px 0px;

background-image:url(../img/PIH_BG.jpg);
background-repeat:no-repeat;
}

.charity_info_PFH{
width:800px;
height:350px;
margin:10px 0px 30px 0px;

background-image:url(../img/PFH_BG.jpg);
background-repeat:no-repeat;
}

.charity_info_HHF{
width:800px;
height:350px;
margin:10px 0px 30px 0px;

background-image:url(../img/HHF_BG.jpg);
background-repeat:no-repeat;
}

.charity_info_MATH{
width:800px;
height:350px;
margin:10px 0px 30px 0px;

background-image:url(../img/MATH_BG.jpg);
background-repeat:no-repeat;
}

.charity_info_HHN{
width:800px;
height:350px;
margin:10px 0px 30px 0px;

background-image:url(../img/HHN_BG.jpg);
background-repeat:no-repeat;
}

.charity_info_HSJ{
width:800px;
height:350px;
margin:10px 0px 30px 0px;

background-image:url(../img/HSJ_BG.jpg);
background-repeat:no-repeat;
}


.charity_text{
width:400px;
height:300px;
margin:0px 0px 0px 420px;

}

/* Navigation */

#navcontainer
{
position:absolute;	
margin: 12px 0px 0px 320px;

}



#navlist ul
{
position:absolute;	
margin: 0px 0px 0px 0px;
white-space: nowrap;
padding: 0px 0px 0px 0px;
}

#navlist li
{
display: inline;
list-style-type: none;
}


/* rounded buttons */
.round {
	cursor:pointer; 
	cursor:hand; 
	line-height:27px;
	height:27px;
	background:url(../img/button.png) no-repeat right top; 
	padding-right:20px; 
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#EFD68F;
	text-decoration:none;
}

.round ins { 
	background:url(../img/button.png) no-repeat left top; 
	height:27px;
	line-height:27px;
	display:inline-block;
	padding-left:20px;
	text-decoration:none;
}

	a.round:hover {
	background-position:right -155px;
	color:#EFD68F;
	
	}
		
	a.round:hover ins {	
	background-position:left -155px;
	color:#EFD68F;
	}
	
	
	a.round:active {
	background-position:right -155px;
	color:#EFD68F;
	
	}
		
	a.round:active ins {	
	background-position:left -155px;
	color:#EFD68F;
	}


.round_active {
	cursor:pointer; 
	cursor:hand; 
	line-height:27px;
	height:27px;
	background:url(../img/button.png) no-repeat right top;
	background-position:right -155px;
	padding-right:25px; 
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#EFD68F;
	text-decoration:none;
}

.round_active ins { 
	background:url(../img/button.png) no-repeat left top; 
	background-position:left -155px;
	height:27px;
	line-height:27px;
	display:inline-block;
	padding-left:25px;
	text-decoration:none;
}

/* end rounded buttons */












/* clearfix hack */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */