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


body {font-family: Verdana; font-size: 0.7em;height:100%;}
a img {border: 0;}
#jumpMenu {font-family: Verdana; font-size: 10px; margin: 0 auto; color: #006EBD; width: 160px; }

/* main website container */
#container{width: 953px; margin: 0 auto;background-color: #FFFFFF;height:100%; }
/*----------------------------------------------------------------------------------------------------------------*/


/* website header consists from 2 parts left and right */
#header{width:953px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;background-color: #FFFFFF;height: 200px;display:none;}
/*----------------------------------------------------------------------------------------------------------------*/


/* left side of the header including DIVs 1st for the logo & 2nd for the search*/
#header-left{height: 200px;width: 200px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;background-color: #FFFFFF;float: left;}
#header-left-logo{height: 89px;width: 175px;margin-right: auto;margin-left: auto;margin-top: 30px;background-image: url(/etqmweb/common/client/images/en/logo_etqm.jpg);cursor:hand;}
#header-left-search{width: 190px;margin-top: 35px;margin-left: 0px;}
#searchgo{font-family: Verdana;font-size: 10px;background-color:#006EBD;color: #FFFFFF;margin-left: 5px;}
#txtSearch {font-family: Verdana;font-size: 11px;color: #006EBD;width: 110px;}
/*----------------------------------------------------------------------------------------------------------------*/


/* right header with the bannar as background image with 2 lists one for the sub-nav and the second for horiz-nav*/
#header-right{font-family: Verdana;height: 200px;width: 732px;float: right;	}

#sub-nav{color: #006EBD;float: right;display: inline;margin-top: 30px;margin-right: 30px;}
#sub-nav a {color: #006EBD;  text-decoration: none; font-size: 11px;}
#sub-nav ul{display: inline;}
#sub-nav li{display: inline;margin-right: 9px;}
#sub-nav a:hover {color: #006EBD; text-decoration: underline;}
/************************************************/

#horiz-nav{margin-top: 160px;}
#horiz-nav a {color: #FFFFFF;  text-decoration: none; font-size: 13px;}
#horiz-nav ul{display: inline;}
#horiz-nav li{display: inline;margin-left: 9px;}
#horiz-nav a:hover {color: #FFFFFF; text-decoration: underline;}
/*----------------------------------------------------------------------------------------------------------------*/

/* main body which including left , right and center DIVs*/
#main{width: 953px; margin-top:15px; height:100%;xborder:1px solid black;height:100%;background-color:#DEEFFF;}

#left{xborder:1px solid black;height:100%;width: 194px;float: left;background-color:#DEEFFF;background-image:url(/etqmweb/common/client/images/en/left_top.jpg);background-repeat: no-repeat; padding-top:15px;display:none;}
#left-adv{margin: 0 auto; text-align: center; width: 160px; background-color:#DEEFFF; color: #006EBD; padding-top: 10px; padding-bottom: 10px;}
#left-links{text-align: center;}
/************************************************/



#right {height:100%;width: 194px; float: right; background-color: #DEEFFF;  color: #006EBD; padding-bottom: 20px; position: relative; background-image:url(/etqmweb/common/client/images/en/right_top.jpg);background-repeat: no-repeat; display:none;}
#right a {color: #006EBD; font-weight: bold; text-decoration: none; font-size: 10px;}
#right a:hover {color: #006EBD; font-weight: bold; text-decoration: underline;}
#right-mye{width: 155px;margin: 0 auto; padding: 10px;}
#right-qj{width: 165px;margin: 0 auto; padding: 5px; border: 1px solid #DCDAD0;}
#right-top{width: 155px; margin: 0 auto; padding: 10px; background-color: #EAF5FF;}
#right-contact{width: 155px;margin: 0 auto; padding: 10px;background-color:#EAF5FF;}
ul#quicklinks {list-style-type: circle; list-style-position: outside;}


/************************************************/

#center{width: 100%; margin: 0 auto;background-color:#FFFFFF;height:100%;min-height: 620px}
#center-progs{}
#center-progs a {color: #000000; text-decoration: none;}
#center-progs a:hover {color: #000000; text-decoration: underline;}


#spotlight{overflow: auto; padding-bottom: 20px;}
#spotlight1{width: 266px; float: left; padding-top: 0px; line-height: 17px;}
#spotlight2{width: 266px; float: left; padding-left: 10px; padding-top: 0px; line-height: 17px;}
#spotlight1 a, #spotlight2 a,  #news a, #events a, #archives a, #programs_academic a, #programs_ce a { font-weight: normal; color: #215A9A; text-decoration: none;}
#spotlight1 a:hover, #spotlight2 a:hover, #news a:hover, #events a:hover, #archives a:hover, #programs_academic a:hover, #programs_ce a:hover {text-decoration: underline; font-weight: normal;}

#programs {width: 565px; height:100%; height:130px;}
#programs_academic {width:266px; height:112px;background-image:url(/etqmweb/common/client/images/en/programs_academic.jpg) ;background-repeat:no-repeat ;float:left;padding-top:35px;}
#programs_academic ul {margin:5px; padding:0;list-style-type:none;line-height:15px;}
#programs_academic ul li {padding-bottom:4px;}


#programs_ce {width:266px; height:112px;background-image:url(/etqmweb/common/client/images/en/programs_ce.jpg);margin-left:10px;float:left;background-repeat:no-repeat ;padding-top:35px;}
#programs_ce ul {margin:5px; padding:0;list-style-type:none;line-height:15px;}
#programs_ce ul li {padding-bottom:4px;}
        

#news {}
#news ul {padding-left:0px;margin-left:0; margin-top:0px;}
#news ul li {list-style-type:none;}
#events {padding-top:20px;}
#events ul {padding-left:0px;margin-left:0; margin-top:0px;}
#events ul li {list-style-type:none;}
#archives {padding-left:10px;}
#boxes{padding-left: 10px;}
/*----------------------------------------------------------------------------------------------------------------*/



#footer{width: 953px; margin: 0 auto; padding-top:10px;clear:both;display:none;}
#footer-nav{text-align: center;}
#footer-nav a, #footer-nav a:visited {text-align: center; color: #000000; text-decoration: none; font-size: 1.2em;}
#footer-nav a:hover {text-align: center; color: #000000; text-decoration: underline;}
#footer-text{text-align: center;}

/*Footer Links*/
#footer-nav li {display: inline;list-style-type: none;padding-right: 10px; vertical-align: middle; margin: 0 auto; }



/**** style for inner page contents [center panel]*****/
#inner_contents {	padding-left:10px;	padding-right:10px;}
#inner_contents img.complimentaryimage {padding:10px; float:right;}
#inner_contents p { 	line-height: 140%;	margin-top:0px;	text-align: justify;}
#inner_contents p.note {	padding: 4px;	font-size: 10px;	color: #386EB3;}
#inner_contents a, #contents a:visited{	color:#386EB3;}
#inner_contents a:hover{	text-decoration:underline}
#inner_contents h1,#inner_contents h2, #inner_contents h3 {	font-family: arial;	font-weight: bold;	color:  #4281AD;}
#inner_contents h1 {	font-size: 18px;	margin: 0;}
#inner_contents h1 a { text-decoration: none; color: #333; }
#inner_contents h1 a:hover { border-bottom: 1px dotted #666; color: #000; }
#inner_contents h2 {	font-size: 15px;	border-bottom: 1px solid #638DC3;	margin: 0;	background: url(/etqmweb/common/client/images/en/arrow.jpg) no-repeat ;	padding-left: 20px;	background-position:center left;	margin-top: 10px;	}
#inner_contents h3 {	font-size: 14px;	color: #386EB3;	margin-bottom: 0px;}
#inner_contents h4 {	font-size: 12px;	color: #386EB3;	margin-bottom: 0px;}
#inner_contents dd{	margin:0;}
#inner_contents ul li {padding-top:3px;padding-bottom:3px;}
.redText {color:Red;}
.redBoldText {font-weight:bold;color:Red;}

/**** style for the mcms control *****/
#cmsConsole {margin: 0 auto; width:742px; color: #386EB3; display:none;}
	#cmsConsole table {border: 0; }



/*//////// THREE COLUMN ///////*/
.threecolfull	{width: 100%;}
.threecolfull, .threecol	{border-bottom: 0; border-collapse:collapse;}
.threecol th {text-align:center;}

.threecolfull td, .threecol	td	{
	border: 0px solid #D9D9D9;
	padding: 2px 8px;
}


.even {background-color: #EDF3FE;}
.odd {background-color:  #FFFFFF;}
.Col0, .Col1, .Col2, .Col3, .Col4 {	font-weight:bold;	background-color: #AECAF3;}


.employment	{margin: 0px 0px 20px 0px;padding: 10px;border: 0;background: #ffffff;}
.employment a {	text-align: right;	display: block;}
.employment dd{	margin: 0px 0px 10px 0px;}
.employment dt{	font-weight: bold;}
.employtitle	{	padding: 3px;	font-weight: bold;	text-align: center;	background: #9EBCD6;	display: block;	font-size: 120%;}


#right_seealso{width: 155px; margin: 0 auto; padding: 10px; background-color: #EAF5FF;}
#right_seealso {background-image:url(/etqmweb/common/client/images/en/tertiary_top.gif) ;background-repeat:no-repeat ;background-position:top; }
#right_seealso ul li{padding:0px; margin-left:10px;}
#right_seealso ul {margin:0px;padding:0px;}
#right_seealso ul li a {	font-weight:normal;}
#right_seealso ul li a:hover {font-weight:normal;}


/* NIFTY */
div.nifty {	width:520px;	background:#ffffff ;	margin-bottom: 20px;	float: left;	height: auto;	border:3px solid #c3d7e9;	padding:10px;}
.nifty img{	margin: 10px 5px 0px 15px;	padding-bottom: 10px;	float: left;}
.nifty img.flag	{	margin: 15px;	float: right;}
.nifty ul{	display: block;}
.nifty li{	margin-bottom: 0.5em;}
.credentials{	margin-right: 5px;	float:left;	width:70%;	display:inline-block;}
.person_image {width:auto;float:left;}
.personname {	font-weight:bold;	font-size: 110%;	float: left;	display: block;	margin: 10px 0px 0px 5px;}
.persontitle{	color: brown;	font-size: 120%;	font-weight: bold;	display: block;	margin: 10px 5px 5px 15px;}



/* CLASSES FOR THE MEDIA GALLERY */
.mediaGalleryBorder {border:5px solid #c3d7e9;width:310px;padding:10px;margin:5px;}
.mediaGalleryFrame {width: 300px;border:0px;}
.mediaGallerySnapshot {width:300px;text-align:center;}
.mediaGalleryControls {width:100px;vertical-align:top;}
.mediaGalleryDesc {font-size:85%;}

/* CLASSES FOR THE ACADEMIC CALENDAR */
.academicCalendarMonth {font-weight:bold;}
.academicCalendarDate {text-align:center;}

/* CLASSES FOR THE REGISTRATION -> FORMS*/
.formName {text-align:center;}
.formNameBoldText {font-weight:bold;}
.formFormat {font-size:80%;}
.formDescription {}


.blueBoldText {color: #004080 ;font-weight:bold;}
.blueItalicText {color: #004080 ; font-style:italic; }
.blueItalicText80 {color: #004080 ; font-style:italic; font-size:80%;}