/* Community Counseling Services, Inc. CSS FIle ID=151 */


/* Features Rotator Styles */
/* local css file - color elements*/

#wrapper {	border-bottom_color: #E3C7B1; }

#rotator {
	/* background:#FFF;    let this inherit */
	/*color:#000;    let this inherit */
	/*font-size:16px;     let this inherit */
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	
	line-height:1.3;
	/*font-family:Arial, Helvetica, sans-serif;    let this inherit */
}

ul.ui-tabs-nav {
	/*background:#FFF url(/images/clientid_32/uitabsbg.gif) repeat-x bottom right;*/
	background:#D7DAB5;
	border-top:1px solid #FFF;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:.8em;
	font-weight:normal;
	/*color:#999;  text in the tabs - let this inherit */
	/*background:#FFF url(/images/clientid_32/uitabsbg.gif) repeat-x bottom left;*/ 
	background:#D7DAB5;
	border-left:1px solid #FFF;
	border-right:1px solid #c5ced9;
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	/*background:#FFF url(/images/clientid_32/uiactivetabbg.gif) repeat-x bottom left;*/
	background:#FFF;
	/*color:#333; let inherit*/
}

#rotator .ui-tabs-nav-item a span {
	/*padding:1em; put 1em pad on top of tabs - too big */
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	/*background:#fff url(/images/clientid_32/uiactivetabbg.gif) repeat-x bottom left;*/
	background:#FFF;
	/*color:#333; let inherit*/
}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	/* code restricts teaser image to 200px tall max - height needs extra 35px to keep from resizing as rotating */
	/* if you use smaller max height pix, set height to max pic height plus 35*/
        height:185px;
  
}

#rotator h2 a, #rotator h2  {
	color:#E75D00;
	font-weight:normal;
	font-size:1.2em;  /* was 1.8em - too big*/
	/*line-height:1.2em;*/
}

#rotator p {
	font-size:1em;
	margin:.5em 0;
	/*color:#333;  let this be inherited */
	background:#fff;
}

#rotator .btn_learn_more {
	/*background-color: #D7DAB5;*/
	border-width: 1px 2px 2px 1px;
        border-style: solid;
        border-color: black;
	/*color: #000000;*/
	text-decoration: none;
}

/* END: Rotator Styles */

/*body controls background color of the margins of main page*/
body {background-color: #FFFFFF; text-align: center; }

/* centercolumn controls bkground color of main page*/
td.centercolumn {background-color: #FFFFFF; vertical-align: top;}

/* sidebgcolumn  and rightbgcolumn control width of area between page and window boundary*/
td.sidebgcolumn {width: 40px;}
td.rightbgcolumn {width: 40px;}

/* These p tags control body text throughout the site */
p {color: #000000; font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 13px;line-height: 145%; }
p A {color: #336666; text-decoration: underline;}
p A:link {color: #336666; text-decoration: underline;}
p A:visited {color: #336666; text-decoration: none; }
p A:hover {color: #336666; text-decoration: underline; } 

/* additional font-size overrides */
p, .doc, .bodyresize li, td, td.doc, li.doc a, li.doc a:link, li.doc a:hover, li.doc a:visited {font-size: 14px; }
h1 {font-size: 15px; font-weight: bold; color: #442B1B; }

/*use these for expandable tables*/
/*these boxes (resourcebox and topicscenterbox) should have the same width as they are stacked on top of each other in topic centers*/

#resourcebox {width: 300px; border-color: #C3AE6D;  }
#topicscenterbox {width:300px; border-color: #C3AE6D; }

table.bodyresize {width: 100%;}

table.allresize {width: 100%;}

#scroll2 {max-height: 300px; height:expression(this.scrollHeight > 300? "300px" : "auto" ); width:inherit; overflow:auto;} 




 /* Home Page */

/* pgheader is not in default.style.css - it controls background color behind the span header to allow page width to increase without insolating span header*/
#pgheader  {background-color: transparent; padding: 0px; }

INPUT.submit { background-color: #261e76; color: #FFFFFF; font-weight: 
bold;   }



/* Box Full Doc */
 /* this is the home page full document box (see document set_properties) */

#boxfulldoc { max-width:1530px; BACKGROUND-COLOR: #FFFFFF; border-width:
thin; border-color: #C3AE6D; border-style: solid;}
/* overriding max width from default.style.css- was set to 530 - so bda site
can expand to wider pages */
/* otherwise the featured aricles box on home stopped growing early in
mozilla - ok on IE*/

 .headerfulldoc { FONT-WEIGHT: bold; FONT-SIZE: 15px; TEXT-TRANSFORM:
uppercase; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Helvetica, Arial,
sans-serif;
BACKGROUND-COLOR: #C3AE6D; TEXT-ALIGN: left}  

.textboxfulldoc { FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana,
Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: #ffffff }
 .textboxfulldoc P { COLOR: #000000; }
 .textboxfulldoc A { COLOR: #003399; TEXT-DECORATION: underline }
 .textboxfulldoc A:link { COLOR: #003366; TEXT-DECORATION: underline }
 .textboxfulldoc A:visited { COLOR: #003366; TEXT-DECORATION: underline }
 .textboxfulldoc A:hover { COLOR: #333333; TEXT-DECORATION: none }

 /* Box 1 */
#box1 { border-color: #C3AE6D; border-style: solid; }
 .header1 { FONT-WEIGHT: bold; FONT-SIZE: 15px; TEXT-TRANSFORM: uppercase; COLOR: #FFFFFF;
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #C3AE6D;
TEXT-ALIGN: left }


 .textbox1 { FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left }
 .textbox1 A { COLOR: #2E3D40; TEXT-DECORATION: underline; FONT-SIZE: 13px; }
 .textbox1 A:link { COLOR: #2E3D40; TEXT-DECORATION: underline; FONT-SIZE: 13px; }
 .textbox1 A:visited { COLOR: #C25555; TEXT-DECORATION: underline; FONT-SIZE: 13px; }
 .textbox1 A:hover { COLOR: #C25555; TEXT-DECORATION: none; FONT-SIZE: 13px; }

 /* Box 2 */
#box2 { max-width:1530px; border-width: thin; border-color: #C3AE6D; }
/* overriding max width from default.style.css- was set to 530 - so bda site can expand to wider pages */
/* otherwise the featured aricles box on home stopped growing early in mozilla - ok on IE */

 .header2 { FONT-WEIGHT: bold; FONT-SIZE: 15px; TEXT-TRANSFORM:
uppercase; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
BACKGROUND-COLOR: #C3AE6D; TEXT-ALIGN: left } 
 .header2 { TEXT-ALIGN: right }

.textbox2 { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; FONT-SIZE: 14px; }
 .textbox2 p { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; FONT-SIZE: 14px; }
 .textbox2 A { COLOR: #2E3D40; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox2 A:link { COLOR: #2E3D40; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox2 A:visited { COLOR: #2E3D40; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox2 A:hover { COLOR: #BAC46E; TEXT-DECORATION: underline; FONT-SIZE: 14px; }

 .editorialtitle
{ FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #442B1B; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif }


 /* Box 3 */
 #list0 { BACKGROUND-COLOR: #C3AE6D; }
 #list1 { BACKGROUND-COLOR: #C3AE6D; }
 #list2 { BACKGROUND-COLOR: #C3AE6D; }

  P.sidebar { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 15px;
PADDING-BOTTOM: 6px; COLOR: #7B0200; PADDING-TOP: 6px; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; width: 180px;}
 .sidebar A { COLOR: #FFFFFF; TEXT-DECORATION: none; font-size: 14px; }
 .sidebar A:link { COLOR: #FFFFFF; TEXT-DECORATION: none; font-size: 14px; }
 .sidebar A:visited { COLOR: #442B1B; TEXT-DECORATION: none; font-size: 14px; }
 .sidebar A:hover { COLOR: #442B1B; TEXT-DECORATION: underline; font-size: 14px; }

  /* The address tag controls the client contact info area of Box 3 */
  /* set so same width as P.sidebar so address matches width of lists */
  address {width=200px;}

 /* Footer */
 .footer  { FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: center }
 .footer A { COLOR: #2E3D40; TEXT-DECORATION: none }
 .footer A:link { COLOR: #2E3D40; TEXT-DECORATION: none }
 .footer A:visited { COLOR: #C25555; TEXT-DECORATION: none }
 .footer A:hover { COLOR: #C25555; TEXT-DECORATION: underline }

/* Idx=Topics Page */

 /* Box 1 */
 .topics_display_topicstext { FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #ffffff;
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #CCCCCC;
TEXT-ALIGN: left }

 .topics_display_tr  { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ffffff;
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #C9C9C9;
TEXT-ALIGN: left }
 .topics_display_tr A { COLOR: #FFFFFF; TEXT-DECORATION: none  }
 .topics_display_tr A:link { COLOR: #FFFFFF; TEXT-DECORATION: none  }
 .topics_display_tr A:visited { COLOR: #FFFFFF; TEXT-DECORATION: none  }
 .topics_display_tr A:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline }

 /* Topic Home Page */

td.topicheader, a.topicheader:link, a.topicheader:active, a.topicheader:visited, a.topicheader:hover  {
        background-color: #C3AE6D; 
        color:#442B1B; font-weight: bold;  
        font-family: Verdana, Helvetica, Arial, sans-serif;  font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
}