/* HTML Tags*/

body {
	font-family: Verdana, Arial, sans-serif;
	background: #00509A;
	line-height: 1.538;  
	text-align: center; 
	margin:0;
	min-width:964px;
}

div#topbar{
	background:none;
	background-image:url(pics/bg-header.jpg);
	background-repeat:no-repeat;
	background-position:right;
	margin:0 auto;
	text-align:left;
	top:0px;
	width:970px;
	height:104px;
	border-style:none;
}
img.clientlogo{
	left:10px;
	margin-top:20px;
	margin-left:5px;
	padding:10px;
	position:relative;
}
img.gmetlogo{
	margin-left:380px;
	margin-top:95px;
	margin-bottom:5px;
	margin-right:5px;
	padding:10px;
	position:absolute;
}
#wrap {
	float:left;
	margin:0 0;
	position:static;
	max-width:970px;
	min-width:970px;
}
#linkbar{
	background:#00509A;
	background-position:top left;
	padding: 4px;
	display:block;
	top:0px;
	float:left;
	width: 140px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: white;
	line-height: 36px;
}

.index-login {
	background-color:#00509A;
	width: 300px;
}


#maincontent
	{
	background:#ffffff;
	margin:auto;
	float: right;
	text-align:left;
	position:static;
	top:0px;
	width:820px;
	border-right:none;
	border-left:none;
	padding-bottom:1em;
	padding-top:1em;
	}
	
#maincontent p.body-text
	{
	margin:1.5em;
	}
	
#maincontent ol.body-text
	{
	margin:1.5em;
	padding-left: 3em;
	}
	
#help-text
{
	padding: 10px 40px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	color: #333333;
	}
	
#help-text p
{
	padding: 10px 20px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 24px;
	color: #333333;
	}
	
#help-text li.body-text
{
	padding: 10px 20px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	color: #333333;
	}
	


	
#grouptitle
	{
	clear:both;
	margin:1em;
	padding:0em;
	text-align:left;
	position:relative;
	}
	
#grouplist 
	{
	margin:1em;
	position:relative;
	}
	
#grouplist li
	{
	float:left;
	margin:0;
	width:85%;
	list-style-type: none;
	text-align:left;
	line-height:2em;
	padding:0.3em;
	}
#grouplist p
	{
	display:block;
	color:#00509A;
	}
	
#grouplist a
	{
	font-weight: bold;
	display:block;
	color:#00509A;
	}

#grouplist a:hover
	{
	font-weight: bold;
	display:block;
	color:#0394D5;
	}

#courseblock
	{
	border-left:1px solid #00509A;
	float:left;
	width:80%;
	margin-left:12%;
	margin-bottom:15%;
	padding-right:2em;
	padding-left:1em;
	min-height: 80px;
	}
	
#courseblock p
	{
	font-size: 1em;
	font-style: normal;
	line-height: 1.4em;
	/*color: #224c88;*/
	margin:0.1em;
	margin-top:0.3em;

	}
	
#courseblock a
	{
	font-weight: bold;
	/*display:block;*/
	color:#00509A;
	}

#courseblock a:hover
	{
	font-weight: bold;
	/*display:block;*/
	color:#0394D5;
	}
	
* html #courseblock
	{
	display:inline;
	}	


#surgeryblock
	{
	/*border-left:1px solid #00509A;*/
	float:left;
	width:95%;
	/*margin-left:1%;*/
	margin-bottom:15%;
	padding-right:2em;
	padding-left:1em;
	min-height: 80px;
	}
	
#surgeryblock p
	{
	font-size: 1em;
	font-style: normal;
	line-height: 1.4em;
	/*color: #224c88;*/
	margin:0.1em;
	margin-top:0.3em;

	}
	
#surgeryblock a
	{
	font-weight: bold;
	/*display:block;*/
	color:#00509A;
	}

#surgeryblock a:hover
	{
	font-weight: bold;
	/*display:block;*/
	color:#0394D5;
	}
	
#surgeryblock li
	{
	float:left;
	margin:0;
	width:95%;
	/*color: #224c88;*/
	list-style-type: none;
	text-align:left;
	line-height:2em;
	padding:0.3em;
	}


	

	
#timeblock
	{
	position:relative;
	float:left;
	width:10%;
	margin-left:-93%;
	text-align: left;
	padding-top: .4em;
	}
	
#timeblock p
	{
	font-size: 1em;
	font-style: normal;
	line-height: 1.4em;
	margin-top:0.3em;
	}
/* Start Mac IE5 filter \*/
#courseblock, timeblock
	{
	padding-bottom:32767px !important;
	margin-bottom:-32767px !important;
	}
/* End Mac IE5 filter */
/* IE Win can be a bit out - adjust bottom value by-1px or so as required */

#searchinputblock
	{
	border-left:1px solid #00509A;
	float:left;
	width:45%;
	margin-left:55%;
	padding:0;
	text-align:left;
	display:inline;
	}
* html #searchinputblock
	{
	display:inline;
	}
#searchinputblock p input
	{
	margin:.2em;
	color:#1d3a60;
	border:1px solid #1d3a60;
	}
#search input.textbox
	{
	width:50%;
	}

#searchlabelblock
	{
	position:relative;
	float:left;
	width:55%;
	margin-left:-100%;
	text-align:left;
	padding-top:0;
	padding-left:4px;
	}
	
#searchlabelblock p
	{
	margin:0;
	margin-top:0.5em;
	padding:0;
	}
		
/* Start Mac IE5 filter \*/
#csearchinputblock, searchlabelblock
	{
	padding-bottom:32767px !important;
	margin-bottom:-32767px !important;
	}
/* End Mac IE5 filter */
/* IE Win can be a bit out - adjust bottom value by-1px or so as required */


#vidnavblock
	{
	border-left:1px solid #1d3a60;
	float:left;
	width:20%;
	margin-left:80%;
	padding-left:0;
	text-align:center;
	display:inline;
	padding-top:1.0em;
	}
* html #vidnavblock
	{
	display:inline;
	}
	
#vidinstrblock
	{
	position:relative;
	float:left;
	width:80%;
	margin-left:-100%;
	text-align:left;
	padding-top:0px;
	}
/* Start Mac IE5 filter \*/
#vidnavblock, vidinstrblock
	{
	padding-bottom:32767px !important;
	margin-bottom:-32767px !important;
	}
/* End Mac IE5 filter */
/* IE Win can be a bit out - adjust bottom value by-1px or so as required */

.verticalalign
	{
	position:absolute;
	bottom:0;
	margin-right:0;
	}
#courseblock .verticalalign
	{
	width:87%;
	}
#timeblock .verticalalign
	{
	width:10%;
	}
#vidnavblock .verticalalign
	{
	width:35%;
	}
#vidinstrblock .verticalalign
	{
	width:65%;
	}
#searchinputblock .verticalalign
	{
	width:45%;
	}
#searchlabelblock .verticalalign
	{
	width:55%;
	}			
/* hack for Opera 7+ */
@media all and (min-width: 0px){
	.verticalalign
		{
		width:100% !important;
		}
/* But Opera 9 does it right. so CSS3 hax to the max */
	div[id^="courselist"] #courseblock .verticalalign
		{
		width:87% !important;
		}
	div[id^="courselist"] #timeblock .verticalalign
		{
		width:10% !important;
		}
	div[id^="courselist"] #vidnavblock .verticalalign
		{
		width:35% !important;
		}
	div[id^="courselist"] #vidinstrblock .verticalalign
		{
		width:65% !important;
		}
	div[id^="courselist"] #searchinputblock .verticalalign
		{
		width:45% !important;
		}
	div[id^="courselist"] #searchlabelblock .verticalalign
		{
		width:55% !important;
		}						
}

/* hack for IE Win pre IE7 */
* html .verticalalign
	{
	width:100% !important;
	}
.verticalalign p
	{
	font-size: .9em;
	color:#00509A;
	position:absolute;
	width: 40%;
	bottom:.2em;
	right:.8em;
	/*line-height: 1.4em;
	margin:2px;
	padding:3px;*/
	}
#courselist
	{
	margin:0 1em;
	position:relative;
	overflow:hidden; /* this hides the ecsess padding on non-ie browsers */
	}
#courselist.search
{
	width:90%;
}
/* For IE5.01 to expand courselist to necessary height*/
#courselist
	{
/* Normally a Holly-style hack height: 1% but that causes IE5.01 to collaps the course list - intsead float it */
	float:left;
	float/**/:none;
	}
/* easy clearing */
#courselist:after
	{
	content: "[DO NOT LEAVE IT IS NOT REAL]";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
#courselist
	{display:inline-block;
	}
/*\*/
#courselist
	{
	display:block;
	}
/* end easy clearing */

#sponsor {

	background-image:none;
	background-repeat:no-repeat;
	background-position:top;
	position:absolute;
	top:280px;
	left:650px;
	width:300px;
	height:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 1.5em;
	color: #666666;
}

#sponsor img
{
border:none;
/*width:300px;*/
}
#footer
	{
	clear:both;
	}
/* safari needs this - otherwise the ghost overflow, thogh painted correctly
obsures links and form elements that by rights should be above it.
An unintended side-effect is that it causes some elements to vanish in IE 5.01 and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position:relative;
	z-index:1000;
	left: -2px;
	top: 2px;
	}
	
#footer
	{
	background:#00509A;
	margin:0 auto;
	text-align:left;
	position:relative;
	top:0px;
	width:970px;
	height:80px;
	background-color: #00509A;
	}		

#footer p
	{
	margin:1em;
	color:white;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 0.65em; LINE-HEIGHT: 1.363;
	}
#video
	{
	text-align:center;
	clear:both;
	border:none;
	margin:0;
	margin-top:1em;
	width:820px
	
	}
#video object
	{
	width:640px;
	height:540px;
	}

p 
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	line-height: 1.2em;
	color: #333333;
	margin:.5em 0 ;
	}
	
.nofloat 
	{
	clear:both;
	}



/* Link Tags*/

p {
	color:#666666;
	font-size:12px;
	font-style: normal;
	/*padding:5px;*/
	}


/*a.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;	
	font-weight: bold;
	color: #00509A;
	text-decoration:none;

	
}

a.visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #00509A;
	text-decoration:none;
}

a.hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #0394D5;
	text-decoration:underline;
}*/


a.menu:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;	
	font-weight: bold;
	color: white;
	text-decoration:none;

	
}

a.menu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: white;
	text-decoration:none;
}

a.menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: white;
	display:block;
	background-color:#4880b7;
	text-decoration:underline;
}


/* Text Formatting Tags*/


h1 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: bold;
	color: #224c88;
	margin:0;
	margin-top:.3em;
	}

h2 
	{
	font-size: 1.3em;
	font-style: normal;
	line-height: 1.2em;
	font-weight: bold;
	color: #00509A;
	margin:0;
	margin-top:0.3em;
	}
	
h3 	
	{
	font-size: 1em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: bold;
	color: #224c88;
	margin:0.1em;
	margin-top:0.3em;
	}

h4 {
	font-size: 1.0em;
	font-style: normal;
	line-height: 0.8em;
	font-weight:bold;
	color:#333333;
	margin:0.1em;
	margin-top:0.5em;
	}

.bold 
	{
	font-weight: bold;
	}

.body-text 
	{
	font-size: .95em;
	font-style: normal;
	line-height: 1em;
	color: #333333;
	}

.footer-text 
	{
	font-size: 1.0em;
	font-style: normal;
	line-height: 0.9em;
	color: black;
	}

.course-title 
	{
	font-size: 1.0em;
	font-style: normal;
	line-height: 0.9em;
	color: #0397d6;
	}

/* Table Formatting Tags*/

.noBorder
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 0.9em;
	color: #333333;
	}


.courselight 
	{
	border: 1px solid #224c88;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 0.9em;
	color: #333333;
	}

.coursedark 
	{
	border: 1px solid #224c88;
	background-color: #F8F9FD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 0.9em;
	color: #333333;
	}

.searchResults 
	{
	border: 1px solid #224c88;
	background-color: #224c88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-weight: bold;
	font-style: normal;
	line-height: 1.2em;
	color: #FFFFFF;
	}

.header 
	{
	border: 1px solid #3A0B00;
	background-color: #EEE4CB;
	font-size: 1.2em;
	font-style: normal;
	line-height: 0.8em;
	color: #333333;
	}