
#logo {	
	display: block;
	width: 197px;
	height: 119px;
	margin: 0px 0px 0px 0px;
	background: url(../images/aes_logo.jpg);
	
}

/* Global
--------------------------------------------*/

body {
	background: #2B4979 url(../images/bg_style.jpg) repeat-x;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    margin-top: 0px;
	font-family: arial bold;
}

#webpage {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 860px;
	text-align: left;
	font-size: 11px;
}

a:link {color: #245098;}
a:visited {color: #245098;} /*6E8DF7*/
a:hover {color: #B8D1F0;}

h1 { font-size: 19px; color: #13588F; font-weight: normal; }
h2 { font-size: 16px; color: #13588F; font-weight: normal; }
h3 { font-size: 12px; color: #fff; }
h4 { font-size: 14px; color: #fff;  }
h5 { font-size: 18px; color: #0F68AB; font-weight: normal;}
h6 { font-size: 14px; color: #5B90BC; font-weight: normal; }

form {
	margin: 0; padding: 0;
}

img {
	border: none;
}

hr {
	border-top: 1px #cccccc;
	height: 1px;
	background: none;
}

.clear {
	display: block;
	width: 1px; height: 1px;
	clear: both;
}

.error {
	color: red;
}

/* accessibility
--------------------------------------------*/

#top {
	display: none;
}


/* header
--------------------------------------------*/

#header {	
	float: left;
	display: block;
	width: 635px;
	height: 200px;
	background: url(../images/banner1.jpg);
}

#header h1 {
	display: none;
}


/* navigation
--------------------------------------------*/

#navigation {
	width: auto;
	background: url('../images/bg_navi.jpg') top left no-repeat;
	height: 27px;
}

#subnavigation {
	margin: 0; padding: 0;
	width: auto;
	background: url('../images/but_sub_normal.jpg');
	height: 27px;
}

#subnavigation ul, #navigation ul {
    list-style: none;
	margin: 0;
}

#navigation ul { 
	display: block;
    padding: 0px 0px 0px 0px;
}

#subnavigation ul {
    padding: 0px 0px 0px 0px;
}

#subnavigation li, #navigation li {
    display: inline;
    margin: 0; padding: 0;
}

#subnavigation li a, #navigation li a {
  	float: left;
  	display: block;
    width: auto;
  	padding: 6px 4px 6px 4px;
    font-size: 11px;
    font-family: arial;    
    text-decoration: none;
    border-right: 1px solid #1F4471;
}

#subnavigation li a {
    color: #08264A;
    font-weight: bold;
	background: url('../images/but_sub_normal.jpg');
}

#navigation li a {
    color: #fff;
	background: url('../images/btn_normal_state.jpg');
}


#subnavigation li a:hover {
    color: #fff; 
	background: url('../images/but_sub_hover.jpg');
}

#navigation li a:hover {
    color: #fff; 
	background: url('../images/btn_hover_state.jpg');
}



#subnavigation li a:active, #navigation li a:active {
     color: #fff; 
     background-color: #CEE4EF;
}

/* Home page
--------------------------------------------*/


#banner {	
	float: left;
	display: block;
	width: 635px;
	height: 161px;
	background: url(../images/bg_banner.gif);
	color: #fff;
}

#banner div {
	padding: 20px;
}

#banner div img {
	float: right;
}

#banner h2 {
	font-size: 20px;
	color: #fff;
	margin: 0;
}


#homecontent {	
	display: block;
	width: auto;
	background: url(../images/bg_homecontent.gif);
}

.mission {
	float: left;
	display: block;
	width: 320px;
}

.mission div, .promo div {
	padding: 20px;
}

.promoblue {
	background: #243F68;
}

.promoblue a {
	color: #fff;
}

.promo {
	float: left;
	width: 314px;
	color: #fff;
}


.promo h3 {
	margin: 0; padding: 0;

}

.note, .noteblue {
	border: #cccccc 1px solid;
	margin-bottom: 7px;
	padding: 8px;
}

.noteblue {
	background: #DDE8F7;
}


/* forms
--------------------------------------------*/

input, select {
	font-family: arial;
	font-size: 11px;
	margin-bottom: 2px;
}	

/* Sidebar
--------------------------------------------*/

#sidebar {
	float: left;
	display: block;
	width: 200px;
	height: auto;
	font-family: arial;
    font-size: 11px;
    margin: 0px;
    padding: 0;
}

#sidebar a {
	color: #fff;
}


.box {	
	display: block;
	width: 197px;
	background: url('../images/aes_search_box.jpg') no-repeat;
	margin: 0px 0px 0px 0px;	
}

.box div {
	padding: 10px 10px 20px 10px;
	color: #fff;
	
}

.box p {
	padding: 0;
	color: #fff;
	margin-top: 8px;
	margin-bottom: 0px;
	
}

.box h3 {
	margin: 0px;
	padding: 0px;
}


/* container sections
--------------------------------------------*/

#container {
	float: right;
	display: block;

	margin: 20px 0px 0px 0px;
	width: 635px;
	font-family: arial;
    font-size: 11px;
    background: #fff;
}


#location, #courses, #introduction, #description, #courselist, #footer {
	clear: both;
	display: block;
	width: auto;
	margin: 0; padding: 15px 0 0 0;
}

#location div, #introduction div, #courses div, #description div, #trainee div, #benefits div, #timetable div, #footer div {
	padding: 0px 12px 0px 18px;
	line-height: 16px;
}

#location div h2, #introduction div h2, #courses div h2, #description div h2, #trainee div h2, #benefits div h2, #timetable div h2, #footer div h2 {
	margin-top: 5px;
	margin-bottom: 5px;
}

#trainee, #benefits, #timetable {
	clear: both;
	width: auto;
}



#description, #trainee, #benefits, #timetable, #courselist {
	background: #fff;
}

#description h3 {
	color: #13588F;
}

#description {
	background:#fff url('../images/desc_bg.jpg') repeat-x top left;
}

#location, #location a {
	color: #fff;
	background: #648ABC;
}

#courses {
	background: #49658C;
	color: #fff;
}

#location a, #courses a {
	color: fff;
	text-decoration: none;
}

#introduction {
	background: #BDD2EF;
	color: #000;
}

#introduction h2 {
	margin: 0; padding: 0;
}

#introduction img {
	clear: both;
}

#description a, #trainee a, #benefits a, #timetable a, #courselist a {
	color: #13588F;
}


/* list Courses section */
/* ------------------------------------------------------------------------- */


#courselist ul {
	margin: 0; padding: 0; list-style: none;
}

#courselist li{
	clear: both;
	border-bottom: 1px solid #EBF1FA;
}

#courselist li div {
	clear: both;
}

#courselist li strong{
	float: left;
	margin: 3px; 
	font-size: 11px;
}

#courselist li a {
	float: right; 
	padding:  3px 10px 3px 10px;
	color: #fff;
	font-weight: 800;
	background: url(../images/button_viewcourses.jpg);
	text-decoration: none;
	border-bottom: #fff 1px solid;
}

#courselist li a:hover {
	background: url(../images/button_viewcourses_hover.jpg);
}

/* order Courses section */
/* ------------------------------------------------------------------------- */

#bookcourses  {
	padding-top: 15px;
}

#bookcourses .coursesdetails {
	float: left;
	display: block;
	width: 335px;
	padding: 0px 25px 0px 25px;
	width: 156px;
    voice-family: "\"}\""; 
    voice-family:inherit;
	width: 385px;
}

#bookcourses .courseoptions {
	float: left;
	display: block;
	padding-left: 10px;
	border-left: 1px solid #A9B6C9;
	width: 156px;
    voice-family: "\"}\""; 
    voice-family:inherit;
  	width: 176px;
   	margin-bottom:15px;
}

.coursesdetails table {
	width: 380px;
}


.courses table, .courses caption, .offers table, .offers caption  {
	clear: both;
	display: block;
}

.offers th, .courses th  {
	display: none;
}


.courses, .offers { 
	border-collapse:collapse;
}

.courses caption, .offers caption {
	display: table-caption;
	caption-side: top;
	width: auto;
	background: #49648C;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #fff;
}

.courses td, .offers td {
	padding: 1px 1px 1px 10px;
	color:#000000;	
	font-size: 10px;
}

.offers td {
	background: #BDD2F0;
}

.courses td {
	border-bottom: 1px solid #e2e2e2;
	background: #fff;
}

.courses a, .offers a {
	display: block;
	width: 72px;
	height: 20px;
	background: url(../images/button-booknow.gif);
}

.courses a:hover, .offers a:hover {
	background: url(../images/button-booknow-hover.gif);
}

.courses span, .offers span {
	display: none;
}

.courseoptions h4 {
	margin: 0;
}

.courseoptions p {
	padding: 3px;
	margin: 0;
}

.coursesdetails h3{
	margin-top: 0;
	margin-bottom: 10px;
	color: #6094C5;
}

.bookcomp {
	width: 176px;	
}

.courseoptions .cobutton {
	display: block;

	height: 20px;
	background: url(../images/button-h3-normal.gif);
	color: #fff;
	text-decoration: none;
}

.bookform {
	background:#D0DCEB; padding:3px; margin-bottom:5px;
	min-height:175px;
	height:auto !important;
	height:175px;
}
.courseoptions h4 {
	padding: 4px;
	font-size: 0.9em;
}

.courseoptions p {
	line-height: 1.3em;
}

/* 176 20 */

label span {
	display: block;
	float: left;
	width: 160px;
}

/*cart*/

.cart { border-collapse: collapse; }

.cart th {
	background: #2B4979;
	color: #fff;
	padding: 3px;
	border-right: 1px solid #fff;
	vertical-align: top;
}

.cart td {
	background: #D0DCEB;
	color: #000;
	padding: 3px;
	border-right: 1px solid #fff;
	vertical-align: top;

}

.cart {
	width: auto;
}


/*
Items list
--------------------------------------------
*/

.items {
	display: block;
	float: left;
	width: 115px;
/*	height: 160px;*/
	margin: 0 15px 15px 0;

	/*border: #ccc 1px solid;*/
	padding: 4px;
	height: 210px;
}

* html .items {
	height: 240px;
}

.items_image {
	width: auto;
	display: block;
	background: #000;
	height: 124px;
	text-align:center;
	border: #2B4979 1px solid;
	padding-top:8px;
	padding-bottom:8px;
}

.items_image img {
	border: none;
}

.items_name, .items_price {
	width: auto;
	display: block;
	background: #C9DFFF;

	padding: 2px;
	border-left: #2B4979 1px solid;
	border-right: #2B4979 1px solid;
	border-bottom: #2B4979 1px solid;
	text-align:center; 
}

.items_price { height:10px; text-align:center; background: #fff; }

.items_link {
	text-align: right;
}

.datatable { border-collapse: collapse; background:#DDE8F7; border:solid 1px #ccc;}

.datatable td  {
	/*border-bottom: 1px solid #6883AD;*/
	padding:5px;
}

.datatable th {
	padding:5px;
	background:#2B4979; 
	color:#fff;
}



/*
Item
--------------------------------------------*/


#item_image, #item_details {
	float: left;
	display: block;
	border: #cccccc 1px solid;
	padding: 0; margin: 0;
	margin-bottom: 7px;
}

#item_image div, #item_details div {
	width: auto;
	padding: 4px;
}

#item_image div {
	text-align: center;
}

#item_details {
	width: 350px;
}

#item_image {
	background: #DDE8F7;
	margin-right: 7px;
	width: 170px;
}




/* footer
--------------------------------------------*/

#footer {	
	background: url(../images/footer.jpg);
}

.nav_map {
	position:relative; 
	left:8px;
}

.link_map {
	display:block;
	float:left;
	width:80px;
	height:30px;
	background:#DDE8F7;
	border:solid 1px #efefef;
	border-left:solid 1px #3D78C2;
	border-bottom:solid 1px #0A2587;
	text-align:center;
	padding:3px;
	text-decoration:none;
	margin:5px;
}

.link_map_all {
	display:block;
	float:left;
	width:570px;
	height:20px;
	background:#DDE8F7;
	border:solid 1px #efefef;
	border-left:solid 1px #3D78C2;
	border-bottom:solid 1px #0A2587;
	text-align:center;
	padding:3px;
	text-decoration:none;
	margin:5px;
}

/* ------ -------------- */

#menu {
width: 175px;
background: none;
padding:0;
margin:10px;
margin-left:0px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 10px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid solid solid solid;
border-color: #648ABC;
margin: 0px;
padding: 2px 5px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #fff;
background:#21395E;
text-decoration: none;
filter:alpha(opacity=95);-moz-opacity:0.95;opacity:0.95; 
}

#menu .menuleft {
background:#21395E url(../images/arrow_right.jpg) no-repeat center right;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* new menu leve 3 =======*/

#menu ul ul ul ul{
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul ul,
div#menu ul ul li:hover ul ul ul
{display: none;}

div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul
{display: block;}

/*=================*/

.order_proceed_total_disc {
	margin:0;padding:5px; text-align:center;padding-top:40px;
}

.o_p_td {
	width:280px; border-bottom:solid 1px #fff;
}

.o_p_td img {
	vertical-align:top; float:left;
}

.o_p_td p  {
	float:left; margin:0; padding-top:0px; margin-left:5px;
}

.o_p_span_text {
	float:left;width:100px;display:block;
}
.o_p_span_price {
	width:70px; float:left; padding-top:5px; display:block; font-weight:bold; font-size:12px;
}

.border {
	background:#fff url('../images/desc_bg.jpg') repeat-x top left;
	overflow:auto;
}

.show h2 {
	font-size:14px;
	padding-bottom:10px;
	padding-top:10px;
	color:#30546F;
}