/* defaults, globals, and miscellaneous
==============================================================================*/
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}
ul, ol, dl { /* Fixes stupid IE bug with disappear list backgrounds */
	position: relative;
	}
body {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	background: #fff url(/images/body_bg.gif) repeat-x;
	}
h1 {
	clear: none;
	padding-bottom: 3px;
	font: normal 2.4em/1em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
	color: #ff9300;
	text-transform: none;
	border: 0 none;
	}

p {
	font: normal 1.2em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
	color: #999;
}
hr {
	display: none;
	}
a {
	text-decoration: none;
	}
acronym {
	text-decoration: none;
	text-transform: none;
}
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}
#skipLink {
	display: none;
	}


/* inline images
==============================================================================*/
img {
	border: 0; /* removes border in case images get have anchor around them */
	}
.inlineImage {
	text-align: center;
	font: normal 0.9em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
	color: #999;
	}
	.inlineImage img {
		padding: 3px;
		border: 1px solid #ccc;
		}
	.noStyle img {
		padding: 0;
		border: 0 none;
		}
.right {
	float: right;
	margin: 1.3em 0 0 2em;
	}
.left {
	float: left;
	margin: 1.3em 2em 0 0;
	}
.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}


/* site id and utility links
==============================================================================*/
h1#logo {
	position: relative;
	height: 109px;
	padding: 0;
	}
h1#logo a {
	display: block;
	position: absolute;
	top: 30px;
	width: 160px;
	height: 62px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(/images/logo3.gif) no-repeat;
	}
#navUtilities, h2#popup {
	position: absolute;
	top: 54px;
	right: 230px;
	margin-left: 160px;
	font: normal 1.0em/1.0em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
	color: #796f65;
	}
	#navUtilities a {
		text-decoration: none;
		color: #713b7c;
		}
	#navUtilities a:hover {
		color: #eae7d2;
		}
h2#popup {
	font: normal 2.1em/2.0em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
	right: 300px;
	top: 40px;
	color: #ff9300;
}


/* layout setup
==============================================================================*/
#container,
#erionnet,
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 768px;
	}
#erionnet {
	z-index: 50000; /* ensures dropdown is clickable */
	}
#container,
#wrapper {
	text-align: left;
	}
#obligatorySidebar {
	position: relative;
	float: right;
	margin: 0;
	width: 250px;
	background: url(/images/bg-news.jpg) no-repeat;
	}


/* tcc network dropdown
==============================================================================*/
#erionnet form {
	float: right;
	height: 48px;
	background: url(/images/headerdropdownbg.gif) repeat-x;
	}
#erionnet fieldset {
	float: left; /* forces Mozilla to shrink form to size */
	background: transparent url(/images/leftheaderbg.gif) no-repeat;
	border: 0 none;
	}
#erionnet label {
	display: block;
	float: left;
	height: 48px;
	background: transparent url(/images/rightheaderbg.gif) right top no-repeat;
	}
#erionnet select {
	margin: 10px 25px 0;
	font-size: 10px;
	}


/* top-level navigation
==============================================================================*/
#nav {
	height: 28px;
	margin-bottom: 7px;
	list-style: none;
	}
#nav li {
	float: left;
	margin-right: 1px;
	height: 28px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	/*line-height: 28px;*/
	height: 28px;
	/*text-indent: -5000px;*/
	text-align: center;
	color: #dcc7e0;
	font: bold 1.5em/1.6em arial,verdana,helvetica,sans-serif;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#navHome {
		width: 48px;
		background: url(/images/nav-test.gif) no-repeat;
		}
	#navAbout {
		width: 78px;
		background: url(/images/nav-test.gif) no-repeat;
		}
	#navMigration {
		width: 188px;
		background: url(/images/nav-test.gif) no-repeat;
		}
	#navPlatform {
		width: 132px;
		background: url(/images/nav-test.gif) no-repeat;
		}
	#navSecurity {
		width: 114px;
		background: url(/images/nav-test.gif) no-repeat;
		}
	#navTesting {
		width: 109px;
		background: url(/images/nav-test.gif) no-repeat;
		}
	#navUtils {
		width: 91px;
		background: url(/images/nav-test.gif) no-repeat;
		}
#nav li a:hover {
	background-position: 50% -28px;
	}
	#nav li a.currentSection,
	#nav li a.currentSection:hover {
		background-position: 50% -56px;
		color: #713b7c;
		}


/* Flash Banner on top of home page
==============================================================================*/
#flashbanner {
	position: relative;
	float: left;
/* This will need a fix in IE */
	width: 599px;
	height: 60px;
	padding-left: 169px;
	margin-bottom: 22px;
	background: #f9dafe;
}


	
/* Erion Welcome
==============================================================================*/
#erionWelcome {
	position: relative;
	float: left;
	width: 512px;
	height: 120px;
	background: #fff url(/images/bg-erionwelcome.jpg) no-repeat;
}
#erionWelcome h1 {
	font-size: 2.8em;
	line-height: 2em;
}

/* course content
==============================================================================*/
#courseMaterials {
	position: relative;
	float: left;
	width: 497px;
	/*min-height: 320px;*/
	height: 320px;
	background: #fff url(/images/bg-coursematerial.jpg) no-repeat;
}


/* podcast info
==============================================================================*/
#onsiteCourses,
#viewCourses  {
	position: relative;
	float: right;
	width: 256px;
	/*min-height: 320px;*/
	height: 320px;
	margin-bottom: 7px;
	padding-right: 4px;
	overflow: hidden;
	background: url(/images/bg-onsitecourses.jpg) no-repeat;
	}
	#onsiteCourses h2,
	#viewCourses h2 {
		overflow: hidden;
		}
	#onsiteCourses p,
	#viewCourses p {
		margin: 0 10px 0 33px;
		font: normal 1.0em/1.6 verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
		color: #777;
		}
		#onsiteCourses p a,
		#viewCourses p a {
			text-decoration: none;
			color: #2388ff;
			font-weight: bold;
			}
		#onsiteCourses p a:hover,
		#viewCourses p a:hover {
			text-decoration: underline;
			color: #333;
			background: #ffc;
			}
#viewCourses {
	height: 120px;
	background: url(/images/bg-viewcourses.jpg) no-repeat;
}
#viewCourses img {
	margin-left: 10px;
	margin-top: 0px;
}


/* headers
==============================================================================*/
#news h2,
#events h2,
#services h2,
#onsiteCourses h1,
#courseMaterials h1,
#viewCourses h2,
.feature h2 {
	clear: none;
	margin: 20px 0 7px 10px;
	padding-bottom: 3px;
	font: bold 1.2em/1em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
	color: #ff9300;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	}
	#services h2,
	.feature h2 {
		margin: 20px 15px 7px 0;
		}


/* news & announcements
==============================================================================*/
#news {
	position: relative;
	float: left;
	min-height: 280px;
	height: auto;
	}
.newsItem {
	clear: both;
	margin: 10px 0 10px 10px;
	}
#news h3 {
	position: relative;
	margin-bottom: -.3em;
	font: bold 1.3em/1.2em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
	color: #713b7c;
	}
	#news h3 span {
		font-size: 9px;
		color: #999;
		}

#news .newsItem p {
	margin: .5em 0 .5em 0;
	font: normal 1.0em/1.4em arial,helvetica,'lucida grande',tahoma,sans-serif;
	color: #555;
	}

#news .withThumb h3,
#news .withThumb p {
	}

#news img {
	padding: 2px;
	float: right;
	margin-left: 7px;
	background: #fff;
	border: 1px solid #ccc;
	}
	#news img.l {
		}
	#news img.r {
		}


/* events
==============================================================================*/
#events {
	float: left;
	width: 100%;
	font: normal 1.1em/1em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
	}
#events ul {
	width: 100%;
	list-style: none;
	}
#events li {
	margin: 0 0 0 10px;
	padding: 8px 3px;
	color: #555;
	border-bottom: 1px solid #eee;
	}
#events li span {
	float: right;
	}

#news a,
#events a {
	color: #2388ff;
	font-weight: bold;
	}
#news a:hover,
#events a:hover {
	text-decoration: underline;
	color: #333;
	background-color: #ffc;
	}

#news p.archiveLink,
#events p.archiveLink {
	clear: both;
	margin: 10px 0 10px 10px;
	border-top: 1px solid #ccc;
	}
	#news .archiveLink a,
	#events .archiveLink a {
		display: block;
		float: right;
		padding-right: 20px;
		color: #777;
		font: normal 9px/3em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
		}
#news .archiveLink a {
	background: url(/images/icon-document.gif) 100% 50% no-repeat;
	}
#events .archiveLink a {
	background: url(/images/icon-calendar.gif) 100% 50% no-repeat;
	}


/* service information
==============================================================================*/
#services {
	position: relative;
	float: left;
	width: 512px;
	min-height: 280px;
	height: auto;
	background: url(/images/bg-services.jpg) right top no-repeat;
	}
.serviceInfo {
	position: relative;
	float: right;
	right: 15px;
	width: 369px;
	height: 260px;
	}
	.serviceInfo a {
		color: #2388ff;
		font-weight: bold;
		}
	.serviceInfo a:hover {
		text-decoration: underline;
		color: #333;
		background: #ffc;
		}
	.serviceInfo .left {
		position: relative;
		left: 15px;
		margin-right: 30px;
		}
	.serviceInfo h3 {
		margin: 15px 0 -5px 15px;
		font: bold 1.4em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
		color: #713b7c;
		}
	.onsiteCourses p,
	.viewCourses p,
	.courseMaterials p,
	.serviceInfo p {
		margin: 10px 0 10px 15px;
		font: normal 1.1em/1.45em arial,helvetica,'lucida grande',tahoma,sans-serif;
		color: #777;
		}
	.serviceInfo ul {
		clear: left;
		margin: 10px 0 10px 15px;
		padding: 15px;
		list-style: none;
		font: normal 1.0em/1.4em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
		color: #555;
		background: #ffc;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}
	.serviceInfo ul li {
		margin: 5px 0;
		}
	div.serviceInfo {
		display: none;
	}
	div.activePane {
		display: block;
	}
#courseList {
	position: relative;
	float: left; /* prevents margin collapse */
	width: 128px;
	list-style: none;
	font: bold 1.1em/1.1em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
	color: #777;
	background: url(/images/bg-ipv6.jpg) right top repeat-y;
	}
	#courseList li {
		margin: .09em 0;
		}
	#courseList li#listTop {
		margin-top: 0;
		background: url(/images/bg-servicestop.jpg) right top no-repeat;
		}
	#courseList li#listBottom {
		margin-bottom: 0;
		background: url(/images/bg-servicesbottom.jpg) right bottom no-repeat;
		}
	#courseList li ul {
		margin: 0 0 .63em;
		list-style: none;
		}
	#courseList li ul li {
		position: relative;
		margin: 0;
		padding-left: 11px;
		font-weight: normal;
		background: url(/images/arrow-miniorange.gif) 0 50% no-repeat;
		}
#courseList a,
#courseList span {
	display: block;
	min-height: 1.55em;
	padding-top: .45em;
	color: #777;
	cursor: pointer; /* forces hyperlink cursor, just in case */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-color: transparent;
	}
	#courseList span { cursor: default; }
#courseList a:hover {
	color: #2388ff;
	background: white;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
#siGC ul {
	display: none;
	}


/* features
==============================================================================*/
.feature {
	position: relative;
	float: left;
	margin-top: 2em;
	width: 512px;
	}
.feature a {
	margin-right: 7px;
	}
	.feature a.endRow {
		margin-right: 0;
		}
.feature a img {
	padding: 3px;
	border: 1px solid #ccc;
	}
.feature a:hover img {
	background: #ffc;
	border: 1px solid #2388ff;
	}


/* footer
==============================================================================*/
#footer {
	position: relative;
	clear: both;
	margin-top: 20px;
	padding: 20px 0;
	background: #713b7c url(/images/footer_bg.jpg) repeat-x;
	}
#siteMap,
#copyright {
	margin-top: 0;
	}
#siteMap {
	float: left;
	width: 497px;
	}
#siteMap .footcolumn {
	float: left;
	width: 160px;
	}
#siteMap li {
	list-style: none;
	font: normal 1.1em/1em arial,verdana,helvetica,'lucida grande',tahoma,sans-serif;
	}
#siteMap li a {
	display: block;
	padding: .36em .18em;
	font-weight: bold;
	color: #f5da40;
	}
	#siteMap li li a {
		padding-left: 10px;
		font-size: .81em;
		line-height: 1em;
		font-weight: normal;
		color: #eae7d2;
		background: url(/images/arrow-miniorange.gif) left center no-repeat;
		}
#siteMap li a:hover {
	text-decoration: underline;
	color: white;
	/*background: #3e362f;*/
	}
	#siteMap li li a:hover {
		text-decoration: underline;
		/*background: #3e362f url(/images/arrow-miniorange.gif) left center no-repeat;*/
		}
#copyright {
	float: right;
	width: 256px;
	background: #3e362f;
	border: 1px solid #797066;
	}
#copyright p {
	margin: 15px 10px;
	font: normal 1em/1.2em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
	color: #eae7d2;
	}
#copyright strong {
	font-size: 1.2em;
	font-weight: normal;
	color: white;
	}
#copyright a {
	font-weight: bold;
	color: #f5da40;
	}
#copyright a:hover {
	text-decoration: underline;
	color: white;
	}

/* Global changes to FORM fields etc
=============================================== */
table {
 font-size: 10px;
 color: #7c6c84;
 line-height: 10px;
 text-align: left;
 font: normal 1.1em/1em verdana,arial,helvetica,'lucida grande',tahoma,sans-serif;
 margin-left: 20px;
 width: 100%;
}
table td {
 border-bottom: 1px white solid;
}
table td.lh {
 text-align: right;
 width: 35%;
}
select, input, textarea {
 font-size: 10px;
 color: #7c6c84;
 line-height: 10px;
 text-align: left;
 background: #fef7dc;
}
td.courseselect select {
 background: #dcc7e0;
}
input.submit {
 font-size: 10px;
 color: #7c6c84;
 line-height: 10px;

}
div#enquirytable {

}
span.red {
   color: red;
}  

/* sIFR
==============================================================================*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-hasFlash #news h2,
.sIFR-hasFlash #events h2,
.sIFR-hasFlash #services h2,
.sIFR-hasFlash .feature h2 {
 	visibility: hidden;
 	}
.sIFR-hasFlash #content h2,
.sIFR-hasFlash #content h3,
.sIFR-hasFlash #sideBar h2 {
	visibility: hidden;
 	}
.sIFR-hasFlash #content h2 {
 	letter-spacing: -9px;
 	font-size: 36px;
 	line-height: 30px;
 	}
.sIFR-hasFlash #content h3 {
	margin-bottom: -5px;
	}
 .sIFR-hasFlash #content .serviceInfo h3 {
 	visibility: visible !important;
	}