/***********************************************************
 * CSS Dedicated to items inside the content div.
 * Colors used:
 * Dark Grey:  				#555555
 * Light Grey: 				#cdcdcd
 * Very Light Grey:			#ececec
 * IEI Blue:   				#589fc8
 * IEI Orange:				#e47534
 * REAL IEI Orange:			#ed5100
 * REAL IEI Blue:			#0380b7
 * Page Width: 				60em
 * Basic text family: 		Arial, Helvetica, sans-serif
 * Important text family: 	Verdana, Geneva, sans-serif
 ***********************************************************/

#bodyContentContainer .bold 
{
	font-weight:		bold;
}

#bodyContentContainer .boldBlack
{
	font-weight:		bold;
	color:				#000000;
}

#bodyContentContainer .boldBlue 
{
	font-weight:		bold;
	color:				#0380b7;
}

#bodyContentContainer .boldOrange 
{
	font-weight:		bold;
	color:				#ed5100;
}

#bodyContentContainer .orange 
{
	color:				#ed5100;
}

#bodyContentContainer .bottomSpace
{
	margin-bottom: 		0.8em;
}
 
#bodyContentContainer a,
#bodyContentContainer a:visited
{
	font-weight:		bold;
	text-decoration:	none;
	color:				#0380b7;
}

#bodyContentContainer a:hover,
#bodyContentContainer a:active
{
	text-decoration:	underline;
}

#bodyContentContainer .faqTitle
{
	color: 				#0380b7;
	font-size:			1.2em;
}

#bodyContentContainer h1 
{
	font-size: 			1.6em;
	font-weight: 		bold;
	color:				#ed5100;
	margin-top:			0;
}
 
#bodyContentContainer h2 
{
 	font-size: 			1.4em;
 	font-weight: 		normal;
 	color:				#0380b7;
 	margin-bottom: 		0.2em;
}

#bodyContentContainer h3 
{
 	font-size: 			1.2em;
 	font-weight: 		normal;
 	color:				#ed5100;
 	margin-bottom: 		0.2em;
}

#bodyContentContainer .halfContainer
{
	width: 				20em;
}

#bodyContentContainer hr
{
	border: 			none;
	height: 			5px;
	color:				#fff;
	border-top:			1px dashed #ccc;
	border-bottom:		1px dashed #ccc;
}

#bodyContentContainer ul.blueArrows
{
	list-style-image: 	url(../images/content/blarrowbullet.gif);
	list-style-type: 	circle;
}

#bodyContentContainer li
{
	/* IE and Firefox do their spacing between
	 * list bullets and text differently
	 * so this value, marked with # is only for
	 * IE7
	 */
	#padding-left: 		1em;
}

#bodyContentContainer ol li
{
	margin-bottom: 1em;	
}
#bodyContentContainer ol li li
{
	margin-bottom: 0;	
}

#bodyContentContainer p
{
	margin-top:			 0;
}

#bodyContentContainer .staffContainer
{
	min-height: 15em ;
	height: auto !important;
	height: 15em; /* Override For IE6 */
}

#bodyContentContainer .staffContainer img
{
	margin-top: .5em;
	margin-right: 1em;
	float: left;
}

#bodyContentContainer table th
{
	text-align:			left;
	font-weight: 		normal;
	width:				12em;
}

#bodyContentContainer .contactContainer
{
	width: 				19em;
	float:				left;
	display:			inline;
	margin-bottom: 		1em;
	margin-left: 		1em;
}


/******************************************
 * CSS for our JSF csFAQ tables.
 ******************************************/
 
#bodyContentContainer #questionTable td 
{
	padding: .2em 0 .2em 1em;
}

#bodyContentContainer #answerTable td 
{
	padding: 1em 0 1em 0;
}