/*  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: #008080; 
text-align: center; 
}

.bodyresize li {font-size: 14px; }

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: #001B6D; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px;line-height: 145%; }
p A {color: #000000; text-decoration: none;}
p A:link {color: #000000; text-decoration: none;}
p A:visited {color: #000000; text-decoration: none;}
p A:hover {color: #008080; text-decoration: underline;} 

/* H1 now used for all titles for SEO sake */
h1 
{
display: inline;
color: #001B6D;
font-family: Arial, Verdana, 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: 100px; 
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: 1000px; } /* 30px */
td.rightbgcolumn {width: 1000px; }


/* 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: 1px; /* WIDTH OF BORDER - THIN, MEDIUM, THICK, OR SPECIFIC PIXEL SIZES 2px, 4px, 6px */
border-color: #F0E68C; /* COLOR OF THE BORDER FOR NO BORDER USE TRANSPARENT */ 
}

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

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

.textboxfulldoc /* MAIN BODY OF WELCOME DOCUMENT */ 

{ 
FONT-SIZE: 14px; 
COLOR: #001B6D; 
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
BACKGROUND-COLOR: #D4DDF7; 

}

/* WELCOME DOCUMENT PARAGRAPH AND LINK FONT COLORS AND STYLES */ 
.textboxfulldoc P { COLOR: #000000; }
.textboxfulldoc A { COLOR: #008080; TEXT-DECORATION: underline; }
.textboxfulldoc A:link { COLOR: #008080; TEXT-DECORATION: underline; }
.textboxfulldoc A:visited { COLOR: #008080; TEXT-DECORATION: underline; }
.textboxfulldoc A:hover { COLOR: #008080; 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: capitalize; 
COLOR: #FFFFFF; /* FONT COLOR */ 
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
BACKGROUND-COLOR: #001B6D;
TEXT-ALIGN: left 
}

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

{ 
FONT-SIZE: 14px; COLOR: #001B6D; 
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; 
BACKGROUND-COLOR: #D4DDF7; 
TEXT-ALIGN: left; 
}

.textbox1 p { FONT-SIZE: 14px; COLOR: #001B6D; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #D4DDF7; TEXT-ALIGN: left; font-size: 14px; }
.textbox1 A { COLOR: #00033; TEXT-DECORATION: underline; font-size: 14px; }
.textbox1 A:link { COLOR: #00033; TEXT-DECORATION: underline; font-size: 14px; }
.textbox1 A:visited { COLOR: #000333; TEXT-DECORATION: underline; font-size: 14px; }
.textbox1 A:hover { COLOR: #000333; TEXT-DECORATION: none; font-size: 14px; }


.textbox2 p { FONT-SIZE: 14px; COLOR: #001B6D; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #99CCCC; TEXT-ALIGN: left }
.textbox2 A { COLOR: #00033; TEXT-DECORATION: underline }
.textbox2 A:link { COLOR: #00033; TEXT-DECORATION: underline }
.textbox2 A:visited { COLOR: #000333; TEXT-DECORATION: underline }
.textbox2 A:hover { COLOR: #000333; TEXT-DECORATION: underline }

/* DOCUMENT TITLE */

.editorialtitle
{ FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #001B6D; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; }

/* RESOURCE MENU BACKGROUND COLORS */

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


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

P.sidebar 
{ 
COLOR: #ffffff; 
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
PADDING-RIGHT: 6px; 
PADDING-LEFT: 6px; 
FONT-SIZE: 16px;
PADDING-BOTTOM: 6px; 
PADDING-TOP: 6px;
WIDTH: 155px;

}

/* RESOURCE MENU LINK FONT SYTLES */

.sidebar A { COLOR: #ffffff; TEXT-DECORATION: none; font-size: 13px; }
.sidebar A:link { COLOR: #ffffff; TEXT-DECORATION: none; font-size: 13px; }
.sidebar A:visited { COLOR: #F0E68C; TEXT-DECORATION: none; font-size: 13px; }
.sidebar A:hover { COLOR: #F0E68C; TEXT-DECORATION: underline; font-size: 13px; }

/* FOOTER */

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


/* Idx=Topics Page */

/* TOPIC CENTER RESOURCES BOX*/

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

/* Box 1 */
.topics_display_topicstext { FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-TRANSFORM: uppercase; COLOR: #001B6D;
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #99CCCC;
TEXT-ALIGN: left }

.topics_display_tr { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #001B6D;
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #99CCCC;
TEXT-ALIGN: left }
.topics_display_tr A { COLOR: #333333; TEXT-DECORATION: none }
.topics_display_tr A:link { COLOR: #333333; TEXT-DECORATION: none }
.topics_display_tr A:visited { COLOR: #333333; TEXT-DECORATION: none }
.topics_display_tr A:hover { COLOR: #333333; 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: #FFFFFF; 
color:#001B6D; font-weight: bold; 
font-family: Arial, Verdana, 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 255px;
}


/********* (MAIN) Items ***********/ 
#qm0 a 
{ 
/* use padding here to control spacing between items in the global nav line */
padding:2px 10px 2px 10px;
background-color:#D4DDF7;
color:#001B6D;
float: center;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:15px;
font-weight: normal;
text-decoration: none;
text-transform: capitalize;
border-width: 2px;
border-style:solid;
border-color:#FFFFFF;
}


/********* (MAIN) Hover State *********/ 
#qm0 a:hover 
{ 
background-color:#001B6D;
float: center;
color:#FFFFFF;
border-width: 2px;
text-decoration:none;
border-color:#FFFFFF;
}
/*!!!!!!!!!!! END QuickMenu Styles– Clockwork IDDG Global Nav !!!!!!!!!!!*/

.textbox2 p {clear:none; }