/* CSS Document */

body  {
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Helvetica,Verdana, Arial,  sans-serif;
	font-size:small;


	
	}
	
#about {
background-color:#6C2163;
color:#772879;
}
#feedback {
background-color:#F4CFF3;
color:#702172;
}
#alcohol {
background-color:#6C2163;
color:#000000;
}
	
#home {

background-color:#000000;
color:#FFFFFF;
}
#drop{
background-color:#AD0000;
color:#FFFFFF;

}
#conf {
background-color:#0D328A;
color:#005CA2;
}

#counselling {
background-color:#3B51A3;
color:#005D89;
}
#ccard {
background-color:#FF5200;
}
#esus {
background-color: #164087;
color:#00A3CA;
}
#chill {
background-color:#154084;
color:#FFFFFF;
}

#links {
background-color:#C4151C;
color:#772879;
}

#links a{
color:#772879;
text-decoration:none;
font-weight:bold;
}

#peer {
background-color:#F58E1E;
color:#7B4629;
}

#questions {
background-color:#1E1F84;
}

#workers {
background-color:#F37421;
color:#3C51A3;
}


#container {
margin-left:auto;
margin-right:auto;
float:none;
width:800px;
background-image:url(../images/alcohol.gif);
background-repeat:no-repeat;
padding-top:150px;

}

#about #container {
width:800px;
background-image:url(../images/about_bg.gif);
background-repeat:no-repeat;
height: 800px;


}

#alcohol #container {
width: 800px;
background-image:url(../images/alcohol_bg.gif);
background-repeat:no-repeat;
height: 945px;
}

#home #container {

width: 800px;
background-image:url(../images/home_bg.gif);
background-repeat:no-repeat;
height: 548px;
}
#drop #container {
width: 780px;
background-image:url(../images/drop_bg.gif);
background-repeat:no-repeat;
height: 1198px;
}

#conf #container {
width: 780px;
background-image:url(../images/conf_bg.gif);
background-repeat:no-repeat;
height: 750px;
}
#counselling #container {

width: 780px;
background-image:url(../images/counselling_bg.gif);
background-repeat:no-repeat;
height: 1450px;
}

#ccard #container {
width: 800px;
background-image:url(../images/ccard_bg.gif);
background-repeat:no-repeat;
height: 700px;
}
#esus #container {
width: 800px;
background-image:url(../images/esus_bg.gif);
background-repeat:no-repeat;
height: 700px;
}
#chill #container {
width: 800px;
background-image:url(../images/chill_bg.gif);
background-repeat:no-repeat;
height: 1300px;
}


#links #container {
width: 800px;
background-image:url(../images/links_bg.gif);
background-repeat:no-repeat;
height: 945px;
}

#peer #container {
width: 800px;
background-image:url(../images/peer_bg.gif);
background-repeat:no-repeat;
height: 1000px;
}

#questions #container {
width: 800px;
background-image:url(../images/questions_bg.gif);
background-repeat:no-repeat;
height: 600px;
}


#feedback #container {
width: 800px;
background-image:url(../images/feedback_bg.gif);
background-repeat:no-repeat;
height: 760px;
}

#workers #container {
width: 800px;
background-image:url(../images/workers_bg.gif);
background-repeat:no-repeat;
height: 500px;
}

#menu_holder{
float:left; 
height:500px; 
width: 240px; 
position:relative;
}



#info_holder {
float:left; 
height:600px; 
width:360px; 
margin-top: 190px; 
padding-left:30px; 
padding-right: 30px;



}
#conf #info_holder {
overflow:auto;
height: 350px; 

}
#about #info_holder {
overflow:auto;
height: 530px; 

}

#drop #info_holder {

overflow:auto;
height: 630px; 

}

#counselling #info_holder {

overflow:auto;
height: 1050px; 

}

#alcohol #info_holder {

overflow:auto;
height: 470px; 

}
#esus #info_holder {

overflow:auto;
height: 210px; 

}

#chill #info_holder {

overflow:auto;
height: 830px; 

}
#peer #info_holder {

overflow:visible;
height: 450px; 


}
#links #info_holder {

overflow:hidden;
height: 530px; 
line-height: 200%;

}

#workers #info_holder {
overflow:auto;
height: 180px; 
}

#feedback #info_holder {

height: 350px; 
width: 400px; 
padding-top:120px;
padding-left: 80px;

}


#questions #info_holder {
overflow:auto;
height: 150px; 

}
#info_holder {
overflow:hidden;

}

#button  {
margin-top:120px;
 margin-left: 230px;
  
 
}
#button a {
 color:#FFFFFF;
 font-size:large; 
 text-decoration:none;
}

#button a:hover {
color:#CCCCCC;
}