/*************************************Tag Styles Start***********************************************/

body{ 
background-image:url(grad.jpg);
background-repeat:repeat-x; 
margin:0px; 
background-color:#DCDCCB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

h1{ font-size:18px; color:#000099; font-weight: normal; width:760px; height: auto; display:block; padding:0 0 10px 0; margin:0px; letter-spacing:1px; }
h1.subpage{ font-size:18px; color:#000099; font-weight: normal; width:590px; height:auto; padding:0 0 18px 0; margin:0px; letter-spacing:1px; }

h2{ font-size:12px; color: #000099; font-weight: bold; width:auto; height:auto;  display:block; padding:0 0 0 0; margin:0px; letter-spacing:1px; }
h3{ font-size:15px; color: #000099; font-weight: normal; width:auto; height:auto;  display:block; padding:0 0 5px 0; margin:0px; letter-spacing:1px; }
h4{ font-size:12px; color: #000099; font-weight: normal; width:auto; height:auto;  display:block; padding:0 0 0 0; margin:0px; letter-spacing:1px; float:left; }

p{padding:0 0 10px 0; margin:0 0 0 0;}

/*************************************Tag Styles Start***********************************************/

/*************************************Menu Styles Start***********************************************/
#dropmenudiv{
	position:absolute;
	border:1px solid #E9660C;
	font:normal 12px/18px arial;
	z-index:100;
	color:#333333;
	text-decoration: none;
}

#dropmenudiv a{
width:178px;
color:#333333;
width: 100%;
display: block;
text-indent: 3px;
margin: 1px 1px 1px 1px;
text-decoration: none;
font-weight: normal;
}

#dropmenudiv a:hover{ /*hover background color*/
width:178px;
margin: 1px 1px 1px 1px;
background-color: #2436D5;
color:#ffffff;
}

#navigation {
	position: absolute;
	width: 770px;
	height: 24px;
	display: block;
	padding:0px 4px 0px 4px;
	top: 103px;
	left: 0px;
	z-index: 10;}

.menu{height: 24px; width: 110px; display: block; background-image:url(menu-grad.jpg); background-repeat:repeat-x; color: #ffffff; text-decoration:none; line-height:24px; text-align:center;}
.menu:hover{ text-decoration:none; color: #ffffff; background-image: url(menu-grad-over.jpg); background-repeat:repeat-x;}

.menu1{height: 24px; width: 110px; display: block; background-image: url(contactus.jpg); background-repeat:repeat-x; color: #ffffff; text-decoration:none; line-height:24px; text-align:center;}
.menu1:hover{ text-decoration:none; color: #ffffff; background-image: url(contactus-over.jpg); background-repeat:repeat-x;}	

ul.list-ul{padding-top:12px; padding-bottom:12px; margin:0px;}
li.list-li{padding:0px; margin-bottom:5px; margin-left:30px;}

ul.menu-ul{list-style:none; padding:0px; margin: 0px;}
li.menu-li{float: left; padding: 0px; margin: 0px; }

/**************************************Menu Styles End************************************************/

/************************************* Side Menu Start ***********************************************/

ul.submenu-ul{list-style:none; padding:0 0 10px 0; margin: 0px;}
li.submenu-li{float: none; padding: 0px; margin: 0px; }

li.submenu-li a{ border-bottom:1px solid #FFD2A6; border-right:5px solid #FFF; width:150px; height:21px; display:block; line-height:21px; float: none; padding: 0 0 0 10px; margin: 0px; color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; background-image:url(sub-grad.jpg); background-repeat:repeat-y;}
li.submenu-li a:hover{text-decoration: none; background-image:url(sub-grad-over.jpg); background-repeat:repeat-y;}

li.submenu-li1 a{ border-bottom:1px solid #FFD2A6; border-right:5px solid #FFF; width:150px; height:21px; display:block; line-height:21px; float: none; padding: 0 0 0 10px; margin: 0px; color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; background-image:url(top-sub.jpg); background-repeat: no-repeat;}
li.submenu-li1 a:hover{text-decoration: none; background-image: url(sub-top-over.jpg); background-repeat: no-repeat;}

li.submenu-li2 a{width:150px; height:21px; border-right:5px solid #FFF; display:block; line-height:21px; float: none; padding: 0 0 0 10px; margin: 0px; color: #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; background-image: url(sub-bottom.jpg); background-repeat: no-repeat;}
li.submenu-li2 a:hover{text-decoration: none; background-image: url(sub-bottom-over.jpg); background-repeat: no-repeat;}

/*************************************** Side Menu End ***********************************************/


/*************************************** Page structure start ***********************************************/

#banner {position:relative; width:778px; height:132px; display:block; background:url(../images/banner-bg.jpg); background-repeat:no-repeat;}
#logo{position:relative; width:117px; height:82px; display:block; top:12px; left:16px;}
#flash{position: absolute; width:630px; height:100px; display:block; top:6px; left:132px;}
#content-container{position:relative; width:778px; height:auto; display:block; background-image: url(../images/main-border.jpg); background-repeat: repeat-y;}
#topborder{ position:absolute; top:0px; left:0px; width:778px; height:426px; display:block; background-image:url(../images/main-bg-curve.jpg); background-repeat:no-repeat; z-index:1;}
#content{position:relative; top:0px; left:0px; width:762px; min-height:400px; display:block; z-index:2; padding:10px 8px 8px 8px;}
#content-text{padding: 0 0 0 3px;}
#bottom-menu{position:relative; width:778px; height:27px; display:block; background-image:url(../images/bottom.jpg); background-repeat:no-repeat;}

/*************************************** Page structure End ***********************************************/

/*************************************** General page start ***********************************************/

#course-details {position:relative; width:160px; height:34px; display:block; margin-bottom:10px;}
#course-details a{width:160px; height:32px; padding:2px 0 0 0; display:block; color:#FFFFFF; text-decoration:none; background-image:url(course-details.jpg); background-repeat:no-repeat;}
#course-details a:hover{ background-image:url(course-details-over.jpg); background-repeat:no-repeat;}

#course-details-title{font-weight:bold; letter-spacing:4px;}



#sales-box{ position:relative; width:236px; height:81px; display:block; float: right; background-image:url(sales-message-box.jpg); background-repeat:no-repeat; border-left:5px solid #ffffff; border-bottom:5px solid #ffffff; padding:6px;}
.Salestitle{
	font-size:14px;
	color:#CC0000;
	font-weight: bold;
	letter-spacing:1px;
	text-align: center;
}

.link{font-size:12px; color:#000099; font-weight: normal; letter-spacing:1px; text-decoration:none; cursor:hand;}
.link:hover{text-decoration: underline;}

.textlink {
	color: #000000;
	text-decoration: none;
}
.textlink:hover {
	text-decoration: underline;
}

.bottom-menu {font-size: 10px; color: #FFFFFF; padding: 0 10px 0 10px; line-height: 24px;}
.bottom-menu a{ text-decoration:none; color:#FFFFFF;}
.bottom-menu a:hover{text-decoration: underline;}

/*************************************** General page End ***********************************************/
.link2 {
font-size:11px; color:#000099; font-weight: normal; letter-spacing:normal; text-decoration:none; cursor:hand;
}
.link2:hover{
font-size:11px; color:#000099; font-weight: normal; letter-spacing:normal; text-decoration: underline; cursor:hand;
}
/*************************************** Course Table Start ***********************************************/

#booking {color:#333333;}
#booking strong, b{color:#555555;}
#booking td{line-height:22px; padding:0 0 0 5px;}
#booking input{margin-top:4px;} 

#booking a.remove{ color:#FFFFFF;text-decoration:underline;}
#booking a.remove:hover{text-decoration:none;}


#course {color:#333333;}
#course p{padding:0 3px 0 5px; margin:0;}
#course td{line-height:22px;}

#course1 {color:#333333;}
#course1 p{padding:0 3px 0 5px; margin:0;}
#course1 td{line-height:18px; border-right:2px solid #ffffff;  border-bottom:2px solid #ffffff;}

td.title1sub1, td.title1sub2, td.title1sub3, td.title1sub4, td.title1sub5, td.title1sub6, td.title1sub7, td.title1sub8, td.title1sub9, td.title1sub10, td.title1sub11, td.title1sub12, td.title2sub1, td.title2sub2
{
color:#FFFFFF; 
font-weight:bold; 
}


tr.title1{background-color: #1C5584; color:#FFFFFF; font-weight:bold;}
td.title1sub1{background-color: #205F93;}
td.title1sub2{background-color: #22679F;}
td.title1sub3{background-color: #246BA6;}
td.title1sub4{background-color: #2671AE;}
td.title1sub5{background-color: #2777B8;}
td.title1sub6{background-color: #287BBF;}
td.title1sub7{background-color: #2980C7;}
td.title1sub8{background-color: #2B85CE;}
td.title1sub9{background-color: #318BD5;}
td.title1sub10{background-color: #3F93D8;}
td.title1sub11{background-color: #4798DA;}
td.title1sub12{background-color: #46A2D2;}

tr.title2{background-color: #F47400; color:#FFFFFF; font-weight:bold;}
td.title2sub1{background-color: #FB8A24;}
td.title2sub2{background-color: #F1A43A;}

#course a{position:relative; width:60px; height:22px; display:block; color:#555555; font-weight: normal; text-decoration:none;}
#course a:hover{ color:#FFFFFF; font-weight: bold; background-color:#666666;}

#iso14001{position:absolute; top:860px; height:1px; width:1px; display:block;}
#ohsas18001{position:absolute; top:1030px; height:1px; width:1px; display:block;}
#ts16949{position:absolute; top:1150px; height:1px; width:1px; display:block;}
#as9100{position:absolute; top:1275px; height:1px; width:1px; display:block;}
#ims{position:absolute; top:1400px; height:1px; width:1px; display:block;}

.error{ color:#FF0000; line-height:17px;}
.errorbox{ border:1px solid #FF0000;}

.printer{color:#333333; height:30px; line-height:25px; padding:4px 0px 4px 35px; background-image:url(printer.jpg); background-repeat:no-repeat; background-position:left;}
.printer{ text-decoration:none;}
/*************************************** Course Table End ***********************************************/