/* The Center Gray Background theme CSS */

#rotator IMG {height: 260px;}


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

/* 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: #ff7d02; text-decoration: none;}
p A:link {color: #ff7d02; text-decoration: none;}
p A:visited {color: #ff7d02; text-decoration: none; }
p A:hover {color: #ff7d02; text-decoration: underline; } 

/*body controls background color of the margins of main page*/
body{margin:0px; text-align: center; background: url(/images/clientid_8/gray_background_files/gray_body.jpg) #666666 repeat-x;}
/* The following is the required elements for the large images, the margin left/right set to auto will center the site in firefox, safari, etc. 
The width of these areas is the same as the width of the images*/

/* gray Background*/
.cs_bodybg_1 {width: 1150px; margin-right: auto; margin-left: auto; text-align: left; background: url(/images/clientid_8/gray_background_files/gray_middle_slice_1150.jpg) top center repeat-y;}
.cs_bodybg_2 {background: url(/images/clientid_8/gray_background_files/gray_header_1150.jpg) top center no-repeat;}
.cs_bodybg_3 {background: url(/images/clientid_8/gray_background_files/gray_footer_1150.jpg) center bottom no-repeat;}

table.allresize_outer {width: 100%; padding: 0; margin-left: auto; margin-right: auto; text-align: center;} /* sets constant width based on span header image size */

/* centercolumn controls bkground color of main page*/
td.centercolumn {width: 100%; background-color: transparent;}

table.allresize {width: 100%; margin-top: 0px; padding-top: 0px;}  /* sets constant width based on span header image size */

table.bodyresize {width: 100%;}


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

/*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: transparent; background-color: transparent; }
#topicscenterbox {width: 300px; border-color: transparent; background-color: transparent;}

.allresize #pagewrapper {margin-top: 0px;}

#scroll2 {max-height: 450px; height:expression(this.scrollHeight > 450? "450px" : "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-right: 40px; padding-left: 40px; padding-top: 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: transparent; border: none;}
/* 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: #058fa9; TEXT-ALIGN: left}  

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

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


 .textbox1 { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left }
 .textbox1 A { COLOR: #ff7d02; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox1 A:link { COLOR: #ff7d02; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox1 A:visited { COLOR: #ff7d02; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox1 A:hover { COLOR: #ff7d02; TEXT-DECORATION: underline; FONT-SIZE: 14px; }


 /* Box 2 */
 #box2 { max-width:1530px; border: none; 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: bold; FONT-SIZE: 15px; TEXT-TRANSFORM:
uppercase; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; 
BACKGROUND-COLOR: #058fa9; TEXT-ALIGN: left; text-align: right; } 

.textbox2 { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; FONT-SIZE: 14px; }
 .textbox2 p { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; BACKGROUND-COLOR:transparent; TEXT-ALIGN: left; FONT-SIZE: 14px; }
 .textbox2 A { COLOR: #ff7d02; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox2 A:link { COLOR: #ff7d02; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox2 A:visited { COLOR: #ff7d02; TEXT-DECORATION: none; FONT-SIZE: 14px; }
 .textbox2 A:hover { COLOR: #ff7d02; 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: url(/images/clientid_8/gray_background_files/lines_top_200.jpg) top left no-repeat; }
 #list1 { BACKGROUND: url(/images/clientid_8/gray_background_files/lines_top_200.jpg) top left no-repeat; }
 #list2 { BACKGROUND: url(/images/clientid_8/gray_background_files/lines_top_200.jpg) top left no-repeat; }

.resmenu {background: url(/images/clientid_8/gray_background_files/lines_bottom_200.jpg) bottom left no-repeat;}

  P.sidebar {background-color: transparent; PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FONT-SIZE: 15px;
PADDING-BOTTOM: 6px; COLOR: #ff7d02; font-weight: bold; PADDING-TOP: 6px; FONT-FAMILY: Verdana, Helvetica,
Arial, sans-serif; width: 180px;}
 .sidebar A { COLOR: #ffffff; TEXT-DECORATION: none; font-weight: normal; font-size: 14px; }
 .sidebar A:link { COLOR: #ffffff; TEXT-DECORATION: none; font-weight: normal; font-size: 14px; }
 .sidebar A:visited { COLOR: #ffffff; TEXT-DECORATION: none; font-weight: normal; font-size: 14px; }
 .sidebar A:hover { COLOR: #ff7d02; TEXT-DECORATION: underline; font-weight: normal; font-size: 14px; }

 .sidebartitle { background-color: trasparent; width: 180px; BORDER-BOTTOM: #058fa9 3px solid; padding-left: 5px;}

  /* 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: transparent; TEXT-ALIGN: center; padding-bottom: 25px; }
 .footer A { COLOR: #ff7d02; TEXT-DECORATION: none }
 .footer A:link { COLOR: #ff7d02; TEXT-DECORATION: none }
 .footer A:visited { COLOR: #ff7d02; TEXT-DECORATION: none }
 .footer A:hover { COLOR: #ff7d02; 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: #0c7c64;
TEXT-ALIGN: left }

 .topics_display_tr  { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ffffff;
FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #0c7c64;
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 }

.topicbody p {margin-left: 5px;}
.topicbody A:link, .topicbody A:visited, .topicbody A:hover {color: #ff7d02;}

 /* Topic Home Page */

td.topicheader  {
        background-color: #058fa9; 
        color:#ffffff; font-weight: bold;  
        font-family: Verdana, Helvetica, Arial, sans-serif;  font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
}

a.topicheader:link
{
        background-color: #058fa9;
        color: #ffffff;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: none;
}

a.topicheader:active
{
        background-color: #058fa9;
        color: #ffffff;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: underline;
}

a.topicheader:visited
{
        background-color: #058fa9;
        color: #ffffff;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: none;
}

a.topicheader:hover
{
        background-color: #058fa9;
        color: #ffffff;
        font-weight: bold;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
        padding: 3px;
        text-decoration: underline;
        

}

A.nextprev:link {color: #058fa9;}
A.nextprev:visited {color: #058fa9;}
A.nextprev:hover {color: #058fa9;}

.nextprev_left {border: none;}
.nextprev_right {border: none;}

.comment_container {border: none;}
#social_box {border:none;}

td.doc A:link {color: #ff7d02;}
td.doc A:visited {color: #ff7d02;}
td.doc A:hover [color: #ff7d02;}

li.doc A {color: #000000;}
li.doc A:link {color: #000000;}
li.doc A:hover {color: #000000;}
li.doc A:visited {color: #000000;}

.resourcetitle {color: #ff7d02;}

.faq_item_title A {color: #ff7d02;}

#navigation {background-color: transparent;}

/* Adding large images as the background*/

/*The left sider will require the following margins*/
/*#boxfulldoc {margin-left: 5px;}
#box1 {margin-left: 5px;}
#box2 {margin-left: 5px;}
#cs_contentbox {margin-left: 5px;}
.bodyresize {margin-left: 5px;}*/

#contact_info {width: 180px;}


.sidebarspacer {background: url(/images/clientid_8/gray_background_files/rm_underline_1150.gif) center bottom no-repeat;
padding-left: 5px; padding-bottom: 10px;
margin-bottom: 10px; margin-left: 2px;}

.topicbody {background-color: transparent;}