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

* {margin:0;padding:0;}
body,html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img{
	margin:0px;
	line-height:0px;
	padding:0px;
	display:inline;
}
a img {border:none;}
form{
	margin:0px;
}

#headercontainer{
	width:100%;
	height:170px;
	background-image:url(../../images/template/header_bg.png);
}

#header{
	width:996px;
	height:170px;
	margin:auto;
}

#contentcontainer{
	background-color:#e9f0f2;
}

#content{
	width:996px;
	margin:auto;
	clear:both;
}

#footercontainer{
	background-image:url(../../images/template/footer_bg.png);
	height:148px;
	background-repeat:repeat-x;
	clear:both;
}

#logo{
	width:418px;
	height: 127px;
	margin:auto;
}
#logo img {border: 0px;}
#navbar{
	width:996px;
	margin:auto;
	text-align:left;
	font-weight:bold;
	color:#ffffff;
	line-height:37px;
}
#navbar ul {height: 50px;width: 996px;list-style: none;padding:0px;margin:0px 0 0 67px;}
#navbar ul li {position:relative;height: 37px;float:left;cursor:pointer;z-index:90;}
#navbar ul li.nav {background: url(../../images/sep.gif) no-repeat left 13px;}
#navbar ul li.first {background: transparent;}
#navbar ul li ul {position:absolute;top:37px;left:0px;width:300px;list-style: none;padding:0px;margin:0px;z-index:90;display:none;background:#5684BF;}
#navbar ul li ul li {position:relative;top:0px;left:0px;width:300px;height:20px;padding:0px;margin:0px;display:block;float:none;background:#5684BF;line-height:0px;}
#navbar ul li ul li a {background:url(../../images/gt.png) no-repeat left 4px;padding-left:15px;line-height:18px;}

#navbar a{
	color:#ffffff;
	text-decoration:none;
	margin:0 25px 0 25px;
}

#navbar a:hover{
	text-decoration:underline;
}

#slogan {
	background:url(../../images/template/slogan.jpg) top center no-repeat;
	width:996px;
	height:37px;
	margin:auto;	
}

#copyright{
	padding-top:71px;
	width:996px;
	margin:auto;
	text-align:center;
	font-size:11px;
	color:#334d80;
}

#copyright a{
	color:#334d80;
	text-decoration:none;
}


#copyright a:hover{
	text-decoration:none;
	color:#5684bf;
}

#content:after{
	 content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}

/*HOME*/

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

#flashcontainer{
}

#flash{
	background-image:url(../../images/template/flash_bg.png);
	width:996px;
	position:absolute;
	width:100%;
	left:0px;
	text-align:center;
	height:255px;
	overflow:hidden;
}

/* flash */
 .flash_container {
	background-image:url(../../images/template/flash_bg.png);
	width:980px;
	position:absolute;
	width:100%;
	left:0px;
	text-align:center;
	height:250px;
	overflow:hidden;
  }
#homeitems{
	padding-top:255px;
	height:434px;
}

#homeitems div{
	color:#334d80;
	float:left;
	width:294px;
	margin-top:35px;
	margin-right:57px;
}

#homeitems img{
	display:block;
}

#homeitems img.image{
	display:inline;
}
#homeitems div h3{
	margin:10px 0px 10px 0px;
	color:#5684bf;
	font-size:18px;
}

#homeitems div a{
	color:#5684bf;
	text-decoration:none;
	font-weight:bold;
}

#homeitems div a:hover{
	color:#334d80;
}

#homeitems div p{
	line-height:20px;
	margin-top:-7px;
}

#homeitems div.last{
	margin-right:0px;
}

/*DETAIL PAGE*/

P{
	margin-bottom:24px;
}

p, p a{
	margin-bottom:17px;
	color:#2e4573;
}

h2{
	color:#5684bf;
	margin-top:0px;
	font-size:24px;
	font-weight:bold;
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	margin-bottom:17px;
}

.intro{
	font-weight:bold;
}

#col1{
	padding-top:20px;
	padding-bottom:40px;
	float:left;
	width:472px;
	margin:0px;
	padding-right:23px;
}

#col2{
	padding-top:20px;
	padding-bottom:40px;
	margin:0px;
	float:right;
	color:#2e4573;
	width:501px;
}
#col2  ul {
	padding-top:10px;
}
#col2  ul li{
	margin-left:15px;
}
	
#registerform{
	background-color:#cfdce5;
	color:#243a66;
	padding-top:10px;
	margin-top:20px;
}

.registerform_text {position:relative;left:16px;width:440px;}

#registerform p{
	color:#243a66;	
}
#registerform h2{
	margin-bottom:4px;	
}

#registerform select{
	width:244px;
	border:1px solid #a7a6ab;
}

#detailimages .main{
	margin-bottom:20px;
}

#detailimages .small img{
	margin-right:10px;
	cursor:pointer;
}
#commondetailinfo {padding-top: 20px;}
#commondetailinfo .morecoursesdiv{
	float:right;
	color:#FFF;
	height:270px;
	padding:11px;
	padding-top:6px;
	background-color:#5684bf;
	margin-left:10px;
}

.morecoursesdiv p,  .morecoursesdiv h2, .morecoursesdiv a{
  color:#FFF;
  text-decoration:none;
}

.morecoursesdiv h2{
	margin-bottom:4px;	  
}

.morecoursesdiv a{
	line-height:20px;
	width: 215px;
}

.morecoursesdiv a:hover{
  text-decoration:underline;
}

#commondetailinfo .info{
	width: 212px;
	float:left;
}
.info a{
  text-decoration:none;
  line-height:20px;
  
}

.info a:hover{
	text-decoration:underline;
}

/* form */
.form {float: left;background-color:#cfdce5;width: 472px;padding-bottom:10px;}
.form_block, .form_text {width: 440px;margin-left:16px;}
.form_text {position:relative;margin-top: 20px;float:left;}
.form_block {margin-top: 5px;float:left;}
.form_label {position:relative;width: 140px;float:left;}
.form_element {position:relative;width: 294px;float:left;}
.form_element input {border:1px solid #a7a6ab;width:294px;margin:0px;font-size:12px;color:#333;height:15px;padding:2px;}
.date_picker input {border:1px solid #a7a6ab;width:211px;margin:0px;font-size:12px;color:#333;height:15px;padding:2px;}
.date_picker img{vertical-align:middle;cursor:pointer;}
#registerform .form_date_day select, #registerform .form_date_month select, #registerform .form_date_year select{border:1px solid #a7a6ab;width:75px;margin:0px 10px 0px 0px;font-size:12px;color:#333;float:left;}
.form_element textarea {width: 200px;height:80px;padding:2px;}
.form_text_succes, .form_text_error {height:20px; color:#f74b05}
.submit {margin-left: 0px;padding-left:0px;}
.submit input {float:left;margin: 10px 0px 20px 16px;padding:2px 5px;}