/* DEFAULT DEFINITION */
html, body { margin:0; padding:0; font:13px Arial, Verdana, Helvetica, sans-serif; color:#333333; background:#85A1B0; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ol, ul, p, dl, dt, dd { margin:0; padding:0; border:0; list-style:none; }
a { color:#1B5DA0; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.offleft { position:absolute; left:-5000px; width:2000px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }/*ie7*/
.clearfix { display:block; }
* html .clearfix { height:1%; }
abbr { border:none; }
.smallTxt { font-size:0.9em; }
.bigTxt { font-size:1.1em; }
.blue { color:#3B8BD4; }
ol { padding:0 0 12px 30px; list-style:decimal; }



/* Arial, Verdana, Helvetica, sans-serif  */

.trebuchet { font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; }

/* FORMS */
input, select, textarea, button { font:1em Arial, Verdana, Helvetica, sans-serif; color:#333; }
.inputText, textarea  { border:1px solid #7E7E7E; padding:2px; }
select { border:1px solid #7f9db9; padding:1px; }

.hr { clear:both; background:url(../img/bg_hr.gif) left 10px repeat-x; height:30px; } 
.hr hr { display:none; }

.fontsize22 { font-size:22px; }
.fontsize21 { font-size:21px; }
.fontsize20 { font-size:20px; }
.fontsize19 { font-size:19px; }
.fontsize18 { font-size:18px; }
.fontsize17 { font-size:17px; }
.fontsize16 { font-size:16px; }
.fontsize14 { font-size:14px; }
.fontsize13 { font-size:13px; }
.fontsize11 { font-size:11px; }
.fontsize10 { font-size:10px; font-weight:bold; }

.color01 { color:#1B5DA0; }
.color000 { color:#000; }

.separator { width:100%; height:2px; clear:both; padding:0; margin:10px 0; border: none; background: url(../images/separator.gif) left top repeat-x; line-height: 0px; font-size: 0; overflow: hidden; }
.clearer { height:0px; clear:both; padding:0; margin:0; border: none; line-height: 0px; font-size: 0; overflow: hidden; }
.clearer10 { height:10px; clear:both; padding:0; margin:0; border: none; line-height: 0px; font-size: 0; overflow: hidden; }
.clearer20 { height:20px; clear:both; padding:0; margin:0; border: none; line-height: 0px; font-size: 0; overflow: hidden; }



/* H TITLES */
h1 { display:block; color:#1B5DA0; font-weight:bold; font-size:24px; margin:0 0 12px 0; }
h1 span { color:#4693E1; }
h2 { display:block; margin:0 0 12px 0; color:#000; font-size:16px; font-weight:bold; }
h3 { display:block; margin:0 0 12px 0; color:#7F1919; font-size:24px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; }



/* MAIN CONTAINER */
.wrapper { float:left; width:100%; background:url(../img/bg_wrapper.gif) top center repeat-y; }
#main-container { width:748px; margin:0px auto; }
#bg-main-container { float:left; width:100%; background:#ffffff; }


/* MAIN HEADER */
#main-header { position:relative; width:100%; float:left; height:400px; background:url(../img/bg_header.gif) top left repeat-x; }


/* MAIN HEADER - LOGO */
#logo { width:280px; }
#logo a { position:absolute; display:block; width:280px; height:70px; text-indent:-9999px; top:24px; left:16px; }

/* MAIN NAVIGATION - MAINNAV1 */
#mainNav ul li.first { background:none; }
#mainNav ul li.first a { background:none; }
* html #mainNav ul li a { float:left; }

#menu { position:absolute; top:0; left:0; z-index:6; }
#menu li { position: relative; display:inline; float:left; }
#menu li a { padding:18px 14px 20px 14px; color:#43606F; text-decoration:none; white-space: nowrap; /* required in IE 6 */  float:left; display:block; font-weight:bold; background:url(../img/bg_mainNav.gif) center top no-repeat; font-size:13px; }
#menu li.last a { padding:18px 23px 20px 23px; }

#menu li a:hover, #menu li.active a { color:#ffffff; text-decoration:none; background-position:center -54px; }
#menu li.on a, #menu li:hover a, #menu li.current a { color:#ffffff; text-decoration:none; background-position:center -54px; }


#menu ul.ssNav {
	float: none;
	top: -999em;
	position: absolute;
	background: #16579A /*url(../img/bg_ssNav.gif) top left repeat-x*/;
	width: 172px;
	border:1px solid #0C427A;
	border-bottom:0px;
	border-top:0px;
}

li#item1 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item2 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item3 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item4 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item5 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item6 ul.ssNav {
	border-bottom-color: #cecece;
}

li#item7 ul.ssNav {
	width: 169px;
}




#menu ul.ssNav li {
	width: 160px;
	background:none;
	padding:0;
}


#menu ul.ssNav li a {
   float: none;
	display: block;
	height: auto !important;
	padding: 6px 0 6px 12px !important;
	font: normal 12px Arial,Verdana,sans-serif;
	font-weight:normal;
	text-align: left;
	cursor: pointer;
	color: #ffffff;
	background: #16579A;
	margin:0px;
	border-bottom:1px solid #0C427A;
	width:160px;
}

#menu ul.ssNav a:hover {
	text-decoration: none;
	color:#fff;
	background:#206CBB;
}

#menu li:hover ul.ssNav, /* pure CSS hover is removed below */
#menu li.on ul.ssNav {
	left: 0px;
	top: 54px;
}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav {
	top: -999em;
}


#menu ul.ssNav li.on a, #menu ul.ssNav li:hover a, #menu ul.ssNav li.current a { text-decoration: none;	color:#fff;	background:#206CBB; }


#menu ul.ssNav1 { float: none; top: -999em; position: absolute; background: #606F79 /*url(../img/bg_ssNav.gif) top left repeat-x*/; width: 180px; border:1px solid #33424B; border-bottom:0px; }
#menu ul.ssNav1 li { width: 180px; }
#menu ul.ssNav1 li a { float: none; display: block; height: auto !important; padding: 6px 0 6px 12px !important; font: normal 12px Arial,Verdana,sans-serif; font-weight:bold; text-align: left; cursor: pointer; color: #fff; background: #606F79; margin:0px; border-bottom:1px solid #33424B; }
#menu ul.ssNav1 a:hover { text-decoration: none; color:#fff; background:#2FABE7; }
#menu li:hover ul.ssNav1, /* pure CSS hover is removed below */#menu li.on ul.ssNav1 { left: 180px; top: 0px; }
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul.ssNav1 { top: -999em; }
#menu ul.ssNav1 li.on a, #menu ul.ssNav1 li:hover a, #menu ul.ssNav1 li.current a { text-decoration: none;	color:#fff;	background:#2FABE7; }





#flashanimation { position:absolute; width:748px; height:344px; left:0; bottom:1px; background:#05339D; }





/* MAIN CONTENT */
#main-content { float:left; width:100%; background:url(../img/bg_container_top.gif) top left repeat-x; }
.content { padding:28px 18px 0 28px; }

.paragraph { clear:both; display:block; }
.paragraph p { display:block; margin:0 0 16px 0; line-height:20px; }

.picRight img { border:1px border:1px solid #C67800; margin:0 0 0 10px; }
.paragraph p.picLeft { line-height:normal; margin:0; }
.picLeft img { float:left; margin:0 10px 0 0; padding:2px; border:1px solid #999; }
.pic img { border:1px solid #999; padding:2px; }

.bullet-1 { padding:0 0 14px 18px; }
.bullet-1 li { background:url("../img/Psychotherapy Associates of Chicago-bullet-1.gif") left 3px no-repeat; padding:0 0 0 16px; margin:0 0 12px 0; font-weight:bold; }

.bullet-2 { padding:0 0 0 10px; }
.bullet-2 li { background:url("../img/Psychotherapy Associates of Chicago-bullet-1.gif") left 3px no-repeat; padding:0 0 0 16px; margin:0 0 12px 0; }

.bullet-3 { padding:0 0 14px 14px; }
.bullet-3 li { background:url("../img/Psychotherapy Associates of Chicago-bullet-1.gif") left 3px no-repeat; padding:0 0 0 16px; margin:0 0 2px 0; }



/* LEFT CONTENT */
#leftCol { width:490px; float:left; overflow:hidden; padding-bottom:12px; }
.leftCol-inner { padding:0; }

/* RIGHT CONTENT */
#rightCol { float:right; width:190px; overflow:hidden; }
.rightCol-inner { padding:0; }

.box-1 { width:390px; float:right; overflow:hidden; }
.box-1 .inner { padding:0; }

.box-2 { overflow:hidden; float:left; width:90px; }
.box-2 .inner { padding:8px 0 0 0; }
.box-2 p { margin:0 0 20px 0; }

.box-3 { overflow:hidden; float:left; width:100%; }
.box-3 .inner { padding:0; }
.box-3 p { margin:0 0 2px 0; }

.box-4 { overflow:hidden; float:left; width:230px; background:url("../img/Psychotherapy Associates of Chicago-box-1.gif") left 6px no-repeat; margin-left:20px; }
.box-4 .inner { padding:0 0 0 60px; }

.box-5 { overflow:hidden; float:left; width:220px; background:url("../img/Psychotherapy Associates of Chicago-box-2.gif") left 6px no-repeat; }
.box-5 .inner { padding:0 0 0 60px; }

.box-6 { overflow:hidden; float:left; width:100%; background:#DEEAEB; }
.box-6 .inner { padding:14px 20px 0 20px; }



/* MAIN FOOTER */
#main-footer { width:100%; clear:both; }
#footer { width:748px; margin:0px auto; background:#ECEEEF url(../img/bg_footer.gif) top left repeat-x; height:120px; }

/* MAIN FOOTER - BOTTOM NAVIGATION */
.botNav { color:#000000; display:block; padding:8px 0 0 0; text-align:center; line-height:20px; }
.botNav a { color:#000000; text-decoration:none; padding:0 10px; }
.botNav a:hover { text-decoration:underline; }

 
.copyright { color:#878E91; display:block; text-align:center; padding:18px 0 0 0; clear:both; line-height:20px; }
.copyright a { color:#878E91; }






.contact-form { float:left; display:block; width:450px; text-align:left; background:#F3F5F6; border:1px solid #E1E4E7; padding:4px 10px; }
.contact-form td { vertical-align:top; border-bottom:1px solid #D5D8DC; padding:8px 0 8px 10px; }
.formContact { width:100%; }
.formContact .inputText { width:190px; padding: 3px 4px; border:1px solid #D5D8DC; vertical-align:middle; color: #666666; font-size:11px; }
.formContact #msg1ContactForm { width:420px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:2px; }
.contact-form label { display:block; margin:0 0 2px 0; font-size:11px; font-weight:bold; }
.contact-form select { padding: 3px 4px; border:1px solid #D5D8DC; vertical-align:middle; color: #666666; font-size:11px; }
.contact-form .inputMedium { width:120px; }