/*  The Center GB CSS File */
/* CSMHC2 CSS File Working V1.2 7/15/09 */

/* BODY - COLOR SURROUNDING THE MAIN CONTENT TABLES, TEXT-ALIGN CENTERS PAGE */

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

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

/* DEFAULT PARAGRAPH FONT ATTRIBUTES */

p, .doc, td, td.doc {color: #484848; font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; font-size: 14px;line-height: 145%; }
p A {color: #484848; text-decoration: none;}
p A:link {color: #484848; text-decoration: none;}
p A:visited {color: #484848; text-decoration: none;}
p A:hover {color: #002777; text-decoration: underline;} 

/* H1 now used for all titles for SEO sake */
h1 
{
display: inline;
color: #484848;
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
}

/* HOME PAGE */

/* COLOR AND MARGINS OF SPAN HEADER - ADD REPEATING IMAGES TO CARRY OUT RIGHT EDGE OF LOGO */

/*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: #FFFFFF; 
padding: 0px; 
margin: 0px; 
float: left; 
height: 145px; 
overflow: hidden; 
}

/* BACKGROUND COLOR IN CENTER OF HOME PAGE */

td.centercolumn {background-color: #FFFFFF; vertical-align: top; }

/* GUTTERS ON EITHER SIDE OF CENTERCOLUMN */

td.sidebgcolumn {width: 10000px; } /* 30px */
td.rightbgcolumn {width: 10000px; }


/* SCROLLING FEATURED TOPICS BOX ON HOME PAGE*/

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


/* WELCOME DOCUMENT */ 

#boxfulldoc /* CONTROLS WIDTH OF BOX AND WHETHER OR NOT IT HAS A BORDER */

{ 
max-width:1530px; /* WIDTH OF BOX */
background-color: #FFFFFF; 
border-style: solid;
border-width: thin; /* WIDTH OF BORDER - THIN, MEDIUM, THICK, OR SPECIFIC PIXEL SIZES 2px, 4px, 6px */
border-color: #235588; /* COLOR OF THE BORDER FOR NO BORDER USE TRANSPARENT */ 
}

.headerfulldoc /* BAND OF COLOR WITH DOCUMENT TITLE */ 

{ 
background-color: #235588; /* BAND OF COLOR */
font=family: Verdana, Helvetica, Arial,sans-serif; /* FONT STYLE */
font-size: 12px; /* FONT SIZE */ 
color: #ffffff; /* FONT COLOR */
font-weight: bold; /* NORMAL or BOLD */
text-align: left; /* LEFT, CENTER, or RIGHT */
text-transform: uppercase; /* DISPLAYS DOCUMENT TITLE IN ALL CAPS REGARDLESS */ 
} 

.textboxfulldoc /* MAIN BODY OF WELCOME DOCUMENT */ 

{ 
FONT-SIZE: 14px; 
COLOR: #484848; 
FONT-FAMILY: trebuchet ms, verdana, arial, helvetica, sans-serif; 
BACKGROUND-COLOR: #D2D0CB ; 

}

/* WELCOME DOCUMENT PARAGRAPH AND LINK FONT COLORS AND STYLES */ 
.textboxfulldoc P { COLOR: #000000; }
.textboxfulldoc A { COLOR: #0087DB; TEXT-DECORATION: underline; }
.textboxfulldoc A:link { COLOR: #0087DB; TEXT-DECORATION: underline; }
.textboxfulldoc A:visited { COLOR: #0087DB; TEXT-DECORATION: underline; }
.textboxfulldoc A:hover { COLOR: #0087DB; TEXT-DECORATION: none; }

/* BOX 1 (FEATURED TOPICS AND NEWS), BOX 2 (FEATURED ARTICLES) */
/* REPLACE TRANSPARENT WITH COLOR CODE TO INCLUDE BORDER */

/* BOX 1 (FEATURED TOPICS AND NEWS), BOX 2 (FEATURED ARTICLES) */
/* REPLACE TRANSPARENT WITH COLOR CODE TO INCLUDE BORDER */

#box1, #box2

{
border-color: transparent; 
border-style: solid; 
}

.header1, .header2 /* BANDS OF COLOR AT THE TOP OF BOX 1 AND 2 */ 

{ 
FONT-WEIGHT: bold; 
FONT-SIZE: 16px; 
TEXT-TRANSFORM: uppercase; 
COLOR: #002777; /* FONT COLOR */ 
FONT-FAMILY: univers, arial, helvetica, sans-serif; 
BACKGROUND-COLOR: #E5E4E1;
TEXT-ALIGN: left 
}

.textbox1, .textbox2, /* MAIN BODY CONTENT FOR BOX 1 AND 2 */ 

{ 
FONT-SIZE: 14px; COLOR: #484848; 
FONT-FAMILY: trebuchet ms, verdana, arial, helvetica, sans-serif; 
BACKGROUND-COLOR: #D2D0CB; 
TEXT-ALIGN: left; 
}

.textbox1 p { FONT-SIZE: 14px; COLOR: #484848; FONT-FAMILY: trebuchet ms, verdana, arial, helvetica, sans-serif ; BACKGROUND-COLOR: #D2D0CB; TEXT-ALIGN: left }
.textbox1 A { COLOR: #484848; TEXT-DECORATION: underline }
.textbox1 A:link { COLOR: #484848; TEXT-DECORATION: underline }
.textbox1 A:visited { COLOR: #484848; TEXT-DECORATION: underline }
.textbox1 A:hover { COLOR: #002777; TEXT-DECORATION: none }


.textbox2 p { FONT-SIZE: 14px; COLOR: #484848; FONT-FAMILY: trebuchet ms, verdana, arial, helvetica, sans-serif ; BACKGROUND-COLOR: #D2D0CB; TEXT-ALIGN: left }
.textbox2 A { COLOR: #484848; TEXT-DECORATION: underline }
.textbox2 A:link { COLOR: #484848; TEXT-DECORATION: underline }
.textbox2 A:visited { COLOR: #484848; TEXT-DECORATION: underline }
.textbox2 A:hover { COLOR: #002777; TEXT-DECORATION: underline }

/* DOCUMENT TITLE */

.editorialtitle
{ FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #484848; FONT-FAMILY: trebuchet ms, verdana, arial, helvetica, sans-serif }

/* RESOURCE MENU BACKGROUND COLORS */

#list0 /*Left Column Body Background Color*/
{ 
BACKGROUND-COLOR: #B0C4DE
} 
#list1, #list2 
{ 
BACKGROUND-COLOR: #B0C4DE; 
} 


/* RESOURCE MENU HEADER FONT SYTLES AND MARGIN DEFINITIONS */

P.sidebar 
{ 
COLOR: #484848; 
FONT-FAMILY: trebuchet ms, verdana, arial, helvetica, sans-serif; 
PADDING-RIGHT: 6px; 
PADDING-LEFT: 6px; 
FONT-SIZE: 14px;
PADDING-BOTTOM: 6px; 
PADDING-TOP: 6px;
WIDTH: 145px;

}

/* RESOURCE MENU LINK FONT SYTLES */

.sidebar A { COLOR: #484848; TEXT-DECORATION: none }
.sidebar A:link { COLOR: #484848; TEXT-DECORATION: none }
.sidebar A:visited { COLOR: #484848; TEXT-DECORATION: none }
.sidebar A:hover { COLOR: #002777; TEXT-DECORATION: underline }

/* FOOTER */

.footer { FONT-SIZE: 14px; COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: center }
.footer A { COLOR: #484848; TEXT-DECORATION: none }
.footer A:link { COLOR: #484848; TEXT-DECORATION: none }
.footer A:visited { COLOR: #484848; TEXT-DECORATION: none }
.footer A:hover { COLOR: #002777; TEXT-DECORATION: underline }


/* Idx=Topics Page */

/* TOPIC CENTER RESOURCES BOX*/

#resourcebox {width: 150px; border-color: #E5E4E1; }
#topicscenterbox {width: 150px; border-color: #E5E4E1; }

/* Box 1 */
.topics_display_topicstext { FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-TRANSFORM: uppercase; COLOR: #484848;
FONT-FAMILY: trebuchet ms, verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #D2D0CB;
TEXT-ALIGN: left }

.topics_display_tr { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #484848;
FONT-FAMILY: trebuchet ms, verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #D2D0CB;
TEXT-ALIGN: left }
.topics_display_tr A { COLOR: #484848; TEXT-DECORATION: none }
.topics_display_tr A:link { COLOR: #484848; TEXT-DECORATION: none }
.topics_display_tr A:visited { COLOR: #484848; TEXT-DECORATION: none }
.topics_display_tr A:hover { COLOR: #002777; TEXT-DECORATION: none }

/* 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, a.topicheader:link, a.topicheader:active, a.topicheader:visited, a.topicheader:hover, 

{
background-color: #D2D0CB; 
color:#484848; font-weight: bold; 
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; font-size: 15px;
text-align: left;
text-transform: uppercase;
width: 100%;
padding: 3px;
}

/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


/* QuickMenu 0 */

/********** (MAIN) Container*********/ 
#qm0 
{ 
width:auto;
background-color:#FFFFFF;
border-width:0px;
border-style:solid;
border-color:#A7A6AA;
/* use next statement to ‘center’ the global nav line */
/* padding:top right bottom left */
padding:5px 5px 5px 215px;
}


/********* (MAIN) Items ***********/ 
#qm0 a 
{ 
/* use padding here to control spacing between items in the global nav line */
padding:5px 40px 5px 8px;
background-color:#FFFFFF;
color:#000000;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:14px;
font-weight: bold;
text-decoration:none;
text-transform: uppercase;
border-width:0px;
border-style:solid;
border-color:#A7A6AA;
}


/********* (MAIN) Hover State *********/ 
#qm0 a:hover 
{ 
background-color:#FFFFFF;
color:#424242;
text-decoration:underline;
border-color:#A7A6AA;
}
/*!!!!!!!!!!! END QuickMenu Styles– Clockwork IDDG Global Nav !!!!!!!!!!!*/

.textbox2 p {clear:none; }