@charset "utf-8";
/* CSS Document */

html, body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

img {
	border:0px;
}

ul {
	list-style:square;
	text-align:left;
}

h1, h2, h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:wider;
	padding-top:0px;
	margin-top:0px;
	text-align:left;
}

h1 {
	font-size:24px;
	color:#FFFFFF;
}

h2 {
	font-size:18px;
	padding-bottom:10px;
	line-height:20px;
}

h3 {
	font-size:12px;
	font-weight:bold;
}

div#container {
	width:900px;
	margin:0 auto;
	text-align:justify;
}

div#header {
	padding-top:20px;
	padding-bottom:18px;
}

div#banner {
}

div#main_navi {
	background-color:#000000;
	height:26px;
}
#main_navi {
	border: 1px solid #666666;
	color: #b3b3b3;	
}

#main_navi ul {
	margin:0;
	padding:0;
	padding-top:5px;
	padding-left:15px;
}

#main_navi ul li {
	display:inline;
	padding-left:10px;
	padding-right:10px;
	border-left: 1px solid #b3b3b3;
}

#main_navi ul li.home {
	padding-left:0px;
	border:none;
}

#main_navi ul li a {
	text-decoration:none;
	color: #b3b3b3;
}

#main_navi ul li a:hover {
	color:#efefef;
}

div#body_canvas {
	background-image:url(images/tagline.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
	margin-top:15px;
	border:1px solid #cccccc;
	padding-bottom:100px;
}

div#sub_panel {
	float:left;
	width:185px;
	padding-left:25px;
	padding-right:20px;
	padding-top:26px;
	padding-bottom:40px;
	background-color:#000000;
	text-align:left;
}

div#sub_panel h1 {
	padding-bottom:30px;
}

div#sub_panel ul {
	margin-left:0px;
	padding-left:15px;
	padding-top:0px;
	color:#FFFFFF;
}

div#sub_panel li {
	padding-bottom: 10px;
}

div#sub_panel li a {	
	text-decoration:none;
	color:#FFFFFF;
}

div#sub_panel li a:hover {
	text-decoration:underline;
}

div#sub_panel_links h1 {
	padding-bottom:30px;
}

div#sub_panel_links ul {
	margin-left:0px;
	padding-left:15px;
	padding-top:0px;
	color:#FFFFFF;
}

div#sub_panel_links li {
	padding-bottom: 10px;
}

div#sub_panel_links li a {	
	text-decoration:none;
	color:#FFFFFF;
}

div#sub_panel_links li a:hover {
	text-decoration:underline;
}

div#content_panel {
	margin-left:260px;
	padding-top:26px;
	width:600px;
	line-height:15px;
}

div#content_panel a {
	color:#5c5c5c;
	text-decoration:none;
	border-bottom:1px dotted #5c5c5c;
}

div#content_panel a:hover {
	border-bottom:1px solid #5c5c5c;
}

div#content_panel li {
	line-height:17px;
}

div#content_panel_blank {
	margin-left:25px;
	padding-top:26px;
	width:auto;
	line-height:15px;
	margin-right: 25px;
}

div#content_panel_blank a {
	color:#5c5c5c;
	text-decoration:none;
	border-bottom:1px dotted #5c5c5c;
}

div#content_panel_blank a:hover {
	border-bottom:1px solid #5c5c5c;
}

div#content_panel_blank li {
	line-height:17px;
}

div#news {
	display:none;
	visibility:hidden;
}

div#footer {
	padding-top:8px;
	padding-left:2px;
	padding-bottom:15px;
	color:#3c3c3c;
	font-size:9px;
}

div#footer a {
	color:#5c5c5c;
	text-decoration:none;
	border-bottom:1px dotted #5c5c5c;
}

div#footer a:hover {
	border-bottom:1px solid #5c5c5c;
}

.note {
	font-size:10px;
	font-weight:bold;
	color:#666666;
}

.bigger {
	font-size:14px;
	font-weight:bold;
}

h1#about {
	color:#FF0066; /* original #2bc6ef */
}

h1#media {
	color:#FFCC33;
}

h1#csdm {
	color:#aaddb7;
}

h1#advantage {
	color:#2bc6ef; /* original #FF9400 */
}

h1#news {
	color:#FF00EA;
}

h1#stories {
	color:#ff9400;
}


table.chart {
	border:1px solid #cccccc;
}

table.chart td {
	background-color:#fffbf1;
	text-align:left;
	border:1px solid #fff1ce;
}

/* photo frame */

div.frame {
	padding-left: 15px;
	padding-bottom:10px;
	float:right;
}

div.lftframe {
	padding-right: 15px;
	padding-bottom:15px;
	float:left;
}

div.frame img {
	border:1px solid #cccccc;
	padding:2px;
}

div.frame img.noframe {
	border:0px;
}

/* forms and inputs */

table.formframe {
	border: 1px solid #dedede;
}

input, select, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

/* hidden form */

div#hidden_form {
	visibility:hidden;
	display:none;
}

/* borders for table in csdm_training_prg*/

th.header_row_sides {
	border-color: #3973AC; 
	border-top: 2px solid; 
	border-bottom: 2px solid;
	color: #0033FF;
}

/* styles for online registration form */

div#registration_form {
	width:580px;
	padding: 5px;
	border:1px solid #dedede;
}

table#regform input, table#regform select, table#regform textarea {
	font-size:11px;
}

table#regform td {
	vertical-align:middle;
	text-align:left;
	border-bottom: 1px solid #dedede;
}

table#regform td.header {
	font-weight:bold;
	background-color:#999999;
	color:#FFFFFF;
	border:0px;
}

table#regform td.price {
	font-weight:bold;
	font-size:12px;
	color:#3366FF;
}

span.compulsory {
	color:#CC0000;
}

img.icon_border {
	border: 1px solid #cccccc;
}

table.cashdetail {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
}

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}