/* EPMHMR new template CSS new 20120126 */

/*  next defn (.nav {text-align: left}) is required to not conflict with new global nav of epmhmr */
.nav {text-align: left}

#contact_header {color: #ffffff; font-style: italic; font-weight: normal; font-family: "Droid Serif", Arial, sans-serif; font-size: 18px; padding-left: 40px; }
#contact_us {padding-right: 20px; }
#topic_search {background-color: #ddd7e2; padding-left: 10px; padding-right: 10px; }

p {color: #000000; font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 11px;line-height: 145%; }
p A {color: #634680; text-decoration: none;}
p A:link {color: #634680; text-decoration: none;}
p A:visited {color: #634680; text-decoration: none;}
p A:hover {color: #333; text-decoration: underline;}  

/* Background*/
.cs_bodybg_1 {margin-right: auto; margin-left: auto; text-align: center; background: url(/images/clientid_177/top-bg-400jpg.jpg) top left repeat-x;}
/*.cs_bodybg_2 {margin-right: auto; margin-left: auto; text-align: center; background: url(/images/clientid_177/diagonal-texture.png) bottom center no-repeat; }*/
.cs_bodybg_3 {margin-right: auto; margin-left: auto; text-align: center; background: url(/images/clientid_177/gradient-light.png) top center no-repeat; }

body {background-color: #fafafa; margin: 0px;}

/* sidebgcolumn  and rightbgcolumn control width of area between page and window boundary*/
td.sidebgcolumn {width: 1000px;} /*30*/
td.rightbgcolumn {width: 1000px;} /*30*/

/* centercolumn controls bkground color of main page*/
td.centercolumn {background-color: transparent; vertical-align: top; align: center; padding: 0px; }

/*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;}

/*use these for expandable tables*/
#resourcebox {width: 250px; BACKGROUND-COLOR: transparent; border: #cccccc 1px solid;}
  
#topicscenterbox {width: 250px; BACKGROUND-COLOR: transparent; border: #cccccc 1px solid; }

table.bodyresize {width: 100%; align: center; }

table.allresize {width: 970px; margin: 0; spacing: 0; align: center; }
td.doc a {color: #634680; text-decoration: none;}
td.doc a:link {color: #634680; text-decoration: none;}
td.doc a:visited {color: #634680; text-decoration: none;}
td.doc a:hover {color: #333; text-decoration: underline;}

table.allresize_outer 
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


#scroll2 {max-height: 300px; height:expression(this.scrollHeight > 300? "300px" : "auto" ); width:inherit; overflow:auto;} 
 /* Home Page */

/* Box Full Doc */
 /* this is the home page full document box (see document set_properties) */

#boxfulldoc { width:648px; BACKGROUND-COLOR: transparent; border-width:
thin; border-color: none; 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: normal; FONT-SIZE: 22px; TEXT-TRANSFORM:
uppercase; COLOR: #333; FONT-FAMILY: Verdana, Helvetica, Arial,
sans-serif;
BACKGROUND-COLOR: transparent; TEXT-ALIGN: left}  

.textboxfulldoc { FONT-SIZE: 11px; COLOR: #888888; FONT-FAMILY: Verdana,
Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: #FBCB4E; border: #cccccc 1px solid;}
 .textboxfulldoc P { COLOR: #888888; }
 .textboxfulldoc A { COLOR: #634680; TEXT-DECORATION: underline }
 .textboxfulldoc A:link { COLOR: #634680; TEXT-DECORATION: underline }
 .textboxfulldoc A:visited { COLOR: #634680; TEXT-DECORATION: underline }
 .textboxfulldoc A:hover { COLOR: #333; TEXT-DECORATION: none }

 /* Box 1 */
#box1 {border: #cccccc 1px solid; }
 .header1 { FONT-WEIGHT: normal; FONT-SIZE: 16px; TEXT-TRANSFORM: uppercase; COLOR: #333;
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND: url(/images/clientid_177/tab-default.png) repeat-x transparent;
TEXT-ALIGN: left }


 .textbox1 { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; border-top: #cccccc 1px solid; }
 .textbox1 A { COLOR: #634680; TEXT-DECORATION: underline }
 .textbox1 A:link { COLOR: #634680; TEXT-DECORATION: underline }
 .textbox1 A:visited { COLOR: #634680; TEXT-DECORATION: underline }
 .textbox1 A:hover { COLOR: #333; TEXT-DECORATION: none }

 /* Box 2 */
#box2 { max-width:1530px; border: #cccccc 1px solid; background-color: transparent;}
/* 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: normal; FONT-SIZE: 16px; TEXT-TRANSFORM:
uppercase; COLOR: #333; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif;
BACKGROUND: url(/images/clientid_177/tab-default.png) transparent repeat-x ; TEXT-ALIGN: right; } 

.textbox2 { FONT-SIZE: 11px; COLOR: #888888; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; border-top: #cccccc 1px solid; }
 .textbox2 p { FONT-SIZE: 11px; COLOR: #888888; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; }
 .textbox2 A { COLOR: #634680; TEXT-DECORATION: underline; }
 .textbox2 A:link { COLOR: #634680; TEXT-DECORATION: underline; }
 .textbox2 A:visited { COLOR: #634680; TEXT-DECORATION: underline; }
 .textbox2 A:hover { COLOR: #333; TEXT-DECORATION: none; }

 .editorialtitle
{ FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif }
 .resourcetitle {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #333; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif }


 /* Box 3 */
 #list0 { BACKGROUND-COLOR: #CCAAEE; }
 #list1 { BACKGROUND-COLOR: #CCAAEE; }
 #list2 { BACKGROUND-COLOR: #CCAAEE; }

  P.sidebar { PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-SIZE: 11px;
PADDING-BOTTOM: 6px; COLOR: #FFFFFF; PADDING-TOP: 6px; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; }
 .sidebar A { COLOR: #634680; TEXT-DECORATION: underline }
 .sidebar A:link { COLOR: #634680; TEXT-DECORATION: underline }
 .sidebar A:visited { COLOR: #634680; TEXT-DECORATION: underline }
 .sidebar A:hover { COLOR: #333; 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: #634680; TEXT-DECORATION: none }
 .footer A:link { COLOR: #634680; TEXT-DECORATION: none }
 .footer A:visited { COLOR: #634680; TEXT-DECORATION: none }
 .footer A:hover { COLOR: #333; 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: #634680; TEXT-DECORATION: none  }
 .topics_display_tr A:link { COLOR: #634680; TEXT-DECORATION: none  }
 .topics_display_tr A:visited { COLOR: #634680; TEXT-DECORATION: none  }
 .topics_display_tr A:hover { COLOR: #333; TEXT-DECORATION: underline }

 /* Topic Home Page */

td.topicheader  {
        background-color: transparent; 
        color:#333; font-weight: normal;  
        font-family: Verdana, Helvetica, Arial, sans-serif;  font-size: 18px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
}

a.topicheader:link
{
        background-color: transparent;
        color: #634680;
        font-weight: normal;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 18px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: none;
}

a.topicheader:active
{
        background-color: transparent;
        color: #634680;
        font-weight: normal;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 18px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: underline;
}

a.topicheader:visited
{
        background-color: transparent;
        color: #634680;
        font-weight: normal;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 18px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: none;
}

a.topicheader:hover
{
        background-color: transparent;
        color: #333;
        font-weight: normal;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 18px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: underline;
}
