@charset "utf-8";

/*
	LSM_TEMPLATE CSS 
	Copyright © 2007-2010 Leading Software Maniacs, LLC. All Rights Reserved.
	
	HTML division (#DIV) structure:
	
	- Header (header panel where clicking on LSM logo brings you back home)
	- tabContent (7 choices in the tab bar, either active or inactive)
	- mainContent (middle and right panel, flows over to the yellow pad too)
	- Footer (copyright, PMI R.E.P. logo, contact information, and trademarks)
		
	W3C Passed
*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#2a296d;		/* background:#006, 666666 #2a296d; */
	margin: 0; 				/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; 		/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-size: small;
}

#header {
	background: #2a296d; 
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

/* ************************************************************************************************************ */
/* tabContent Div: tabs across the top                                                                          */
/* ************************************************************************************************************ */
/* td: default font size & alignment for each tab                                                               */
/* td classes tabactive and tabinactive: includes graphic background and text color                             */
/* a href classes link, hover, visited, and active text color and decoration                                    */
/* ************************************************************************************************************ */

#tabContent td {
	padding: 0px 0px 0px 0px; /* Must be tight, set to 0 */
	text-align:center;
	/* width:115; 	height: 36; For some reason, this doesn't work but needs to be in the td tag */
	/* vertical-align:middle; */
	margin:0px;
	color: white;
	font-size:.8em;
} 

#tabContent td.tabactive {
	background-image:url(../images/tabactive.jpg);
	background-repeat:no-repeat;
	color: black;
}
#tabContent td.tabinactive {
	background-image:url(../images/tabinactive.jpg);
	background-repeat:no-repeat;
	vertical-align:middle;
}

 #tabContent a.link { color:white; text-decoration:underline; }
 #tabContent a.hover { color:rgb( 0, 255, 255); text-decoration:underline; }
 #tabContent a.visited { color:white; text-decoration:underline; }
 #tabContent a.active { color:black; text-decoration:underline; }

/* ************************************************************************************************************ */
/* mainContent Div                                                                                              */
/* ************************************************************************************************************ */
/* ************************************************************************************************************ */

#mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	vertical-align:top
}

#mainContent p {
	padding-left: 4px; padding-right: 4px;
	color:white;
	font-size: .9em;
	line-height: 110%;	/* 	line-height: 1.0em; */
}
#mainContent h1 {
	padding-left: 4px; padding-right: 4px;
	color:rgb( 0, 255, 255);
	font-size: 1.0em;
	line-height: 110%;	/* 	line-height: 1.0em; */
}

#mainContent li {
	list-style-type:square;
	padding-left: 4px; padding-right: 4px;
	color:white;
	font-size: .9em;
	line-height: 110%;	/* 	line-height: 1.0em; */
}

#mainContent a.link { color:white; text-decoration:underline; }
#mainContent a.altlink { color:rgb( 160, 255, 255); text-decoration:underline; }
#mainContent a.dkBluelink { color:#2a296d; text-decoration:underline; }
#mainContent a.yellowlink { color:yellow; text-decoration:underline; }

#mainContent a.hover { color:rgb( 0, 255, 255); text-decoration:underline; }
#mainContent a.visited { color:white; text-decoration:underline; }
#mainContent a.active { color:rgb( 0, 255, 255); text-decoration:none; }

#mainContent p.centered { text-align:center; }
#mainContent p.sidehead { text-align:left; font-style:normal; color:rgb( 0, 255, 255); font-size:.8em; line-height: 105%; }
#mainContent p.alt_text { font-style:normal; color:rgb( 0, 255, 255);}
#mainContent p.alt_text_emphasis { font-style:bold; color:white;}

#mainContent li.alt_text { font-style:normal; color:rgb( 0, 255, 255);}
#mainContent li.sidehead { text-align:left; font-style:normal; color:rgb( 0, 255, 255); font-size:.8em; line-height: 105%; }
#mainContent li.extra_line_height {line-height: 32px; l}
#mainContent li.alt_text {color:#CCC;}

#mainContent font.subheading { font-weight:bold; color:white;}
#mainContent font.subheading_alt { font-weight:bold; color:yellow;}
#mainContent font.subheading_nobold { font-weight:normal; color:rgb( 0, 255, 255);}
#mainContent font.tableheading { font-weight:bold; color:yellow;}
#mainContent font.alt_text { font-style:normal; color:rgb( 0, 255, 255);}
#mainContent font.normal_text { font-style:normal; color:white; }
#mainContent font.blackened_text { font-style:normal; color:black; }
 
#mainContent table.basic_lines {
	border-top: 3px solid;
	border-bottom: 2px solid;
	border-color:cyan;
	border-collapse:collapse;
	background-color: #003399;
	padding: 2px 2px 2px 2px;
	vertical-align: top;
}

#mainContent th {
	color: white;
	font-size: .9em;
	line-height: 110%;	/* 	line-height: 1.0em; */
	font-weight: 500;
	text-align:center;
	border-bottom: 1px solid;
	border-color:cyan;
	vertical-align: top;
}

#mainContent th.left_align {
	color: white;
	font-size: .9em;
	line-height: 110%;	/* 	line-height: 1.0em; */
	font-weight: 500;
	text-align:left;
	border-bottom: 1px solid;
	border-color:cyan;
	vertical-align: top;
}

#mainContent th.right_align {
	color: white;
	font-size: .9em;
	line-height: 110%;	/* 	line-height: 1.0em; */
	font-weight: 500;
	text-align:right;
	border-bottom: 1px solid;
	border-color:cyan;
	vertical-align: top;
}

#mainContent td {
	color: white;
	text-align:center;
	font-size: .9em;
	line-height: 110%;	/* 	line-height: 1.0em; */
}

#mainContent td.left_align {
	color: white;
	text-align:left;
	font-size: .9em;
	line-height: 110%;	/* 	line-height: 1.0em; */
}

#mainContent td.right_align {
	color: white;
	text-align:right;
	font-size: .9em;
	line-height: 110%;	/* 	line-height: 1.0em; */
}


/* ************************************************************************************************************ */
/* Footer Div                                                                                                   */
/* ************************************************************************************************************ */

 #footer td {
	padding: 1px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:rgb( 0, 255, 255);
	font-size: .8em;
} 

 #footer p.footertext { text-align:left; font-style:normal;}
 #footer td.rightjustify { text-align:right;}
 #footer td.leftjustify { text-align:left;}
 #footer td.legalstuff {text-align:center;	font-size: .6em;}

 #footer a.link { color:white; text-decoration:underline; }
 #footer a.hover { color:rgb( 0, 255, 255); text-decoration:underline; }
 #footer a.visited { color:white; text-decoration:underline; }
 #footer a.active { color:rgb( 0, 255, 255); text-decoration:none; }