/* CSS Document */
body {	
	background-color:#fefefe;
	margin: 0px;
	padding: 0px;
	font-family:"Lucida Sans Unicode", Tahoma, Arial;
	font-size:12px;
	color:#666666;
}
td{font-size:12px;}

a{ text-decoration:none; color:none; color:#0080FF; }
a:hover{ text-decoration:none; color:none; color:#0080FF; }

/* layout */
#container {
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#columnleft{ width:213px; padding-top:8px; float:left;}
#columnright{ width:700px; float:left; overflow:visible; padding-top:10px; }
.center{ text-align:center; }
#content_container{ padding-left:2px; }
#icon3colors{ background:url(../../auxil/img/icon-3colors.gif) bottom right no-repeat;width:1000px; position:absolute;  }

a.greylink:hover{color:#666666; text-decoration:underline; }

/* MENU */
#mymenu { position:relative; padding:30px 0 0 170px; }

/* Header */
#flashtop{ z-index:1; }
.logohi{ float:left; width:160px; }
.logohc{ float:left; width:168px; }
.topcenter{ float:left; width:632px; }
.topmarquee{ background:url(../img/bg-marquee.gif) top left no-repeat; width:468px; height:22px; margin-top:40px; margin-left:15px; padding:2px 24px 0 116px;  }



.left-navi-containter{ width:186px; background:url(../img/left-nv-bg-bottom.jpg) bottom left no-repeat; padding-bottom:20px;    }
#left-navi-inner{ padding:20px 10px 20px 10px; background:url(../img/left-nv-bg-top.jpg) top left no-repeat; } 
.left-navi-norm{ background:url(../img/navi/leftnavi-norm.gif) top left no-repeat; width:165px; height:22px; padding:6px 0px 0px 30px !important;border-bottom:#eaeaea solid 1px; color:#8f6662; font-weight:bold; }
.left-navi-sel{ background:url(../img/navi/leftnavi-sel.jpg) top left no-repeat; width:165px; height:22px; padding:6px 0px 0px 30px !important; border-bottom:#eaeaea solid 1px; color:#FFFFFF; font-weight:bold;}
.left-navi{ background:url(../img/icon-arrow.gif) 0px 5px no-repeat; padding:4px 0 4px 15px; border-bottom:#CCC solid 1px; }
.leftlink-navi span{ padding:2px 5px;}
a.leftlink-navi-norm{ text-decoration:none;color:#666;  font-size:15px;}
a.leftlink-navi-norm:hover{ text-decoration:underline;color:#666; font-size:15px; }
a.leftlink-navi-sel{ text-decoration:none;color:#97c83c; font-size:15px; }
a.leftlink-navi-sel:hover{ text-decoration:underline;color:#97c83c; font-size:15px; }

/* Contact */
.contact-bg-top{ background:url(../img/contact/contact-bg01.gif) bottom left no-repeat; width:100%; min-height:400px; padding:10px; overflow:visible; }
.contact-bg-bottom{ background:url(../img/contact/contact-bg02.gif) top left no-repeat; width:100%; min-height:400px; padding:10px; }
.contact-field{ border-top:#c1c1c1 solid 1px; border-bottom:#eaeaea solid 1px; text-align:right; font-size:12px; padding-right:5px; }
.contact-input{ width:412px; height:20px; background-color:#f7f7f7; border:#eaeaea solid 1px; }
.contact-textarea{ width:412px; height:80px; background-color:#f7f7f7; border:#eaeaea solid 1px; }
.button-contact-submit{ padding:0px; margin:0px; border:none; background:url(../img/contact/buttsubmit.gif) top left no-repeat; width:81px; height:23px; }
.button-contact-reset{ padding:0px; margin:0px; border:none; background:url(../img/contact/buttreset.gif) top left no-repeat; width:81px; height:23px; }

/* Careers */
#career_contact{ background:url(../img/jobs/jobs-large.jpg) top left no-repeat; width:670px;; height:176px; }

.job-num{ float:left; color:#ff7200; font-size:11px; width:30px; text-align:center; }
.job-detail{ float:left; width:625px; }
.job-title{ color:#2e3192; font-size:14px; }
.job-loc{ color:#cfb67d; font-size:12px; }
.job-hr{ background:url(../img/double-dot-line.jpg) top left repeat-x; height:6px; clear:both; }
.closing{ color:#CC0000; font-size:12px; }
.job-info{ background-color:#faf9fb; }

.job-desc{ float:left; padding-left:30px; }

/* e-Resume */
#app-from{ padding:20px 10px;  }
.dotted-hr{border-bottom:#eaeaea dotted 1px;padding:5px 0;margin-bottom:10px;}
.form-resume{ font-size:13px; color:#666666; } 
.resume-input{ width:396px; height:20px; padding:0; border:#c9c9c9 solid 1px; font-size:12px; }
.lightborder{ border:#c9c9c9 solid 1px; }
.resume-upload{ background:url(../img/butt-browse.jpg) top left no-repeat; border:none; width:107px; height:20px }

/* news & events */
#headline{ padding:8px 0 8px 0; border-top:#b4bbc3 solid 1px; border-bottom:#d6d6d6 solid 1px; color:#3d3d3d; background-color:#f0f0f0; font-weight:bold; }
.headline-title{ color:#014672; }
.articles td{ color:#2e3192; font-size:12px; padding:3px 0; border-bottom:#d6d6d6 solid 1px;}
a.darklink{color:#666; text-decoration:none; font-size:13px;}
a.darklink:hover{color:#666; text-decoration:underline; font-size:13px;}
.newsthumb{ padding:5px; float:left; text-align:center; vertical-align:middle; margin-right:5px;   }
.thumbs_container{ padding:10px; border-top:#97c83c solid 2px; margin-top:10px;}
.video_container{ padding:10px; border-top:#97c83c solid 2px;  margin-top:10px;}
.artitems{ color:#666; background-color:#fafafa; border-bottom:#d6d6d6 solid 1px; padding:8px 0; }
.itemnum{width:60px;text-align:center;float:left;}
.itemheadline{width:500px;float:left;}
.itemdate{width:100px;text-align:left;padding-left:5px; float:left;}
.itemsel{ background-color:#fafafa;}

/* Cocuricular */
ul.rcircle{ list-style:url(../img/icon-circle.gif);  padding:0 0 0 10px; margin:0 0 0 10px; }
ul.rcircle > li{margin-bottom:15px;}

ul.small{ list-style:none; list-style:disc !important; }
ul.small li{margin-bottom:1px;}

ul.rclosecircle{ list-style:url(../img/icon-circle.gif); padding:0 0 0 10px; margin:0 0 0 10px; }
ul.rclosecircle li{margin-bottom:3px;}
/* coc */
.num_textgreen{padding:3px 4px; font-size:15px;color:#fff; background-color:#97c83c;}
.num_textlblue{padding:3px 4px; font-size:15px;color:#fff; background-color:#00aeef;}
.num_textlyellow{padding:3px 4px; font-size:15px;color:#fff; background-color:#ffd400;}

.yellow15{ color:#ffd400; font-size:15px;}

/* General */
.floatleft{ float:left; }
.floatright{ float:right; }

.clearboth{ clear:both; }
.textblue{color:#2e3192;}
.textwhite{color:#FFF;}
.textgreen{color:#97c83c;}
.textlblue{ color:#00aeef;}
.textlyellow{ color:#ffd400;}
.font14{ font-size:14px;}
.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font15{ font-size:15px;}
.font23{font-size:23px;}

/* Contact */
.contact-formbg{background:url(../img/contact-enquiry-bg.jpg) top left no-repeat; width:726px; padding-top:60px; padding-bottom:60px; }

.button-contact-submit{ padding:0px; margin:0px; border:none; background:url(../img/butt-submit.jpg) top left no-repeat; width:87px; height:27px; }
.button-contact-reset{ padding:0px; margin:0px; border:none; background:url(../img/butt-reset.jpg) top left no-repeat; width:88px; height:27px; }

/* Form */
.button-submit{ padding:0px; margin:0px; border:none; background:url(../img/butt-send.jpg) top left no-repeat; width:78px; height:20px; }

/* Footer */
#footer-pre {width:321px; opacity:0.9; filter:alpha(opacity=90); background-color:#edca2d; color:#fff; font-size:18px; padding:5px 0px 5px 0px; float:left; text-align:center;  }
#footer-intl {width:322px; opacity:0.9; filter:alpha(opacity=90); background-color:#699132; color:#fff; font-size:18px; padding:5px 0px 5px 0px; float:left;text-align:center;   }
#footer-pte { width:322px;opacity:0.9; filter:alpha(opacity=90); background-color:#0e88b8; color:#fff; font-size:18px; padding:5px 0px 5px 0px; float:left;text-align:center;   }

.footer-green-title{ color:#97c83c; font-size:12px;}
a.footer-green-title{ color:#97c83c; font-size:12px; text-decoration:none;}
a.footer-green-title:hover{ color:#97c83c; font-size:12px; text-decoration:underline;}

ul.footercls{ list-style:disc; font-size:7px; color:#FFF; list-style-position:inside; margin:0;padding:0;}
a.footer-white-link{ color:#fff; font-size:12px;text-decoration:none;}
a.footer-white-link:hover{ color:#fff; font-size:12px; text-decoration:underline;}


#footer-content{width:965px;opacity:0.9; filter:alpha(opacity=90); background-color:#477389; color:#fff; font-size:18px; padding:5px 0px 10px 0px;  float:left; }
#footer-content-bottom{width:965px;opacity:0.9; filter:alpha(opacity=90); background-color:#477389; color:#fff; font-size:18px; height:4px;  float:left; }
#footer-grey{color:#9f9f9f; font-size:10px; float:right;width:965px; padding:5px 20px 5px 0; clear:both;}

a.blacklink{ color:#333333;text-decoration:none; }
a.blacklink:hover{color:#333333; text-decoration:underline; }
.muakdesign{ margin-right:35px; }
.resolution{ color:#8c8c8c; font-size:9px; text-align:left; }

/* back to top  bottom:100px;right:10px;*/
#totop{ position:fixed; bottom:5px; right:5px; }

/* tabs */
.tabs {
	width: 100%;
	/*height: 31px;*/
	padding-bottom:4px;
}
.tabs a {
	/*float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab_3.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;position: relative;top: 1px;*/
	text-decoration: none;
	z-index: 1;
	
	
}
.tabs a.selected {
	/*background: #FFFFFF url('../image/tab_3.png') repeat-x;padding-bottom: 8px;*/
	border-bottom: 0px;
	z-index: 3;
}
.tab_page {
	/*border: 1px solid #DDDDDD;padding: 10px;margin-bottom: 10px;display: block;*/
	background: #FFFFFF;	
	z-index: 2;	
}

/**** WYSIWYG ****/
div#contentcontainer{ background-color:#FFFFFF; }


<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div{visibility:hidden;position:absolute;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover>ul{left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:auto;
		background-color: transparent;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		text-decoration:none;
		
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{			
		text-decoration:none;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		text-decoration:none;
    }


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		width:175px;
		padding:0px;
		margin:11px 0px 0px 18px;
		background-color:#fefefe;
		border-right:#ccc solid 4px;
		border-bottom:#ccc solid 2px;		
	}

	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div dev, #qm0 ul ul
	{	
		margin-left:0px;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 40px 3px 5px;
		margin:0px;
		background-color:transparent;
		color:#2e3192;
		font-size:14px;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		background:none;
		background-color:#2e3192;
		color:#ffffff;
		text-decoration:none;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#2e3192;
		color:#fff;
		text-decoration:none;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#2e3192;
		color:#000;
	}

.floatBody
{
	margin-top: 25px;
}

/* IE6 only */
/*\*/
* html .floatBody
{
	margin-top: 0px;
}

* html #qm0 a
{
	border-color: #2e3192;
}

* html #qm0 a:hover
{
	border-bottom: #2e3192;
}

* html #qm0 div, #qm0 ul	
{	
	margin-top:0px;
	
}
* html #qm0 div a, #qm0 ul a	
{	
	border-width:0px;
}
* html #qm0 div a:hover	
{	
	border: 0px;
}

/* Menu Web Site */

	
/* END - Menu Web Site */