body {
  margin:0px auto 0px auto;
  padding:0px 0px 0px 0px;
    background:url(../img/header.png) #EEE;
  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: 750px;
  
}

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: 2900px;
  
}

div#wrap_goals {
  margin: 0px auto 0px auto;
  width: 950px;
  height: 1000px;
  
}


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

}

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

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



div#new_logo{
width:200px;
height:198px;
margin:0px 0px 0px 0px;
background:url(../img/cthaiti_logo_2.png) no-repeat;
position:absolute;
z-index:9999;
}

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


#contact{
position:absolute;
margin:125px 0px 0px 690px;
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;
	padding:0px 0px 0px 0px;
	color:#666666;
	text-align:justify;

}

.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 40px 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:100px;
}


#text_logo{
position:absolute;	
margin:15px auto 0px 195px;
width:200px;
height:74px;
z-index:999;
background-image:url(../img/cthaiti_logo.png);
backround-repeat:no-repeat;
}


#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:150px;
margin-left:auto;
background:url(../img/content_bg.jpg) #FFFFFF;
background-repeat:repeat-x;
width:900px;
height:2800px;
}


#content_pics{
position:absolute;	
margin-top:150px;
margin-left:auto;
background:url(../img/content_bg.jpg) #FFFFFF;
background-repeat:repeat-x;
width:900px;
height:3800px;
}


#splash_content{
position:absolute;	
margin-top:145px;
margin-left:auto;
background-image:url(../img/splash_bg.png);
background-repeat:no-repeat;
width:900px;
height:350px;
}


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

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


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




/* INDEX */

#more_info{
width:300px;
height:240px;
position:absolute;
margin:40px 0px 0px 580px;
}


ul.more_info_list{
position:relative;
margin:0px 0px 30px 0px;
width:250px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:14px;
}

ul.more_info_list li{
margin:0px 0px 0px 0px;
padding:0px 0px 18px 0px;
list-style:none;
line-height:13px;
}


ul.more_info_list li.white{
margin:0px 0px 0px 0px;
padding:0px 0px 15px 0px;
list-style:none;
color:#FFFFFF;
}

#sub_info{
position:absolute;
margin:340px 0px 0px 0px;
width:900px;
height:200px;
background:url(../img/sub_info_bg.jpg) #EEE;
}


#sub_info_left{
float:left;
width:530px;
padding:0px 0px 0px 15px;
}


#sub_info_right{
width:315px;
float:right;
padding:0px 10px 0px 0px;
}



a.auction{
position:absolute;
margin:0px 0px 0px 40px;
width:200px;
height:61px;
display:block;
background:url(../img/silent_button.png);
}

a.auction:hover{
background:url(../img/silent_button_hl.png);
}

a.directions{
position:absolute;
margin:0px 0px 0px 300px;
width:200px;
height:61px;
display:block;
background:url(../img/directions_button.png);
}

a.directions:hover{
background:url(../img/directions_button_hl.png);
}



div.pictures{
position:absolute;
margin:0px 0px 0px 40px;
width:200px;
height:61px;
display:block;
background:url(../img/pictures_button_hl.png);
}

a.pictures{
position:absolute;
margin:0px 0px 0px 50px;
width:200px;
height:61px;
display:block;
background:url(../img/pictures_button.png);
}

a.pictures:hover{
background:url(../img/pictures_button_hl.png);
}


div#buttons{
width:500px;
height:80px;
position:absolute;
margin:100px 0px 0px 0px;
}



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


#info{
position:absolute;	
width:330px;
height:300px;
margin:320px 0px 0px 560px;

}


#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: 0px; /* negative value of footer height */
	height: 100px;
	clear:both;
	background:#EEE;
	} 



.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_info_OTH{
width:800px;
height:350px;
margin:10px 0px 30px 0px;

background-image:url(../img/OTH_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;

}



ul#navlist
{
position:absolute;	
margin: 69px 0px 0px 200px;
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 */






/* slideshow */


#slideshow {
    position:absolute;
    height:350px;
	margin:340px 0px 0px 0px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


.slideshow_lable{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	position:absolute;
	margin:695px 0px 0px 0px;
	z-index:999;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

}




/* Picture page */

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



/* GOALS PAGE */

#goals{
float:left;
margin:20px 0px 0px 50px;
width:850px;
height:700px;
}


p.goals{
margin:0px 40px 30px 0px;	
}




/* VOLUNTEER INFO */

.volunteer{
position:absolute;
margin:0px 0px 0px 555px;
color:#FFF;
}


.volunteer p{
color:#FFF;
}

.volunteer a{
color: #09F;
}

.volunteer a:hover{
color:#9bccf6;
}