/*	+---------------------------------------------------------------
	| REDEFINE DEFAULT XHTML TAGS
	+---------------------------------------------------------------
*/

	html, body {
		height: 100%;
	}

	body {
		font-family: arial, georgia, helvetica, sans-serif;
		/* font-family: Georgia, "Times New Roman", Times, serif; */
		font-size: 76%; /* font sizing in ems, baby. if you want to change anything, just change this.*/
		color: #000;
		background-color: #e2ebed;
		margin: 0px;
		padding: 0px; }
	
	p {
		font-family: arial, georgia, helvetica, sans-serif;
		font-size: 1em;
		margin:0px 0px 15px 0px;
		padding:0px; }

	
	h1 {
		font-size: 1.6em;
		margin: 0px 0px 10px 0px;
		}
	
	h2 {
		font-size: 1.4em;
		margin: 0px 0px 15px 0px;
		font-weight: normal; }
	
	h3 {
		font-size: 1.2em;
		margin: 0px 0px 10px 0px;
		font-weight: bold; }
		
	a {
		color: #05435A;
		text-decoration: underline; }

	a:link 		{ }
	a:visited 	{ }
	a:active 	{ }
	a:hover 	{ text-decoration: none; color:#c00; }
	
	img {
		border: 0; }
	
	hr {
		color:#06445B;
		height:1px;
	}
	
	ol, ul {	
		font-size: 1em;
		margin-top: 1em;
		margin-bottom: 1em; }
	
		
	pre {
		font-family: monospace;
		font-size: 1.0em; }
		
	strong, b {
		font-weight: bold; }
	
	form {
		margin:0;
		padding:0;
	}

	table, td, th {
		font-family: arial, georgia, helvetica, sans-serif;
		font-size: 1em;
	}

	table {
		border-collapse:collapse;
		empty-cells:show;
	}

/*	+---------------------------------------------------------------
	| CUSTOM PAGE LAYOUT OBJECTS
	+---------------------------------------------------------------
*/
	
	#container {
		position:relative;
		width: 770px;
		background-color:#fff;
		border-width:0 1px 1px 1px;
		border-color:#06445B;
		border-style:solid;
		margin: 0px auto ;
		padding: 0px; }
	
	#region {
		font-size:0.75em;
		font-weight:900;
		text-align:right;
		background-color:#003D50;
		color:#fff;
		border-top: solid #589292 1px;
		border-bottom: solid #ccc 3px;
		padding:4px 5px;
		margin:0;
	}
	
	#region a { color:#fff; text-decoration:underline; }
	#region a:hover { color:#fff; text-decoration:none; }
				
	#region.left {
		float:left;
		text-align:left; 
	}
	
	#region.right {
		float:left;
		text-align:left; 
	}
	
	#ims-logo {
		float:left;
		text-align:left; /* contain left aligned text */
		width:49%;
	}
	
	#members-area-login {
	}
	
	.fail {
		color:#ff0000;
	}

/*	+---------------------------------------------------------------
	| FLOATING ROW POSITIONING STYLES
	+---------------------------------------------------------------
*/

	/* The <div.row> works as a table row, upon which different <span>'s
	   can be floated left and right */
	
	div.row {					
		clear:both;
	}
	
	div.row span.left {
		float:left;
		text-align:left; /* contain left aligned text */
	}
	
	div.row span.right {
		float:right;
		text-align:right; /* contain right aligned text */
	}
	
	/* The 'label' and 'form-element' are floated left and right along
	   the <div.row> to build simple <FORM>'s */
	   
	div.row span.label {
		float:left;
		text-align:right;
	}
	
	div.row span.form-element {
		float:right;
		text-align:left;
	}

/*	+---------------------------------------------------------------
	| CUSTOM CLASSES
	+---------------------------------------------------------------
*/
	
	.left {
		float:left;
	}
	
	.low-emphasis-text {
		font-size: 0.75em;
	}
	
	.right {
		float:right;
	}
	
	div.spacer {
		clear: both;
	}
	
	ul.tick-list {
		list-style:none;
		margin-left:0px;
		padding-left:0px;
	}
	
	li.tick-item {
		padding-left: 22px;
		background-image: url(images/tick.jpg);
		background-repeat: no-repeat;
	}
	
	td.td-header {
		color:#fff;
	}
	
	.fontSmall {
		font-size: 0.80em;
	}
	
	.fontTitle {
		color : #05435A;
		font-size : 17px;
	}
	
	
/*	+---------------------------------------------------------------
	| HEADER BLOCK
	+---------------------------------------------------------------
*/

	#logo
	{
		width:48%;
		padding:1em 0 1em 1em;
		margin:0;
	}
	
	#login-form fieldset
	{
		width: 230px;
		border: 0 solid #FFFFFF;		
		padding: 0 1em 1em 1em;
		margin: 1em 1em 0 0;
		font-size:0.90em;
	}
	
	#login-form legend
	{
		position:relative;
		right:0.50em;
		font-weight:bold;
		padding:0;
		margin:0;
	}
	
	#login-form label.first
	{
		margin-top: 1em;
		
	}	
		
	#login-form input
	{
		position: relative;
		top: -1.4em;
		left: 6em;
		display: block;
	}
	
	#login-form label
	{
		clear: both;
		float: left;
		display: block;
		width: 6em;
		margin-top: -1em;
	}

/*	+---------------------------------------------------------------
	| NAVIGATION BLOCK
	+---------------------------------------------------------------
*/

	#nav {
		clear:both;
		float:left;
		line-height:0;
		padding:0 0 0 10px;
		margin:0;
	}
	
	#nav ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	#nav li {
		list-style:none;
		float:left;
		font-size: 1.0em;
		line-height: 1.8em; 
		background:url("images/tabs/normal_right.jpg") no-repeat right top;
		margin:0;
		padding:0;		
	}
	
	#nav a {
		display:block;
		font-weight:bold;
		text-decoration:none;
		background:url("images/tabs/normal_left.jpg") no-repeat left top;
		padding: 1px 15px;
	}
	
	#nav a:hover {
		color:#c00;
		text-decoration:underline;
	}
	
	#nav #current {
		background:url("images/tabs/selected_right.jpg") no-repeat right top;
	}
	
	#nav #current a {
		background:url("images/tabs/selected_left.jpg") no-repeat left top;
	}

/*	+---------------------------------------------------------------
	| BREADCRUMB TRAIL
	+---------------------------------------------------------------
*/
	
	#breadcrumb
	{
		clear:both;
		font-size:0.90em;
		font-weight:900;
		text-align:left;
		background-color:#E2EBED;
		border-top: solid #589292 1px;
		border-bottom: solid #589292 1px;
		padding:2px 5px 4px 5px;
		margin:0;
	}
	
	#breadcrumb .date
	{
		float:right;
		text-align:right;
	}
	
	#breadcrumb-member-area
	{
		clear:both;
		color:#fff;
		font-size:0.90em;
		font-weight:900;
		text-align:left;
		background-color:#BD9F56;
		border-top: solid #589292 1px;
		border-bottom: solid #589292 1px;
		padding:2px 5px 4px 5px;
		margin:0;
	}
	
	#breadcrumb-member-area a { color:#fff; }

/*	+---------------------------------------------------------------
	| PAGE SECTION COLUMN
	+---------------------------------------------------------------
*/

	#sidebar {
		float:left;
		width: 200px;
		margin:0;
		padding:0;
	}

	.section-title {
		/*clear:both;*/
		width:180px;
		line-height:2em;
		background:url("images/tabs/section_title.jpg") no-repeat left top;
		margin:10px 0 0 10px;
		padding:0;
	}
	
	.section-title p {
		font-weight:bold;
		padding:0 0 0 8px;
		margin:0;
	}
	
	.section-links {
		margin:0 10px;
		width:178px;
		background-color:#eee;
		border-left:1px solid #888;
		border-right:1px solid #888;
		border-top:1px solid #888;
		border-bottom:1px solid #888;
	}
	
	.section-member-area {
		margin:0 10px;
		font-size:0.90em;
		padding:5px;
		width:168px;
		background-color:#eee;
		border-left:1px solid #888;
		border-right:1px solid #888;
		border-top:1px solid #888;
		border-bottom:1px solid #888;
	}
	
	.section-links ul {
/*		margin-top:10px;
		padding-bottom:5px; */
		list-style-type: square;
		color:#05435A;
		margin-top:10px;
		margin-bottom:10px;
	}	
	
	.section-links li {
		font-size:0.90em;
		line-height: 1.8em;
		margin-left:-10px;
	}
	
	.section-links a {
		text-decoration:underline;
	}
	
	.section-links a:hover {
		color:#c00;
		text-decoration:underline;
	}
	
	.section-footer {
		margin:0 10px;
		background:url("images/tabs/section-title-footer.jpg") no-repeat left top;
	}

	.section-news {
		margin:0 10px;
		width:158px;
		font-size:0.90em;
		background-color:#eee;
		border-left:1px solid #888;
		border-right:1px solid #888;
		border-top:1px solid #888;
		border-bottom:1px solid #888;
		padding:10px;
	}
	
	.section-news p {
		margin:0px 0px 7px 0px;
	}

	#ims-model {
		text-align:center;
		margin:0;
		padding:10px 0 0 0;
	}
	
	#ims-diagnostic {
		text-align:center;
	}

	#page-content {
		float:right;
		width: 550px;
		background-color:#fff;
		margin:10px 10px 0 0;
		padding:0;
	}
	
	p.external-link {
		background-color:#ccc;
		color:#000;
		font-weight:bold;
		padding:3px;
	}
	
	p.link {
		background-color:#666;
		color:#fff;
		font-weight:bold;
		padding:3px;
	}
	
	p.quote {
		background-color:#826442;
		color:#fff;
		font-weight:bold;
		padding:3px;
	}
	
	.diagnostic-question {
		width:400px;
		background-color:#E2EBED;
		border:1px dotted #589292;
		padding:10px;
		margin:0 auto;
	}

/*	+---------------------------------------------------------------
	| MEMBER AREA LISTS
	+---------------------------------------------------------------
*/

	.member-area-list ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.member-area-list li {
		list-style:none;
		font-size: 1.0em;
		line-height: 1.5em;
		padding-left:22px;
		margin:0;
		margin-top:4px;
	}
	
	.pdf-icon {
		background-image: url('/members/images/icon-pdf.jpg');
		background-repeat: no-repeat;
	}
	
	.ie-icon {
		background-image: url('/members/images/icon-ie.jpg');
		background-repeat: no-repeat;
	}


/*	+---------------------------------------------------------------
	| FOOTER & COPYRIGHT BLOCK
	+---------------------------------------------------------------
*/

	#footer {
		clear:both;
		width:770px;
		background-color:#fff;
	}

	#quick-links {
		clear:both;
		float:left;
		width:100%;
		height:24px;
		line-height:0;
		background:url("images/footer_bar.jpg") no-repeat left top;
		margin:15px 0 10px 0;
		padding:0;
	}
	
	#quick-links ul {
		list-style:none;
		text-align:center;
		margin:0;
		padding:0;
	}
	
	#quick-links li {
		font-size: 0.80em;
		line-height: 2.5em;
		list-style:none;
		display:inline;
		margin:0;
		padding:0;
	}
	
	#quick-links a {
		
		color:#666;
		text-decoration:none;
		padding: 1px 5px;
	}
	
	#quick-links a:hover {
		color:#c00;
		text-decoration:underline;
	}

	#copyright {
		width:34%;
		font-size: 0.75em;
		color:#666;
		padding:0 0 1em 1em;
		margin:0;
	}

	#partner-logos {
		width:62%;
		padding:0 1em 1em 0;
		margin:0;
	}
	
/*	+---------------------------------------------------------------
	| CUSTOM TABLE STYLES
	+---------------------------------------------------------------
*/

	table.training-info {
		border-collapse:collapse;
		background-color: #fff;
		empty-cells:show;
	}
	
	table.training-info td {
		border-color: #333;
		border: 1px solid;
		vertical-align:top;
		padding:7px;
	}
		
	td.key-title { background-color: #fc9; font-weight:bold; }
	td.title { background-color: #efefef; font-weight:bold; }
	
	.training-info ul {
		padding:0;
		margin-left:20px;
	}
	
	.training-info li {
		list-style-type: circle;
		list-style-image: url('images/training-arrow.jpg');
	}
	
	table.online-diagnostic {
		border-collapse:collapse;
		background-color: #fff;
		empty-cells:show;
	}
	
	table.online-diagnostic th {
		text-align:left;
		border-color: #fff;
		background-color: #05435A;
		color:#fff;
		border: 1px solid;
		vertical-align:top;
		padding:5px;
	}
	
	table.online-diagnostic td {
		text-align:left;
		background-color: #ededed;
		border-color: #05435A;
		border: 1px solid;
		vertical-align:top;
		padding:5px;
	}
	
	table.online-diagnostic .field {
		text-align:center;
	}