/* CSS by percap web design
for Perceptions Counselling and Psychotherapy */


/* Testing only */
  div, ul, li, a{
  	border:0px dashed red;
  }
  	


/* Default settings for whole site */
  body{
	font-family:"Lucida Sans Unicode",Verdana,Arial,sans-serif;
	font-size:12px;
 	margin:0 auto 0 auto;
	padding:0;
	line-height:150%;
	width:760px;
  }
 
  
  p{
  	margin:0;
  	padding:10px 0 0 5px;
  }
  
  hr{
  	color:#060;
  	margin:20px 0 20px 0;
  }
  
  h2.location{
  	display:none;
  	padding:0;
  	margin:0;
  }
  
  .bold {font-weight:bold}
  .pgreen {color:#006600}
  .center {text-align:center}
  .clear {clear:both}
  .pad5left {padding-left:5px}
  
  
  a.clink{
  	color:#060;
  	text-decoration:none;
  	border-bottom:1px dotted #060;
  }
  
  
/* List paraphanalia */
  
  li{
  	color:#060;
  	list-style-type:disc;
  }

  
  li.no_bullet{
  	list-style-type:none;
  	color:#000;
  }
 
   
  ul.double2{
  	margin:0;
  	padding:10px 0 0 20px;
  	width:275px;
  	float:right;
  }
  
  ul.double1{
  	margin:0;
  	padding:10px 0 0 35px;
  	width:220px;
  }
  
  ul.triple{
  	margin:0;
  	padding:0 0 0 35px;
  	float:left;
  	width:130px;
  }
  
  ul.single{
  	margin:0;
  	padding:10px 0 10px 35px;
  	width:500px;
  }
  
  ul.bg_sf{
  	background:url(i/sm_sf.jpg) right 60px no-repeat;
  }
 
 
 
 /* Images */
 
  img{
  	display:block;
  	padding:0;
  	margin:0;
  	border-style:none;
  }

  img.type1{
  	float:right;
  	margin:10px 0 5px 20px;
  	padding:0;
  }
  
  img.type2{
  	margin:0 auto 0 auto;
  	padding-bottom:10px;
  }
  
  img.type3{
  	margin:70px 30px 30px 20px;
  	float:right;
  	padding:0;
  }
  
   img.type4{
  	display:inline;
  	margin:-3px 0 0 15px;
  	padding:0;
  }

  
   img.type5{
  	display:inline;
  	float:right;
  	margin:-20px 0 5px 10px;
  	padding:0;
  }
     
   img.type6{
  	float:left;
  	margin:10px 30px 25px 0;
  	padding:0;
  }
 
  
  img.rtn{
  	margin:0 0 0 500px;
  }
  



/* Headings */
 
  h1{
	margin:0;
	padding:0;
  }
   
  h2{
  	font-size:16px;
  	padding-top:20px;
  	margin:0;
  }
  
  h3{
  	color:#060;
  	margin:0;
  	padding:15px 0 0 5px;
  	font-size:12px;
  	font-weight:bold;
  }
  
  #header{
	margin:3px 0 0 0;
	padding:0;
	width:760px;
	height:150px;
	border-top:3px solid #060;
	border-bottom:3px solid #060;
  }



/* Sidebar */

  div#sidebar{
  	float:left;
  	margin:0;
  	padding:0;
	width:150px;
  }
  
  
  ul.nav{
	margin:45px 0 0 0;
	padding:0;
  }
  
  .nav li{
  	padding:1px 0 1px 15px;
  	font-weight:bold;
  	list-style-type:none;
  }
  
  .nav a:link, .nav a:visited{
    	color:#060;
  	text-decoration:none;
  	border-style:none;
  }
  
  .rollover{
  	display:block;
  	background:url(i/paledots.png) no-repeat;
  	padding:8px 0 8px 0;
  }
  
  .nav a:hover{
  	background-position:-140px -3px;
  }
  
  li.ur_here{
	background:url(i/dots.png) -125px 0px no-repeat;
	color:#060;
  	padding:10px 0 10px 15px;
  }
       

 


/* Main container for content etc. */
  div#content{
	padding:10px 20px 30px 15px;
	margin:0 auto 0 160px;
	text-align:left;
	border-left:3px solid #060;
	background:#fff url(i/bg.png) bottom right no-repeat;
  }
    
  p.no_rtn, ul.no_rtn, h2.no_rtn{
  	padding-bottom:30px;
  }


/* Footer */

  div#footer{
  	clear:left;
  	margin:0 auto 5px auto;
  	padding:0;
  	background-color:#fff;
  	height:70px;
  	border-top:3px solid #060;
  	border-bottom:3px solid #060;
  }
   
  p#percap{
  	float:left;
  	text-align:left;
  	padding:25px 0 0 30px;
  	margin:0;
  }

  div#footlogo{
  	display:inline;
  	float:right;
  	margin:3px 10px 0 20px;
  	padding:0;
  }
  
  div#footext{
  	margin:5px 0 0 180px;
  	padding:0;
  	text-align:center;
  	font-size:10px;
  	line-height:120%;
  	color:#060;	
  }


/* footer links */
  .flink a:link, .flink a:visited{
  	color:#999;
  	font-size:12px;
  	font-weight:bold;
  	text-decoration:none;
  	border:none;
  }