/***********************************************************
 * 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
 ***********************************************************/

/**
 * The following are style CLASSes used throughout the page.
 */
 
/**
 * First start with commonly used text styles
 */
.black {
	color:				#000;
}

.blue {
	color:				#0380b7;
}

.bold {
	font-weight:		bold;
}

.bolder {
	font-weight:		900;
}

.orange {
	color:				#ed5100;
}

.italic {
	font-style:			italic;
}

.serif {
	font-family:		Serif;
}

.centered {
	text-align:			center;
}

.error {
	color:				red;
	font-weight:		bold;
}

.note {
	color:				#333;
}
/**
 * Ending common text styles
 */

/**
 * Assign .blueArrows to <ul> objects that you want to have that nifty
 * IEI blue arrow on.
 */
.blueArrows {
	list-style-image: 	url(../images/content/blArrowBullet.gif);
	list-style-type: 	circle;
}

.bottomSpace {
	margin-bottom: 		0.8em;
}

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

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


.halfContainer {
	width: 				20em;
}



.logoContainer {
	vertical-align:		middle;
	align:				center;
	margin-left: 		.8em;
	margin-right: 		.8em;
	margin-top: 		1.5em;
	margin-bottom: 		1.5em;
}

.sideMenu {
	width:				12em !important;
	width:				14em;
	float:				right;
	margin:				1em 0 1em 1em;
	color:				#fff;
	font-weight:		bold;
	background-color:	#0380b7;
	padding:			1em;
}

.sideMenu a,
.sideMenu a:visited,
.sideMenu a:active {
	color: 				#fff;
	display:			block;
	margin:				.2em 0 .2em 0;
}

.sideMenu a:hover {
	color: 				#9cf;
	
}

.sideMenu p {
	background-color: 	#0380b7;
	font-size:			.8em;
}

.sitemap {
	font-size:			1.2em;
	margin-left:		2em;
}

.sitemap,
.sitemap li,
.sitemap ul {
	padding: 			0;
	margin: 			0;
	text-indent:		0;
}


.sitemap a,
.sitemap a:link,
.sitemap a:visited,
.sitemap a:active {
	font-size:			1.1em;
}

.sitemap li {
	margin: 			0.5em 1em;
	font-weight:		bold;
}

.sitemap li li {
	margin:				0 1.5em;
	font-size:			.9em;
}

.staffContainer {
	min-height: 		15em ;
	height: 			auto !important; /* For IE7, FF, ++ */
	height: 			15em; /* For IE6 */
}

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

.title {
	width: 				auto;
}

/**
 * The following are styles assigned to elements in our bodyContentContainer <div>
 */

#bodyContentContainer a,
#bodyContentContainer a:visited,
#bodyContentContainer a:active {
	font-weight:		bold;
	text-decoration:	none;
	color:				#0380b7;
}


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

#bodyContentContainer h1,
#bodyContentContainer h2,
#bodyContentContainer h3 {
	margin: 			0;
	padding:			0;
}
#bodyContentContainer hr {
	border: 			none;
	height: 			5px;
	color:				#fff;
	border-top:			1px dashed #ccc;
	border-bottom:		1px dashed #ccc;
}

#bodyContentContainer a.service-button {
	display:			block; 
	width: 				10em; 
	padding: 			1em; 
	font-size: 			1.2em;
	background-color: 	#E2651D; 
	font-weight: 		bold; 
	color: 				#000;		
	margin:				auto;
	border:				5px double #000;		
}

#bodyContentContainer a:hover.service-button {
	background-color: 	#E8844A;
}

#register-form table {
	margin: 			auto;
	border-collapse: 	collapse;
}

#register-form table td,
#register-form table th {
	padding:			0.2em;
}
#register-form table .errorHighlight {
	background-color: 	#ff8080;
}