/* modified by Bryan on 28 July 2009 */

a:link {color:#555555;text-decoration:underline;}
a:visited {color:#999999; text-decoration:underline;}
a:hover {color:#FF0000; text-decoration:underline}
a:active {color:#000000; text-decoration:none;}

h1 {font-family:arial; font-size:14px; font-weight:bold;color:#FF0000; padding: 15px 0 0 0;}
h2 {font-family:arial; font-size:11px; font-weight:bold; color:#000099; padding: 10px 0 0 0;}
h3 {font-family:arial; font-size:11px; font-weight:normal;color:#000000;text-align: justify; padding-left:6px;}
h4 {font-family:arial; font-size:11px; font-weight:bold; color:#FF0000;}
h5 {font-family:arial; font-size:9px; font-weight:normal; color:#000000;}
h6 {font-family:arial; font-size:11px; font-weight:normal; color:#666666; font-style: italic;}
h7 {font-family:arial; font-size:11px; font-weight:bold; color:#0033FF; font-style: italic;}


/*Header*/
#header {
width:884px;
height:24px;
font-family:verdana;
font-size:8px;
font-weight:bold;
color:#FFFFFF;
margin: 0px auto 0 auto;
}

.mobile{
width:180px;
height:24px;
padding-left:10px;
float:left;
}

.flag{
width:600px;
height:24px;
padding-right:10px;
float:right;
text-align: right;
}
/*EndHeader*/

/*Top*/
#top {
width:884px;
height:200px;
background:url(../images/top-bg.gif) no-repeat top;
margin: 0px auto 0 auto;
}

.logo {
width:200px;
height:65px;
float:left;
clear:left;
margin:10px 0 0 10px;
}

.top-navi{
	width:650px;
	height:65px;
	float:right;
	clear:right;
	margin:10px 5px 0 0;
	font-family:verdana;
	font-size:8px;
	text-align: right;
	font-weight: bold;
}

.top-navi ul {list-style-type: none; display:inline;}
.top-navi li {padding :0 3px 0 3px;list-style-type: none;display:inline;}

/*MainPic*/
.LD-pic {
width:884px;
height:140px;
margin: 0px auto 0 auto;
clear:both;
background: transparent url(../images/LD.jpg) no-repeat top left;
}

.TECH-pic {
width:884px;
height:140px;
margin: 0px auto 0 auto;
clear:both;
background: transparent url(../images/Tech.jpg) no-repeat top left;
}

.CO-pic {
width:884px;
height:140px;
margin: 0px auto 0 auto;
clear:both;
background: transparent url(../images/CO.jpg) no-repeat top left;
}

.group-pic {
width:884px;
height:140px;
margin: 0px auto 0 auto;
clear:both;
background: transparent url(../images/group.jpg) no-repeat top left;
}

.usa-pic {
width:884px;
height:140px;
margin: 0px auto 0 auto;
clear:both;
background: transparent url(../images/smrusa.jpg) no-repeat top left;
}

.gulf-pic {
width:884px;
height:140px;
margin: 0px auto 0 auto;
clear:both;
background: transparent url(../images/smrgulf.jpg) no-repeat top left;
}

.sg-pic {
width:884px;
height:140px;
margin: 0px auto 0 auto;
clear:both;
background: transparent url(../images/smrsg.jpg) no-repeat top left;
}

.brunei-pic {
width:884px;
height:140px;
margin: 0px auto 0 auto;
clear:both;
background: transparent url(../images/smr-brunei.jpg) no-repeat top left;
}

.sales-pic {
width:884px;
height:140px;
margin: 0px auto 0 auto;
clear:both;
background: transparent url(../images/sales.jpg) no-repeat top left;
}

.community-pic {
width:884px;
height:140px;
margin: 0px auto 0 auto;
clear:both;
background: transparent url(../images/community-main.jpg) no-repeat top left;
}

.talent-pic {
width:884px;
height:140px;
margin: 0px auto 0 auto;
clear:both;
background: transparent url(../images/Talent-main.jpg) no-repeat top left;
}

/*EndMainPic*/

/*EndTop*/

/*Greyslate nav*/
#main-navi {
width:884px;
height:24px;
margin: 0px auto 0 auto;
}

.grey {
}

#slatenav{
font-size:11px;
font-weight:bold;
background:url(../images/greyslate_background.gif) repeat-x top left;
font-family:Arial;
clear:both;
}

.grey #slatenav ul{margin:0; padding:0;list-style-type:none; width:884px; height:24px;}
.grey #slatenav ul li{display:block; float:left; margin:0 0 0 4px;  padding:0px 5px 0 5px; height:24px;}
.grey #slatenav ul li a{display:block; float:left; color:#ffffff; text-decoration:none; padding:5px 8px 0px 8px; height:20px;}
.grey #slatenav ul li a:hover,.grey #slatenav ul li a.current{color:#fff;background:transparent url(../images/greyslate_backgroundOVER.gif) no-repeat top center;}
/*END Redslate nav*/ 

/*Content*/
#content {
width:884px;
background:white;
clear:both;
margin: 0 auto 0 auto;
}

#left {
width:640px;
float:left;
clear:left;
background:white;
padding: 5px 8px 5px 8px;
}

.left-coloum {
width:300px;
float:left;
padding:0 0 0 5px;
}

.left-coloum1 {
width:220px;
float:left;
padding:0 0 0 5px;
}


.left-coloum-small {
width:113px;
float:left;
padding:0 0 0 5px;
}

.left-coloum-big {
width:620px;
float:left;
padding:0 0 0 5px;
}

.right-back {
width:150px;
float:right;
padding:0 0 0 0;
}

.right-coloum {
width:300px;
float:right;
padding:0 5px 0 0;
}

.right-column {
width:400px;
float:right;
padding:0 5px 0 0;
font-family:arial;
font-size:12px;
font-weight:bold;
color:#000099;
}

#right {
width:208px;
float:right;
clear:right;
background:white;
padding:5px 10px 5px 10px;}

.rightop {
width:208px;
height:40px;
}

.rightbottom {
width:208px;
padding:0 0 10px 0;
background:url(../images/LD-upcoming-training-pro-bg.gif) no-repeat bottom;
}

.right-title {
	width:190px;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:#CC0000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}

.right-list {
	width:180px;
	margin:0 0 0 8px;
	padding: 0 0 2px 10px;
	background:url(../images/list-bullet.gif) no-repeat top left;
	font-family:arial;
	font-size:11px;
	color:#000000;
	line-height: 15px;
}

/*ENDContent*/

/* content split into left and right column */
.ttt_leftcontent {
	width:360px;
	height:auto;
	float:left;
	clear:left;
	padding-left:13px;
}
.ttt_rightcontent {
	width:250px;
	float:right;
	left: 435px;
	top: 373px;
}

fieldset{
color:#CCCCCC;
padding-top:8px;
padding-bottom:0px;
padding-left:8px;
padding-right:8px;
}

.ULalignment{
padding-left:10px;
padding-top:0px;
padding-bottom:0px;
padding-right:5px;
margin-left:10px;
margin-bottom:0px;
margin-top:0px;
margin-right:5px;
text-align:left;
}

.ULalignment li{
padding-top:4px;
padding-bottom:0px;
margin-top:4px;
margin-bottom:0px;
text-align:left;
list-style: square;
}

.ULalignment2{
padding-left:10px;
padding-top:0px;
padding-bottom:0px;
padding-right:5px;
margin-left:10px;
margin-bottom:0px;
margin-top:0px;
margin-right:5px;
text-align:left;
}

.ULalignment2 li{
padding-top:4px;
padding-bottom:0px;
margin-top:4px;
margin-bottom:0px;
text-align:left;
list-style: decimal;
}
/* End content split */

/*footer*/
#footer {
clear: both;
width:884px;
height:50px;
margin: 10px auto 0 auto;
background: transparent url(../images/footer-bg.gif) repeat-x top left;
}

.f_left {
width:420px;
font-family:arial;
font-size:10px;
padding:5px 5px 5px 5px;
float:left;
text-align: left;
}

.f_right {
width:420px;
float:right;
padding:5px 5px 5px 5px;
text-align: right;
}
/*Endfooter*/

/*Tab*/
.glowingtabs{
float:right;
clear:right;
width:638px;
font-family:arial;
font-size:11px;
font-weight:bold;
}

.glowingtabs ul{
list-style-type: none;
margin-left: 1px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
margin:0;
margin-right: 3px; /*spacing between each tab*/
padding:0 0 0 5px;
background:url(../images/tab-Left.gif);
}

.glowingtabs a span{
float:left;
display:block;
background:url(../images/tab-Right.gif) no-repeat right top;
padding: 5px 7px 3px 5px;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {
float:none;
}

/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: black;
}

.glowingtabs a.current{ /*Selected Tab style*/
background-position:0 -28px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a.current span{ /*Selected Tab style*/
background-position:100% -28px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -28px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -28px; /*Shift background image up to start of 2nd tab image*/
}

.tabcontainer{
float:left;
width:615px; /*width of 2nd level sub menus*/
height:auto;
padding : 10px 10px 10px 10px;
border:solid 1px #CCCCCC;
}
/*EndTab*/

.table{
width:610px;
margin:3px 3px 3px 3px;
}

/*tablink*/
.tablink {   width:610px;   height:18px; }

.tablink  ul{
margin:0;
margin-left: 1px; /*Left offset of entire tab menu relative to page*/
padding:0;
}
.tablink  ul li{display:inline; padding:0 8px 0 0; font-family:arial; font-weight:bold; font-size:11px; text-decoration:none; color:#666666; }
.tablink  ul li a.current {text-decoration:none; color:#CC0000}

/*ENDevent*/

.formtext {
font-family:arial;
font-size:11px;
color :#333333;
}

.function {
float:right;
background:white;
padding: 5px 0 0 0;
text-align: right;
}