@charset "utf-8";
/* CSS Document */

body {
	background-image:url(imagestoo/cream.gif);
	background-color: #FFFFCC;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	

}

a:link {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #990099;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
 
img {
    border: none;
} 

#bullets  ul  {
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#330066;
	
}
#bullets   {
	
	margin-left: 460px;
	
}
#button   {
	
	margin-left: 620px;
	padding-bottom:15px;
	padding-top:10px;
	float:right;
	padding-right:28px;
	
	
	
}
#copyright {
	margin-left: 200px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#330066;
	padding-bottom:10px;
	
}
#contact_copyright {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#330066;
	padding-bottom:10px;
	padding-top:10px;
	
}

/*menu stuff*/
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu {
	width: 140px;
	margin: 40px;
	}
	
#menu li a {
	height: 37px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color: #000033;
	text-decoration: none;
	line-height:28px;
	padding-left:10px;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #000033;
	display: block;
	background:  url(counselling/menu.gif);
	
	
	
	}
	
#menu li a:hover {
	color: #FFffff;
	background:  url(counselling/menu.gif) 0 -37px;
	
	
	}
	
/*menu ends*/

/*press stuff*/
#press ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	}

#press {
	width: 200px;
	
	}
	
#press li a {
	height: 37px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color: #000033;
	text-decoration: none;
	line-height:28px;
	text-align:center;
}	
	
#press li a:link, #press li a:visited {
	color: #000033;
	display: block;
	background:  url(counselling/butt.gif);
	
	
}
	
#press li a:hover {
	color: #FFffff;
	background:  url(counselling/butt.gif) 0 -37px;
	
	
	}
	
/*press ends*/

.yum {
	background-image:url(counselling/blue.gif);
	height: 37px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color: #ffffff;
	text-decoration: none;
	line-height:28px;
	padding-left:10px;
}


.layout #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 190px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background-image:url(fltile.jpg); /* the background image will be displayed for the length of the content in the column, but no further */
	margin:0;
}
.layout #sidebar2 {
	float: right; 
	padding: 1.0em 0.5em 1.5em 1.5em; /* padding keeps the content of the div away from the edges */
	margin:0;
}

.layout #sidebar3 {
	float: left; /* since this element is floated, a width must be given */
	width: 320px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-left: 165px;
	margin:0;
	
}
.layout #sidebar4 {
	float: left; /* since this element is floated, a width must be given */
	width: 330px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-left: 185px;
	margin:0;
}
	
.layout #sidebar5 {
	width: 600px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding-left: 200px;
	margin:0;
}
	

.image {

	padding: 0.4em;
	background-position:center;
	margin:0;
	text-align:center;

}

.layout #container { 
	width: 850px;
	background:url(counselling/linback.jpg)	top left;
	background-repeat:no-repeat;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.layout #header { 
	padding-left: 360px;  
	padding-top: 80px;
	color:#ffffff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin:0;	
	
} 
.layout #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	font-size: 22px;
	font-weight: normal;
}

h2 {

	padding-top:0.2em;
	padding-left: 200px;
	font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color:#000066;
	line-height:26px;
}
h2.right{
	padding-left:515px;
}
	
.text{

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#330066;
	padding-left:200px;
	
}
.text2{

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#330066;
	padding-right:20px;
	padding-left:200px;
	
}
.address{

	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#330066;
	padding-left:260px;
	
}
.footer { 
	
	height:2px;
	background-image:url(counselling/bott.gif); 
	background-position: center;
	margin:0;
	width:850px;
	float:left;
	
		
} 
.clearfix:after { /* a class to make something self-clearing - so that it expands to contain all its internally floated elements 
					more info: http://www.positioniseverything.net/easyclearing.html */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.layout #sidebar23 {
	float: left; /* since this element is floated, a width must be given */
	width: 220px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	
	margin:0;
	
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */