body   		  {
			  background-color: #E1EDF2;
			  background-image: url(images/grad2.jpg);
			  background-repeat: repeat-x;  
			  FONT-SIZE: 11px; 
			  COLOR: #333399; 
			  font-family: Verdana;
			  margin-top: 0px;
			  text-align: center;
}

div#container {
			  margin-left: auto; 
			  margin-right: auto;
			  width: 800px;
			  height: 100%;
			  text-align: left;
			  padding: 0px;
			  border: 2px solid #fff;
			  background-color: #D5E0E1;
			  float:center;
}

.banner		  {
			  background-color: #649AA0;
			  text-align: left;
			  padding-left: 12px;
			  width: 790px;
			  height: 100px;
			  COLOR: #334374; 
			  FONT-FAMILY: "Times New Roman", Tahoma, Verdana;
			  Font-style: italic; 
			  margin-bottom: 0px;
}

.logo		  {width: 120px;
			  float: left;
			  text-align: left;
}

.header		  {
			  padding-top: 20px;
			  width: 500px;
			  float: left;
}
			  
H1 			  {FONT-SIZE: 28px; 
			  COLOR: #334374; 
			  FONT-FAMILY: "Times New Roman", Tahoma, Verdana;
			  Font-style: italic; 
			  margin: 0px;}

.motto		  {color: #fff; font-size: 18px;}

#content_left	  {
			  float: left;
			  width: 100px;
			  border:0px solid #fff;
			  text-align: center;
			  padding-left:10px;
			  padding-right:10px;
}	

#content_center  {
			  width:500px;
			  float:left;
			  padding:5px;
			  background-color: #f0f0f0;
			  background-image: url(images/Counselling_logo.jpg);
			  background-position: top right;
			  background-repeat: no-repeat;
			  line-height: 1.5;
			  min-height: 370px;  
			  height:auto !important;
  			  height:370px;

}	

#content_right	  {
			  float:left;
			  text-align: center;
			  width:165px;
			  padding-top:15px;
}	

.butt 		  { 
			  font-size: 12px;
		 	  border: 1px solid #fff;
		  	  width: 100px;
		  	  margin-bottom:5px;  
		  	  margin-top:5px;
			  text-align: center;
			  height:20px;		
			  line-height: 20px;
}

.butt a 	  {
	  		  width: 100%;	
			  height:100%;
	  		  display: block;
			  color: #649AA0;
			  text-decoration: none;
			  }

.butt a:hover 	  {width: 100px;
			  background-color: #A8C6CA;
			  text-decoration: none;
			  color: #fff;
}

.buttA 		  { 
			  font-size: 12px;
		 	  border: 1px solid #fff;
		  	  width: 100px;
		  	  margin-bottom:5px;  
		  	  margin-top:5px;
			  text-align: center;
			  height:20px;		
			  line-height: 20px;
}
.buttA a 	  {
	  		  width: 100%;	
			  height:100%;
	  		  display: block;
			  background-color: #A8C6CA;
			  color: #fff;
			  text-decoration: none;
			  }



H2 {
	FONT-SIZE: 20px; COLOR: #334374; FONT-FAMILY: "Times New Roman", Tahoma, Verdana;
	Font-style: italic; margin-top: 0px; margin-bottom: 10px; 
}

H3 {
	FONT-SIZE: 16px; COLOR: #334374; FONT-FAMILY: "Times New Roman", Tahoma, Verdana;
	Font-style: italic; margin-top: 0px; margin-bottom: 10px; 
}

hr.info		  {color: #A8C6CA;
			  background-color: #A8C6CA; 
			  height:2px; /* for Opera */
 			  border:none; /* to get rid of */
			  width: 140px;}

A.con	  	  {font-weight: bold; color: #333399; text-decoration: none;}
			  
			  
.con A:link	  	  {font-weight: bold; color: #333399; text-decoration: none;}
.con A:visited	  {font-weight: bold; color: #333399; text-decoration: none;}
.con A:active	  {font-weight: bold; color: #333399; text-decoration: none;}
.con A:hover	  {font-weight: bold; color: #333399; text-decoration: underline;}

			  
#footer		  {width: 800px;
			  height: 15px;
			  color: #334374; 
			  background-color: #A8C6CA;
			  font-size: 11px;
			  color: #fff; 
			  font-weight: bold;
			  padding: 0px;
			  text-align: center;
			  margin-left: auto; 
			  margin-right: auto;
			  float: left;
}

.des		  {color: #334374; 
			  font-size: 10px;
			  padding-left: 100px;
			  padding-right: 120px;
}

.loft		  {width: 800px;
			  margin-left: auto; 
			  margin-right: auto;
			  margin-top:0px;
}

.copyright	  {float:left;
			  font-size: 10px;
			  color: #999;
			  text-align: left;			  
			  }
			  
.loloft 	 {color: #999; 
			 TEXT-DECORATION: none; 
			 border: 0px; 
			 width: 400px;
			 text-align: right;
			 float: right;
			 
			 }

.mail a:link {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.mail a:visited {
	COLOR: #ffffff; TEXT-DECORATION: none;
}
.mail a:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline;
}
.mail a:active {
	COLOR: #ffffff; TEXT-DECORATION: none;
}

A:link.loft {font-size: 9px; color: #999999; TEXT-DECORATION: none; }
A:visited.loft {font-size: 9px; COLOR: #999999; TEXT-DECORATION: none;}
A:hover.loft {font-size: 9px; COLOR: #999999; TEXT-DECORATION: none;}
A:active.loft {font-size: 9px; COLOR: #999999; TEXT-DECORATION: none;}