html, body {
	margin: 0;
	padding: 0;
}
body {
	background-image: url(../images/bkgd.gif);
	background-repeat: repeat-x;
	font: 13px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #333333;
	background-color: #fff;
}

/* Main Menu On States */
body#home ul#main-menu li a.center {
	width: 328px; background-position: 0 -46px;	   
}
body#cctherapy ul#main-menu li a.c-ctherapy {
	width: 110px; background-position: -332px -46px;	   
}
body#books ul#main-menu li a.books {
	width: 90px; background-position: -449px -46px;	   
} 
body#aboutus ul#main-menu li a.about {
	width: 90px; background-position: -540px -46px;	   
}
body#telepsychotherapy ul#main-menu li a.telepsychotherapy {
	width: 195px; background-position: -630px -46px;	   
}
body#glossary ul#main-menu li a.glossary {
	width: 97px; background-position: -824px -46px;	   
}
body#contact ul#main-menu li a.contact {
	width: 109px; background-position: -910px -46px;	   
}
 
table, tr, td {                                      
	background-repeat: repeat-x;
	font: 13px/1.5 Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #333333;
}
#main-content a {font-size: 13px; color: #333333; text-decoration: none;
	background-color: transparent;
	border-color: #333333;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}
#main-content a:hover {font-size: 13px; color: #cc0000; text-decoration: none;
	background-color: transparent;
	border-color: #cc0000;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
}
#header {
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
          
	margin-bottom: 0px;
	height: 118px;                    
}

		#header #main-nav {
			  
			height: 46px;
			width: 1019px;
			margin: 0 0 0 0px;                                      
		}
			 
				
					#main-nav ul#main-menu {
						width: 1019px;
						list-style: none;      
						margin: 1px 0 0 20px;
					}
					#main-nav ul li {
						display: inline; 
					}
						#main-nav ul#main-menu li a {
							display: block;
							float: left;
							height: 46px;
							background-image: url(../images/menu.gif);
							text-indent: -9999px;
							margin: 0;
							padding: 0;
						}
                        	ul#main-menu li a.center {
								width: 328px; background-position: 0 0;	
							}
                            ul#main-menu li a.c-ctherapy {
								width: 110px; background-position: -332px 0;	
							}
                            ul#main-menu li a.books {
								width: 90px; background-position: -449px 0;	
							}
                            ul#main-menu li a.about {
								width: 90px; background-position: -540px 0;	
							}
                            ul#main-menu li a.telepsychotherapy {
								width: 195px; background-position: -630px 0;	
							}
                            ul#main-menu li a.glossary {
								width: 97px; background-position: -824px 0;	
							}
                            ul#main-menu li a.contact {
								width: 109px; background-position: -910px 0;	
							}

                            ul#main-menu li a.center:hover, ul#main-menu li a.center:focus {
								width: 328px; background-position: 0 -46px;	
							}
                            ul#main-menu li a.c-ctherapy:hover, ul#main-menu li a.c-ctherapy:hover {
								width: 110px; background-position: -332px -46px;	
							}
                            ul#main-menu li a.books:hover, ul#main-menu li a.books:focus {
								width: 90px; background-position: -449px -46px;	
							}
                            ul#main-menu li a.about:hover, ul#main-menu li a.about:hover  {
								width: 90px; background-position: -540px -46px;	
							}
                            ul#main-menu li a.telepsychotherapy:hover, ul#main-menu li a.telepsychotherapy:focus  {
								width: 195px; background-position: -630px -46px;	
							}
                            ul#main-menu li a.glossary:hover, ul#main-menu li a.glossary:focus {
								width: 97px; background-position: -824px -46px;	
							}
                            ul#main-menu li a.contact:hover, ul#main-menu li a.contact:hover {
								width: 109px; background-position: -910px -46px;	
							}






				.page-title {
					font-size: 30px;
					font-weight: normal;
					font-family: verdana;
				} 
				p.page-title-2line {
					font-size: 28px;
					line-height: 36px;
					font-weight: normal;
					font-family: verdana;
					margin: 0 0 20px 0;
				}
				#page-title {
					float: left;
					width: 260px;      
				}
					#page-title p {
						padding: 0 0 0 14px; 
						margin: 0px 0 0 0;      
					}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
    overflow: auto;
	background: #eaeae4;
	z-index: 0;
	margin-top: 55px; 
	clear: both;        
}
#top-curve {
	background-image: url(../images/topCurve.gif);
	background-repeat: no-repeat; 
	width: 940px;
	height: 33px;
}
#main-content {
	display: inline;
	float: left;                                             
}
	h1 {
		font-size: 16px;
		line-height: 19px;
		color: #333333;
		margin: 6px 0 6px 0;
		font-weight: bold;
	}
	h2 {
		font-size: 14px;
		line-height: 16px;
		color: #333333;
		margin: 0 0 6px 0;   
	}
	.bold {
		font-weight: bold;
	}
	p {
		margin: 8px 0 8px 0;
	}
	.book-title {
		font-style: italic;
		font-size: 18px;
	}
	p.copyright {
		margin: 0 30px 0px 0;
		text-align: right;
	}
	.book-divider {
		margin: 20px 10px 20px 0;
		height: 1px;
	} 
	.col-01 {
		width: 182px;
		float: right;
		position: relative;
		margin: 20px 20px 0 0;
	}
	.col-02L {
		width: 300px;
		margin: 20px 20px 20px 20px;  
	}
	.col-02R {
		width: 300px;
		float: right;
		position: relative;
		margin: 0px 10px 0 0;
	}
	.col-03 {
		width: 420px;
		margin: 20px 20px 20px 20px;  
	}
	.col-04 {
		width: 640px;
		margin: 10px 0px 20px 20px;  
	}
		
	    .col-04 ul li {
			margin: 15px 0 6px 0; 
		}
		.col-04 ol li {
			margin: 0px 0 6px 0; 
		}	
		.img-right {
			margin: 0 0 10px 20px;
		}
		.center-quote {        
			width: 260px;
			margin: 30px auto 40px auto;
			font-weight: bold;
			border: 1px solid #333;
			padding: 20px 10px 10px 20px;
		}
		.center-quote-attribute {        
			text-align: right;
			width: 230px;
			margin: 0 auto 10px auto;
			font-weight: bold;
		}
		
		.shadow {
			-moz-box-shadow: 3px 3px 4px #333;
			-webkit-box-shadow: 3px 3px 4px #333;
			box-shadow: 3px 3px 4px #333;
			/* For IE 8 */
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')";
			/* For IE 5.5 - 7 */
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333');
		 }
	
#sidebar {
	display: inline;
	float: left;
	width: 200px;
	      
	/* Browser specific
	   margin: 0 0 0 20px;
	*/      
}
.t_main {background: url(../images/dot.gif) 0 0 repeat-x #fff; width: 700px }
.b_main {background: url(../images/dot.gif) 0 100% repeat-x}
.l_main {background: url(../images/dot.gif) 0 0 repeat-y}
.r_main {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl_main {background: url(../images/cornerMain_bl.gif) 0 100% no-repeat}
.br_main {background: url(../images/cornerMain_br.gif) 100% 100% no-repeat}
.tl_main {background: url(../images/cornerMain_tl.gif) 0 0 no-repeat}
.tr_main {background: url(../images/cornerMain_tr.gif) 100% 0 no-repeat; padding:10px}

.t_side {background: url(../images/dot.gif) 0 0 repeat-x #fff; width: 200px }
.b_side {background: url(../images/dot.gif) 0 100% repeat-x}
.l_side {background: url(../images/dot.gif) 0 0 repeat-y}
.r_side {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl_side {background: url(../images/cornerSide_bl.gif) 0 100% no-repeat}
.br_side {background: url(../images/cornerSide_br.gif) 100% 100% no-repeat}
.tl_side {background: url(../images/cornerSide_tl.gif) 0 0 no-repeat}
.tr_side {background: url(../images/cornerSide_tr.gif) 100% 0 no-repeat; padding:10px 10px 0px 10px} 

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:180px;
		
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}

	.t_mono  {background: url(../images/dot.gif) 0 0 repeat-x #fff; width: 200px }
	.b_mono  {background: url(../images/dot.gif) 0 100% repeat-x}
	.l_mono  {background: url(../images/dot.gif) 0 0 repeat-y}
	.r_mono  {background: url(../images/dot.gif) 100% 0 repeat-y}
	.bl_mono {background: url(../images/cornerMono_bl.gif) 0 100% no-repeat}
	.br_mono {background: url(../images/cornerMono_br.gif) 100% 100% no-repeat}
	.tl_mono {background: url(../images/cornerMono_tl.gif) 0 0 no-repeat}
	.tr_mono {background: url(../images/cornerMono_tr.gif) 100% 0 no-repeat; padding:25px 15px 25px 15px}
	
	.mono-header {font-size: 16px; line-height: 18px; margin: 20px 0 8px 0;}
	p.mono-header a {font-size: 16px; 
		line-height: 18px;    
		color: #333333; 
		text-decoration: none; 
		background-color: transparent;
		border-color: #333333;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	}
	.mono-teaser {font-size: 11px; line-height: 12px; margin: 0; padding-right: 15px;}
	.mono-link    {text-align: right; margin: 6px; padding: 0px 10px 0 0;}
	.mono-link a {font-size: 11px; line-height: 12px; 
		color: #333333; 
		text-decoration: none;
		background-color: transparent;
		border-color: #333333;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	}
	.mono-link a:hover {font-size: 11px; line-height: 12px; color: #cc0000; text-decoration: none;
		background-color: transparent;
		border-color: #cc0000;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	}
	
	#mono-controls {margin: 15px 0 0 0; text-align: center;}
	#mono-controls a:link {font-size: 12px; line-height: 12px; color: #333333; text-decoration: none;
		 background-color: transparent;
			border-color: #333333;
			border-bottom-width: 1px;
			border-left-width: 0px;
			border-right-width: 0px;
			border-top-width: 0px;
			border-style: dotted;
		}                                       
	#mono-controls a:hover {font-size: 12px; line-height: 12px; color: #cc0000; text-decoration: none;
		background-color: transparent;
		border-color: #cc0000;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-style: dotted;
	} 
	
	  				

/* // Easy Slider */

#footer {
   	margin-left: auto;
	margin-right: auto;
	width: 940px;
	margin-bottom: 30px;
	text-align: right;
	padding: 0 35px 60px 0;
	font-size: 11px;      
}
	#footer a:link {font-size: 11px; line-height: 12px; color: #333333; text-decoration: none;
		 background-color: transparent;
		 border-color: #333333;
		 border-bottom-width: 1px;
		 border-left-width: 0px;
		 border-right-width: 0px;
		 border-top-width: 0px;
		 border-style: dotted;
	}
	#footer a:visited, a:active {font-size: 11px; line-height: 12px; color: #333333; text-decoration: none;
		 background-color: transparent;
		 border-color: #cc0000;
		 border-bottom-width: 1px;
		 border-left-width: 0px;
		 border-right-width: 0px;
		 border-top-width: 0px;
		 border-style: dotted;
	}
	#footer a:hover {font-size: 11px; line-height: 12px; color: #333333; text-decoration: none;
		 background-color: transparent;
		 border-color: #cc0000;
		 border-bottom-width: 1px;
		 border-left-width: 0px;
		 border-right-width: 0px;
		 border-top-width: 0px;
		 border-style: dotted;
	}

		
	/* `Clear Floated Elements
	----------------------------------------------------------------------------------------------------*/

	/* http://sonspring.com/journal/clearing-floats */

	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

	.clearfix:after {
		clear: both;
		content: ' ';
		display: block;
		font-size: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	.clearfix {
		display: inline-block;
	}

	* html .clearfix {
		height: 1%;
	}

	.clearfix {
		display: block;
	} 
	
	
	/*  */

	#tooltip{
		position:absolute;
		border:1px solid #cec3d4;
		background:#eeeeee;
		padding:15px 15px;
		color:#333;
		display:none;
		}	

	/*  */     
	
	
	/* Contact Form */
	.label-text {
		text-align: right;
	} 
	
	/* Glossary Page */
	ul.glossary-list {
		width: 600px;
		margin: 0;
	}
		ul.glossary-list li {
			margin: 0 0 10px 0;
		}