body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
	background-color:#CCCCCC;
}


#container {
	width: 542px;
	height:766px;
	margin:0px auto;
	background-color:#FFFFFF;
}


select {
	width:270px;
	margin:0px 0px 12px 0px;	
}

table.course_list {
	width:500px;	
	font-size: 14px;
	line-height:16px;
	border-left:2px solid #000098;
	border-right: 2px solid #000098;
	border-collapse:collapse;
}

table.course_list th {
	background-color: #000098;
	color:#FFFFFF;
	padding:4px;
	font-size:16px;
	line-height:19px;
}

table.course_list th.logo {
	width:40%
}

table.course_list th.title,
table.course_list th.date {
	width:30%;
}

table.course_list td {
	height:86px;
	vertical-align:middle;
	border-bottom: 2px solid #000098;
	cursor:pointer;
	padding:0px 4px;
}

table.course_list td a {
	color:#000000;
	text-decoration:none;
}

table.course_list tr.hover td {
	background-color:#b2e9fa;
}

table.course_list td.date {
	background: #FFFFFF url(../imgs/table-arrow.png) bottom right no-repeat;
	padding:0px 24px 0px 0px;
}

table.course_list tr.hover td.date {
	background: #b2e9fa url(../imgs/table-arrow.png) top right no-repeat;
}



/* Course Details Page */
div.details {
	background: url(../imgs/details-background-v1.png) top left no-repeat;
	width:494px;
	position:relative;
	padding:24px 24px 24px 24px;
}


.inner {
	width:494px;
	display:block;
	max-height: 600px;
	height: auto;
	position:relative;
	overflow:auto;
}

.details .bottom {
	background: url(../imgs/details-background-v1.png) bottom left no-repeat;
	width:542px;
	height:10px;
	position:absolute;
	bottom: 0px;
	left:0px;
}

h3 {
	color:#d2232a;
	font-size:16px;
	line-height:19px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
}

div.spacer {
	width:300px;
	height:14px;
	display:block;
}


.inner .left-text {
	float:left;
	width:240px;
	display:block;
	overflow:hidden;
}

.inner .right-image {
	float:right;
	text-align:right;
}

a.back-link {
	color:#000098;
	text-decoration:none;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	padding:0px 15px 0px 0px;
	background: url(../imgs/course-arrow-v2.png) center right no-repeat;
	float:right;
}

a.back-link:hover {
	text-decoration:underline;
}

div.clear {
	clear:both;
	line-height:0px;
	height:0px;
	overflow:hidden;
}

#top-holder {
	width:542px;
	padding:0px 0px 12px 0px;
}

#top-holder select {
	float:left;
	margin: 0px 0px 10px;
}

#coures-holder {
	height:732px;
	width:520px;
	overflow:auto;
}

.details a {
	color:#000000;
	text-decoration:underline;
}

.details a:hover {
	text-decoration:none;
}