body {
	margin: 0 ;
	font: normal 1em "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	background: #fff none;
}

h1,h2,h3,h4,h5,p,form {
	margin: 0;
}

h1 { font: bold 1.5em "Trebuchet MS", Trebuchet, Verdana, sans-serif; }
p { font: normal 0.8em "Trebuchet MS", Trebuchet, Verdana, sans-serif; }

a { color: #036; } a:hover { color: #00f }
a img { border: 0 }

br { clear: both }

#loading {
	font: normal normal 1em/1.5em "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	color: #EAEAEA; padding: 2px; background-color: #036;  display: inline
}

#index { 
	width: 770px;
	margin: 0 auto;
	border: solid 1px #f4f4f4;
	border-top: none; border-bottom: none;
}

.clear {
	clear: both;
	float: none;
}

#st {
	width: 120px; height: 24px; background-color: #003366; text-align: center;
	position:absolute; top: 50%; left: 50%; margin-top:-21px; margin-left: -120px;
	color: #FFFFFF; font: normal normal 1.1em "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}
#header {
	background: #036
}

#header-pic-news {
	clear: both;
	float: none;
	height: 111px; overflow: hidden;
}

#header-pic {
	float: left;
	height: 111px;
	width: 622px;
	border-bottom: solid 2px #F4F4F4;
}
#header-pic img { float: left; }

#header-news {
	float: left;
	width: 140px; min-width: 141px;
	height: 106px;
	background: #fff url(/resource/gfx/n-bg.png) repeat-x 0 0;
	border-bottom: solid 2px #F4F4F4;
	padding-top: 5px; padding-left: 3px; padding-right: 3px;
}
#header-news h2 {
	margin-left: 0.2em;
	font-size: 0.9em;
	padding-left: 18px;
	color: #255A9A;
	background: url(/resource/gfx/icon_feeds.gif) no-repeat 0 3px;
	padding-top: 2px;
}

#header-news h2 a { color: #255A9A; text-decoration: none }
#header-news h2 a:hover { color: #255A5A; text-decoration: none }

#header-news p {
	margin: 0.2em;
	font-size: 0.8em;
	color: #1E1E1E;
	line-height: 1.2em;
}

#header-news p a { color: #000; text-decoration: none }
#header-news p a:hover { color: #3C3C3C; text-decoration: none }

/* header \/ menu */

#lmenu {
	background: #036;
	margin-left: 65px;
	height: 22px;
}
#lmenu ul {
	background: #036;
	margin: 0; padding: 0;
	list-style: none;
}

#lmenu a {
	text-decoration: none;
	font: normal 0.8em/1em "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}

#lmenu ul li {
	position: relative;
	float: left;
	width: 115px;
}
#lmenu ul li ul li {
	width: 140px;
}
	
#lmenu li ul {
	position: absolute;
	left: 0;
	top: auto;
	display: none;
}

#lmenu ul li a { font-weight: bold; text-align: center }
#lmenu ul li ul li a { font-weight: normal; text-align: left }

#lmenu ul li a {
	display: block;
	text-decoration: none;
	padding:5px;
	color: #FFFFFF;
	background: #036; /* MSIE */
	padding: 5px;
	border-bottom: solid 1px #004080;
}

* html #lmenu ul li a {height:1%;border-bottom: solid 1px #004080;} /* hack */


#lmenu li:hover a, #lmenu li.over a,
#lmenu li:hover li a:hover, #lmenu li.over li a:hover {
   color: #000;
   background-color: #CCCCCC;
	 filter: alpha(opacity=80);
	 moz-opacity: 0.8;
	 Opacity: 0.8
}

#lmenu li:hover li a, #lmenu li.over li a {
   color: #FFFFFF;
   background-color: #036;
	 padding:5px;
}

#lmenu li ul li a { padding: 2px 5px; border-bottom: solid 1px #004080; }
#lmenu li:hover ul, #lmenu li.over ul { display: block; }

/* conten \/ left // right (Z) */

#content {

}
#page-left {
	float: left;
	padding-top: 1em;
	padding-left: 3px;
	width: 197px;
}

#page-right {
	background: #fff url(/resource/gfx/s.png) repeat-y 0 0;
	float: left;
	width: 400px;
	padding: 0.6em 0 0.6em 0.7em;
}

.side {
	padding: 5px 7px 7px 7px;
}

h3.exp {
	font-size: 0.8em;
	margin-left: 8px;
	margin-bottom: 0.2em;
}
h3.exp img {
	float: left;
}

h3.exp a {
	color: #5D5D5D;
	text-decoration: none;
}
h3.exp a:hover {
	color:#0033CC;
	text-decoration: underline;
}

#exp-pn-1, #exp-png-4object {
	background: #fff url(/resource/gfx/sr1.png) no-repeat 0 0;
	width: 179px;
	height: 29px;
}

#exp-pn-4 { background: #fff }

#exp-pn-3 {
	margin-left: 0.1em;
	padding: 12px 7px 0 7px;
	background: #fff url(/resource/gfx/pn.png) no-repeat 0 0;
	width:165px;
	height:68px;
	overflow: hidden;
}

#sPanel-Info {
	font-size: 0.8em;
	line-height: 1.3em;
}

#sPanel-Info a {
	color: #03c; text-decoration: none; padding: 0.2em;
}
sPanel-Info a:hover {
	color: #00f; text-decoration: underline
}

#q {
	border: 0;
	width: 142px;
	font: normal 0.9em "Trebuchet MS", sans-serif;
	color: #3E3E3E;
	margin-left: 11px;
	margin-top: 5px;
	float: left;
}

#search-2 {
	background: #fff url(/resource/gfx/sr2.png) no-repeat 0 0;
	text-indent: -5000px;
	text-decoration: none; font-size: 0;
	width: 20px; height: 19px;
	margin-top: 5px;
	float: left;
}

#search-2:hover {
	background-position: 0 -20px;
}

#txt-1 {
	width: 179px;
	height: 29px;
	background: #fff url(/resource/gfx/sr1.png) no-repeat 0 0;
}

#txt-1.n { 	background-position: 0 0; }

#txt-1.e { 	background-position: 0 -29px; }

#user {
	border: 0;
	width: 156px;
	font: normal 0.9em "Trebuchet MS", sans-serif;
	color: #3E3E3E;
	margin-left: 11px;
	margin-top: 5px;
	float: left;
}
#txt-2 {
	background: #fff url(/resource/gfx/sr1.png) no-repeat 0 0;
	width: 179px;
	height: 29px;
}
#pass, #mail {
	border: 0;
	width: 142px;
	font: normal 0.9em "Trebuchet MS", sans-serif;
	color: #3E3E3E;
	margin-left: 11px;
	margin-top: 5px;
	float: left;
}

#login-submit, #newsletter-go {
	background: #fff url(/resource/gfx/sr3.png) no-repeat 0 0;
	text-indent: -5000px; font-size: 0;
	text-decoration: none;
	width: 20px; height: 19px;
	margin-top: 5px;
	float: left;
}

#login-submit:hover {
	background-position: 0 -20px;
}

#loginnav {
	font: normal 0.8em "Trebuchet MS", sans-serif;
	color: #aaa;
	background: #fff
}

#loginnav a { text-decoration: none }
#loginnav a:hover { color: #003399; border-bottom: solid 1px #ccc; }

#sPanel {
	background: #fff;
	cursor: pointer;
}

#sPanel-Img {
	clear: both;
	text-align: center;
	cursor: pointer
}


/* home \/ right */

#home-items {
	padding-top: 15px;
	padding-left: 10px;
	width: 540px;
	margin: 0 auto;
	cursor: pointer;

}

#home-items a {
	color: #003366;
	text-decoration: none;
	display: block; float:right;
	font: bold 1em "Lucida Sans Unicode", Verdana, sans-serif;
	height: 14px;
	background: #fff url(/resource/gfx/bullet.gif) no-repeat 0 2px;
	padding-left: 14px; padding-right: 2px;
}

.imgItem {
	float: left;
	margin-right: 1em;
	margin-bottom: 2.8em;
}

#home-items div.n {
	background: #fff url(/resource/gfx/home-item-bg.jpg) no-repeat 0 0;
	color: #4A4A4A;
	float: left;
	margin-right: 0.5em;
	margin-bottom: 1em;
	width: 246px; height: 130px;
	padding: 10px 5px 10px 10px;
	overflow: hidden;
}

#home-items h1 {
	font: bold 1.1em "Trebuchet MS", Trebuchet, sans-serif;
}

#home-items p {
	font: normal 0.8em/1em "Trebuchet MS", Trebuchet, sans-serif;
}

/* footer \/ bottom */

#footer {
	clear: both; float: none;
	width: 550px; padding-bottom: 1em; padding-top: 0.1em;
	color: #444; word-spacing: 0.2em
}
#copy p {
	font: normal 0.7em "Lucida Sans Unicode", Verdana, sans-serif;
	text-align: center;
}
address {
	font: normal 0.7em "Lucida Sans Unicode", Verdana, sans-serif;
	padding: 0; margin: 0;
	font-style: normal;
	text-align: center;
}
address a { color: #222; text-decoration: none }
address a:hover { color: #000; text-decoration: underline }

#Standards img {
	padding: 0.2em 0;
}
#Standards a img {
	margin: 0 0.1em;
}
#techdynamis {
	padding: 0 0.1em 0.1em 0.1em;
}
#techdynamis:hover {
	background: #fafafa;
	border-bottom: solid 1px #999999;
}


/* About IQ */
#aboutiq h1 { color: #fff; font-size: 1em }
#aboutiq h3 { font-size: 1em; color: #fff; padding-left: 8px; padding-top: 2px; margin-bottom: 6px  }

#aboutiq .s {
	background: #fff url(/resource/gfx/t2.png) no-repeat 0 0;
	width: 202px; padding-top: 1px; padding-left: 7px; margin-bottom: 0.5em;
}
#aboutiq .r {
	margin-top: 10px;
	float: left; width: 212px; margin-left: 10px
}
#iqtext {
	padding: 0 10px 0 10px;
	background: #fff url(/resource/gfx/t1.png) no-repeat 0 0; width:515px;
	float: left; margin-left: 5px; margin-top: 10px;
	font-size: 1.2em; text-align: justify
}

#aboutIQmenu {
	padding-top: 10px
}
#aboutIQmenu, #aboutIQmenu li {
	list-style-image: none; list-style-type: none;
	margin: 0; padding: 0 0 0 1px;
	display: block;
}
#aboutIQmenu li { padding: 4px 0 }
#aboutIQmenu li a {
	background-image: url(/resource/gfx/iqmnuitem.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none; display: block;
	height: 18px; padding-left: 22px; color: #666;
	font: normal bold 0.9em "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}
#aboutIQmenu li a:hover, #aboutIQmenu li a.active { color: #000099; background-position: 0 -18px }

/* Form Contact */

#fContact {
 text-align: center;
}	
#fContact label, #fContact input, #fContact textarea {
	font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
}
#fContact label {
	margin-top: 4px;
	display: block; float: none; clear: both; text-align: left;
	font-weight: bold
}
#fContact br { clear: both; float: none }

#fContact .txt, #fContact textarea {
	width: 500px
}

#fContact textarea {
	height: 250px; background: #fff url(/resource/gfx/_txtarea.png) no-repeat 0 0;
	border: 0; padding: 2px 0 0 2px; width: 526px !important
}

.iq-textbox span { height: 28px; width: 13px; display: block; float: left; }

.iq-textbox .txt_S {
	background: #fff url(/resource/gfx/_txt_S.png) no-repeat 0 0;
}

.iq-textbox input {
	margin: 1px 0 0 0; padding: 1px 0 0 0; border: 0; height: 26px; float: left;
	background: #fff url(/resource/gfx/_txt_B.png) repeat-x 0 0;
	font-size: 1.1em;
}

.iq-textbox .txt_E {
	background: #fff url(/resource/gfx/_txt_E.png) no-repeat 0 0;
}

/* IQ */

		#iq-content {
			float:left; width: 538px; min-height: 212px;
			padding-left: 12px;
		}
		
		* html > #q-content {
			height: 212px;
		}

		.iq-sidebar {
			width:211px;
			min-height:317px;
			float:left; background-image: url(/resource/gfx/_sidebar_iq1.png);
		}
		
		* html .iq-sidebar  { height: 317px }
		
		.iq-sidebar ul {
			margin: 30px 15px 15px 15px; padding: 0;
			list-style-type: none;
			list-style-image: none;
		}
		
		.iq-sidebar ul li, .iq-sidebar ul li a {
			display: block; height: 22px; padding: 1px
		}
		
		.iq-sidebar ul li a {
			padding-left: 10px; color: #313131;
			text-decoration: none;
			font: normal normal 1em "Trebuchet MS", Trebuchet, Verdana, sans-serif;
			background: transparent url(/resource/gfx/bullet.gif) no-repeat 6px 6px;
			padding-left: 23px; border: solid 1px #fff;
		}
		
		.iq-sidebar ul li a:hover {
			background-color: #EAF4FF; color: #000;
			border-color: #D2E9FF;
		}

span.msg {
	font: normal normal 0.9em "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	padding: 4px; background-color: #FFFFE6; border: solid 1px #E6E6E6; display: block
}

#iq-about p {
	font: normal normal 1em/1.6em "Trebuchet MS", Trebuchet, Verdana, sans-serif;
	color: #3C3C3C;
}