/*
Theme Name: Fairfax Mental Health
Theme URI: http://www.fairfaxmentalhealth.com/
Description: Custom theme designed by <a href="http://www.r2integrated.com/">r2integrated</a>.
Version: 1.0
Author: r2integrated
Author URI: http://www.r2integrated.com/
Tags: green, white, custom header, fixed width, two columns, widgets

	Fairfax Mental Health v1.0
	 http://www.r2integrated.com/

	This theme was designed and built by r2integrated,
	whose site you will find at http://www.r2integrated.com/

*/

/*

       Site:  Fairfax Mental Health
        URL:  http://www.fairfaxmentalhealth.com/
       File:  screen.css
    Creator:  Aaron Clark for R2integrated
      Email:  aclark@r2integrated.com
    Created:  2009-10-21
  Copyright:  (c) 2009. All rights reserved.

*/




body {
background:#8d9a2f;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}

#logo a,
#slogan a,
ul.cssMenu a {
outline:none!important;
cursor:pointer!important;
}

#wrap {
width:960px;
margin:auto;
background:#fff;
display:table;
}

#head {
border-top:7px solid #8d9a2f;
width:900px;
margin:auto;
}

#logo {
float:left;
font-size:28px;
line-height:34px;
font-weight:bold;
letter-spacing:0px;
text-transform:uppercase;
}

#logo a {
color:#3a3f19;
text-decoration:none;
display:block;
padding:16px 5px 0px 5px;
}

#slogan {
margin:0px 0px 0px 6px;
float:left;
/* font-size:14px; */
font-size:14px;
line-height:16px;
font-style:italic;
clear:left;
letter-spacing:1px;
width:400px;
}

#slogan a {
color:#3a3f19;
text-decoration:none;
}

#search {
float:right;
margin:23px 2px 0px 0px;
}

#search label {
display:none;
}

#search input {
border:none;
color:#747474;
font-size:12px;
line-height:17px;
}

body:first-of-type #search-field input {
width:135px;
}

#search-field {
border:1px solid #cbcbcb;
border-right:none;
float:left;
padding:7px 10px;
/padding:6px 9px;
width:150px;
}

body:first-of-type #search-field {
padding:4px;
}

#search-button {
float:left;
}





#navigation {
float:left;
clear:both;
width:670px;
margin-top:20px;
}





ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position:absolute; left:-1px; top:98%; z-index:999;}
ul.cssMenu ul ul{position:absolute; left:98%; top:-2px; z-index:999;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#ffffff;
	background-repeat:repeat;
 z-index:999;}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:180px;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 0px;
	font-size:0px;
	border-right:1px solid #8d9a2f;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#ffffff;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:5px 20px;
	_padding-left:0;
	font:12px Trebuchet MS;
	color: #8d9a2f;
	text-decoration:none;
	cursor:default;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
	border:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#8d9a2f;
	border-color:#665500;
	border-style:solid;
	font:12px Trebuchet MS;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#8d9a2f;
	border-color:#665500;
	border-style:solid;
	font:12px Trebuchet MS;
	color: #ffffff;
	text-decoration:underline;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{
	display:block;
	background-image:url(./images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:0px;}
ul.cssMenu li:hover>a>span{	background-image:url(./images/arrv_anim_1o.gif);
}
ul.cssMenu a:hover span{	_background-image:url(./images/arrv_anim_1o.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(./images/arr_double_1o.gif);}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span,ul.cssMenu table a:hover a:hover a:hover span{background-image:url(./images/arr_double_1o.gif)}
ul.cssMenu table a:hover table span,ul.cssMenu table a:hover a:hover table span{background-image:url(./images/arr_double_1.gif)}


ul.cssMenum ul.cssMenum {
background-color:#8d9a2f;
}

ul.cssMenum ul.cssMenum a {
background-color:#8d9a2f;
color:#FFFFFF;
}

#utility {
float:right;
clear:right;
margin-top:28px;
}

#utility ul, #subnav ul {
margin:0px;
padding:0px;
list-style:none;
}

#utility li, #subnav li {
float:left;
font-size:12px;
line-height:15px;
border-right:1px solid #666;
height:15px;
}

#utility a, #subnav a {
color:#666;
text-decoration:none;
display:block;
padding:0px 5px;
}

#utility span {
display:none;
}

#subnav {
margin:15px 0px 5px -5px;
display:block;
}

#subnav .active {
font-weight:bold;
}




.home a {
display:block;
width:11px;
height:14px;
background:url(images/home.gif) center top no-repeat;
}

#utility .last, #subnav .last {
border:none;
}



#campaign {
width:900px;
height:160px;
margin:auto;
margin-top:10px;
background:url(images/campaign.jpg) center top no-repeat;
}




#content {
width:900px;
margin:auto;
}





#column-left {
float:left;
margin:16px 50px 0px 15px;
width:545px;
}

.homepage #column-left {
margin-right:15px;
margin-left:0px;
width:595px;
}


#column-left h1,
#welcome-text h3 {
margin:0px;
color:#8d9a2f;
font-size:15px;
line-height:20px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

#column-left h2 {
margin:0px;
color:#8d9a2f;
font-size:21px;
}

#column-left h3 {
margin:0px;
color:#8d9a2f;
font-size:18px;
}






#column-left p,
#column-left li,
#welcome-text p {
color:#747474;
font-size:12px;
line-height:17px;
}

#column-left a {
color:#8d9a2f;
}

#column-left a:hover {
color:#596700;
}

#column-left input, select, textarea {
border:1px solid #CBCBCB;
color:#747474;
font-size:12px;
padding:3px;
z-index:0;
}


img.profile {
border:3px solid #DCDCDC;
float:right;
margin:0px 0px 15px 15px;
}



#welcome-text p {
margin:5px 0px 20px 0px;
}


#column-right {
float:left;
width:290px;
margin-top:21px;
}



.sidebar-box {
width:282px;
border:4px solid #ecebeb;
margin-bottom:16px;
}

.sidebar-box a {
color:#3a3f19;
}

.sidebar-box-head {
border:1px solid #cbcbcb;
padding:10px;
}

.sidebar-box-head h3 {
font-size:13px;
margin:0px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
color:#8d9a2f;
}

.sidebar-box-head a {
float:right;
display:block;
margin-top:-16px;
font-size:11px;
}

.sidebar-box-body {
border:1px solid #cbcbcb;
border-top:none;
padding:13px 15px 8px 15px;
color:#4f4e4e;
font-size:12px;
line-height:15px;
}

.sidebar-box-body p {
margin:0px;
padding-bottom:5px;
}


.homepage .sidebar-box.referrals {
display:none;
}

body.interior .sidebar-box.policies {
display:none;
}





#foot {
clear:both;
width:900px;
margin:auto;
padding:100px 0px 40px 0px;
}

#copyright {
float:left;
color:#747474;
font-size:12px;
line-height:15px;
}

#design {
float:right;
color:#747474;
font-size:12px;
line-height:15px;
}

#design a {
color:#8d9a2f;
text-decoration:none;
}







.homepage-box {
width:287px;
margin:0px 10px 16px 0px;
float:left;
}

.homepage-box ul {
padding:0px 0px 0px 15px;
}

.homepage-box-body p,
.homepage-box-body li {
font-size:11px!important;
line-height:15px!important;
}

.homepage-box a {
color:#3a3f19;
}

.homepage-box-head {
padding:10px;
}

.homepage-box-head h3 {
font-size:13px!important;
margin:0px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
color:#8d9a2f;
text-transform:uppercase;
}

.homepage-box-head a {
float:right;
display:block;
margin-top:-16px;
font-size:11px;
}

.homepage-box-body {
border:4px solid #ecebeb;
}

.homepage-box-body-inner {
border:1px solid #cbcbcb;
padding:13px 15px 8px 15px;
color:#4f4e4e;
}

.homepage-box-body p {
margin:0px;
padding-bottom:5px;
}

#we-can-help .homepage-box-body-inner,
#our-therapists .homepage-box-body-inner {
height:223px;
}

#referrals .homepage-box-body-inner,
#top-therapists .homepage-box-body-inner {
height:105px;
}


#we-can-help ul {
margin:0px;
}

#we-can-help li {
line-height:14px!important;
}



#our-therapists img {
float:left;
border:3px solid #dcdcdc;
margin:0px 6px 6px 0px;
}




















/* --- JSCROLLPANE --- */

.holder {
float:left;
}

.jScrollPaneContainer {
position:relative;
overflow:hidden;
z-index:1;
outline:none;
}

.scroll-pane {
overflow:auto;
float:left;
}

.jScrollPaneTrack {
position:absolute;
cursor:pointer;
right:0;
top:0;
height:100%;
}

.jScrollPaneDrag {
position:absolute;
cursor:pointer;
overflow:hidden;
}

.jScrollPaneDragTop {
position:absolute;
top:0;
left:0;
overflow:hidden;
}

.jScrollPaneDragBottom {
position:absolute;
bottom:0;
left:0;
overflow:hidden;
}

a.jScrollArrowUp {
}

a.jScrollArrowUp {
display:block;
position:absolute;
z-index:1;
top:0;
right:0;
text-indent:-2000px;
overflow:hidden;
}

a.jScrollArrowUp:hover {}

a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
}

a.jScrollArrowDown:hover {}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

.homepage-box-body-inner .holder .scroll-pane {width: 247px; height: 218px;}
.homepage-box-body-inner .holder .jScrollPaneTrack {background:#bcbcbc;}
.homepage-box-body-inner .holder .jScrollPaneDrag {background: #8d9a2f;}



.alignright {
float:right;
border:3px solid #DCDCDC;
margin:0px 0px 15px 15px;
}

.alignleft {
float:left;
border:3px solid #DCDCDC;
margin:0px 15px 15px 0px;
}

.aligncenter,
.alignnone {
border:3px solid #DCDCDC;
}