/* Reg Mental Health CSS id=242 20100824 mcd  */
.contactnumbers {font-weight: bold; color: #00539A;}

p, .bodyresize li {color: #000000; font-family: "Times New Roman",Georgia,Serif;
font-size: 14px; line-height: 145%; }
p A {color: #113393; text-decoration: none;}
p A:link {color: #113393; text-decoration: none;}
p A:visited {color: #113393; text-decoration: none;}
p A:hover {color: #113393; text-decoration: underline;} 

body {background-color: #D5E581; text-align: center; }

/* sidebgcolumn  and rightbgcolumn control width of area between page and window boundary*/
td.sidebgcolumn {width:0; display:none; }
td.rightbgcolumn {width:0; display:none; }

/*use these for expandable tables*/
#resourcebox {width: 300px; border-color: #8CBC46;  }
#topicscenterbox {width:300px; border-color: #8CBC46; }

/*use these for expandable tables*/
table.bodyresize {width: 100%; align: center; } /* need 100% width or cut off front page greenfade */
table.allresize {width: 100%; margin: 0; padding: 0; align: center;  } 
table.allresize_outer {width: 1024px; margin: 0; padding: 0; margin-left:auto; margin-right:auto; background-image: url(/images/clientid_242/Regional-Mental-Health-top.png);
background-repeat: no-repeat; background-position: left top; background-color: #C6DE49;}

/* create space for GreenFade on topic and viewdoc pages */
#innerwrapper {margin-top:20px;}  /* push content down to make room for top graphic */
/* padding in this box allows content to stay inside dropshadow greenfade area */
#cs_contentbox {padding: 0px 0px 0px 0px; background-image: url(/images/clientid_242/greenfademiddle.jpg); background-repeat: repeat-y; background-position: center top; }
/* now hang bottom of greenfade */
#cs_contentbox_bottom {background-image: url(/images/clientid_242/greenfadebottom.jpg);
background-repeat: no-repeat; background-position: center bottom;
padding:0px 30px 0px 30px;}/* center index */
#doctext {background-image: url(/images/clientid_242/greenfadebottom.jpg);
background-repeat: no-repeat; background-position: center bottom;
padding:0px 30px 0px 30px;}/*view doc*/


/* centercolumn controls bkground color of main page*/
td.centercolumn {background-color: transparent;vertical-align: top;
background-image: url(/images/clientid_242/Regional-Mental-Health-bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

/*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-image: url(/images/clientid_242/Regional-Mental-Health-top.png);
	background-repeat: no;}*/

#pgheaderPhoto {
	float: right;
	margin: 0; }

 /* Home Page */

/* Box Full Doc */
 /* this is the home page full document box (see document set_properties) */
 /* this document has the GREEN FADE BORDER around it */

#boxfulldoc {max-width:1530px; border: none; background-image: url(/images/clientid_242/greenfademiddle.jpg);
background-repeat: repeat-y; background-position: center top;  }
/* 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 { Height: 27px; FONT-WEIGHT: bold; FONT-SIZE: 18px; TEXT-TRANSFORM:
uppercase; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Helvetica, Arial,
sans-serif; BACKGROUND-COLOR:  transparent; TEXT-ALIGN: left; background-image: url(/images/clientid_242/greenfadetop.jpg);
background-repeat: no-repeat; background-position: center top; }  

.textboxfulldoc { FONT-SIZE: 18px; COLOR: #FFFFFF; font-family: "Times New Roman",Georgia,Serif;
 BACKGROUND-COLOR: transparent;  background-image: url(/images/clientid_242/greenfadebottom.jpg);
background-repeat: no-repeat; background-position: center bottom;  } 
 .textboxfulldoc P { COLOR: #FFFFFF; font-family: "Times New Roman",Georgia,Serif;
FONT-SIZE: 18px; }
 .textboxfulldoc A { COLOR: #003399; TEXT-DECORATION: none; FONT-SIZE: 18px; }
 .textboxfulldoc A:link { COLOR: #003366; TEXT-DECORATION: none; FONT-SIZE: 18px; }
 .textboxfulldoc A:visited { COLOR: #003366; TEXT-DECORATION: none; FONT-SIZE: 18px; }
 .textboxfulldoc A:hover { COLOR: #333333; TEXT-DECORATION: underline; FONT-SIZE: 18px;}
 .textboxfulldoc li { COLOR: #FFFFFF;  font-family: "Times New Roman",Georgia,Serif; FONT-SIZE: 18px; }

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


 .textbox1 {FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left }
 .textbox1 A { COLOR: #003A7A; TEXT-DECORATION: none; font-size: 13px; }
 .textbox1 A:link { COLOR: #003A7A; TEXT-DECORATION: none; font-size: 13px; }
 .textbox1 A:visited { COLOR: #003A7A; TEXT-DECORATION: none; font-size: 13px; }
 .textbox1 A:hover { COLOR: #0087DB; TEXT-DECORATION: underline; font-size: 13px; }
 
#scroll2 {max-height: 300px; height:expression(this.scrollHeight > 300? "300px" : "auto" ); width:inherit; overflow:auto; vertical-align: top;} 
#scroll2 tr {display: inline-block; width: 48%; vertical-align: top; } /* create two col featured topic display */

 /* Box 2 */
#box2 {WIDTH: 100%; float: right; border: none; }
.box2divider {border-bottom: none; background-color: transparent;}

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

.textbox2 { FONT-SIZE: 13px; COLOR: #666666; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: #8CBC46; TEXT-ALIGN: left }
 .textbox2 p { FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left }
 .textbox2 A { COLOR: #003399; TEXT-DECORATION: none; font-size: 13px; }
 .textbox2 A:link { COLOR: #003399; TEXT-DECORATION: none; font-size: 13px; }
 .textbox2 A:visited { COLOR: #003399; TEXT-DECORATION: none; font-size: 13px; }
 .textbox2 A:hover { COLOR: #0087DB; TEXT-DECORATION: underline; font-size: 13px; }

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


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

  P.sidebar { WIDTH: 145px; PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 10px;
PADDING-BOTTOM: 6px; COLOR: #FFFFFF; PADDING-TOP: 6px; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; }
 .sidebar A { COLOR: #FFFFFF; TEXT-DECORATION: none; }
 .sidebar A:link { COLOR: #FFFFFF; TEXT-DECORATION: none; }
 .sidebar A:visited { COLOR: #000000; TEXT-DECORATION: none; }
 .sidebar A:hover { COLOR: #993300; TEXT-DECORATION: none }

 /* Footer */
 .footer  { FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: transparent; TEXT-ALIGN: center; }
 .footer A { COLOR: #333366; TEXT-DECORATION: none }
 .footer A:link { COLOR: #333366; TEXT-DECORATION: none }
 .footer A:visited { COLOR: #333366; TEXT-DECORATION: none }
 .footer A:hover { COLOR: #003366; 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 }

/* Calendar Navigational Arrows */

  A.cal_nav {color: #FF6600 !important; text-decoration: none; font-weight: bold; }
  A.cal_nav:hover {color: #FF6600 !important; text-decoration: none; font-weight: bold;} 

 /* Topic Home Page */

td.topicheader{
		background-image: url(/images/clientid_242/greenfadetop.jpg);
		background-repeat: no-repeat; 
		background-position: center top;        
		background-color: transparent; 
        color:#FFFFFF; font-weight: bold;  
        font-family: Verdana, Helvetica, Arial, sans-serif;  font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        margin-left: 30px;
        margin-right: 30px;
}
a.topicheader:link, a.topicheader:active, a.topicheader:visited, a.topicheader:hover  {
		background-color: transparent; 
        color:#FFFFFF; font-weight: bold;  
        font-family: Verdana, Helvetica, Arial, sans-serif;  font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        padding: 5px;
        margin-left: 30px;
        margin-right: 30px;
}

.frontPageBox {  border-style: ridge; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

/* Idx=view_index NEWS TOPICS*/
.topicbody {background-color: transparent; padding-left: 30px; padding-right: 30px;}
/* #iwtd {background-image: url(/images/clientid_242/greenfademiddle.jpg); background-repeat: repeat-y; background-position: center top;} problem - needed for idx=news but breaks home featured topics */


/* ROTATOR styling */
#rotator IMG {height: 200px; }
#rotator .ui-tabs-panel {height: 135px; width: 620px; }
li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited  {font-size: 13px; }
#rotator .ui-tabs-nav-item a:hover {font-size: 13px; }
#rotator .ui-tabs-nav-item a:active {font-size: 13px; }

#rotator h2 a, #rotator h2 {font-size: 15px; font-weight: bold; }
#rotator p {font-size: 14px; BACKGROUND-COLOR: #C6DE49; }


/* updated font sizes */
p, .doc, td, td.doc, .bodyresize li {font-size: 14px; }
td.doc a, td.doc a:link, td.doc a:visited {font-size: 13px; color: #06276F; font-weight: bold; }
td.doc a:hover {font-size: 14px; color: #BF8F30; font-weight: bold; }
li.doc a:link, li.doc a:visited, li.doc a:hover {color: #06276F; }

h1 {font-size: 15px; font-weight: bold; color: #000000; } 
h2 {font-size: 15px; font-weight: bold; }
h3 {font-size: 13px;}
h4 {font-size: 12px;}
h5 {font-size: 12px; color: #555;}