/* -----------------------------
//	ImpEE Web Site Screen Style
//	Paul Robertson - Jun 2006
//
//	Main colours:
//		Green:	#76bf1d
//		Yellow:	#e8c026
//		Blue:	#4984c5
//		Purple:	#724fe5
// ----------------------------- */

body {
	background: #eee url('../images/bg.gif') center top repeat-y;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: small;
	text-align: center;
	color: #333;
}

/*---------------------------------------
	global
---------------------------------------*/

a {
	text-decoration: underline;
	background-color: transparent;
}

a:link {
	text-decoration: underline;
	background-color: transparent;
	color: #039;
}

a:active { background-color: transparent; }
a:visited{ color:#939; }
a:hover{ color:#900; }

a.ext{ background:transparent url('../images/link_ext.png') right center no-repeat; padding-right:13px; }
a.ext:visited{ background-image:url('../images/link_ext_visited.png'); }
a.ext:active,a.ext:hover{ background-image:url('../images/link_ext_active.png'); }


h1,h2,h3,h4,h5,h6 { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html { margin: 0; padding: 0 }

.hidden { display: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
.invisible { opacity: 0 }

#container {
	position: relative;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
	width: 900px;
	text-align: left;
}

/*---------------------------------------
	header
---------------------------------------*/

#header {
	position: relative;
	margin: 0;
}

#header h1 a {
	display: block;
	background: #76bf1d url('../images/impee.gif') left top no-repeat;
	color: #fff;
	width: 160px;
	overflow: hidden;
	padding-top: 64px;
	height: 0px !important;
}

#header h2 {
	position: absolute;
	color: #fff;
	font-size: 1.75em;
	font-weight: normal;
	text-align: center;
	left: 170px;
	top: 0px;
	background: #76bf1d;
	width: 730px;
	height: 64px;
	vertical-align: middle;
}
body.submenu #header h2 { background: #e8c026; }
body.intro #header h2 { background: #4984c5; }

#header h2 span {
	display: block;
	margin: 0.75em 0;
}

/*---------------------------------------
	main content
---------------------------------------*/

#main {
	margin: 10px 0;
	clear: both;
}

#content {
	position: relative;
	margin: 0 0 0 170px;
	padding: 10px;
	border: 1px solid #76bf1d;
	height: auto !important; height: 500px;
	min-height: 500px;
	line-height: 1.5em;
	clear: both;
}
body.submenu #content { border-top: none; border-color: #e8c026; }
body.intro #content { border-color: #4984c5; }
body.home #content { background: url('../images/earth.jpg') right bottom no-repeat; }

#content ul { margin: 0 0 1em 3em; list-style-image: url('../images/li1.gif'); }
body.submenu #content ul { list-style-image: url('../images/li2.gif'); }
#content ul li { padding-bottom: 1em; }

#content ol { margin: 0 0 0 3em; }

#content h3 {
	margin: 0.25em 0 1em;
	font-size: 1.33em;
	font-weight: normal;
	color: #76bf1d;
}
body.submenu #content h3 { color: #e8c026; }
body.intro #content h3 { color: #4984c5; }

#content h4 {
	margin-bottom: 0.75em;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px dotted #999;
	color: #666;
}

#content h4#resprevh {
	margin: 2em 0 0;
	padding: 1px 10px;
	background: #ddd;
	color: #666;
	border: none;
	clear: both;
}

#content #resprev, #content #resover {
	position: relative;
	margin: 0;
	border: 1px solid #ddd;
	min-height: 140px;
}
#content #resover { border-color: #fff; clear: both; height: auto !important; height: 145px; }

#content #resprev div.shadow, #content #resover div.shadow {
	position: absolute;
	left: 10px;
	top: 10px;
}

#content #resprev img, #content #resover img {
	border: 1px solid #ddd;
	background: #fff;
}

#content #resprev #txt, #content #resover #txt {
	margin: 10px 10px 10px 185px;
}

#content #resprev h5 {
	margin: 0;
	border-bottom: 1px dotted #ddd;
	color: #666;
	font-size: 0.875em;
	line-height: 1em;
	font-weight: bold;
}

#content #resprev p {
	margin: 2px 0 5px;
}

#content #resprev ul li { padding-bottom: 0; }

/* slideshow */

#content .slideshow {
	width: 542px;
}

#content .slideshow #slide {
	height: 407px;
	border: 1px solid #724fe5;
}
body.intro #content .slideshow #slide { border-color: #4984c5; }

#content .slideshow #slide img {
	/*border: 1px solid #999;*/
}

#content .slideshow #nav {
	margin-top: 10px;
	text-align: right;
	background: #724fe5;
	height: 1.5em;
	border: 1px solid #724fe5;
}
body.intro #content .slideshow #nav { background: #4984c5; border-color: #4984c5; }

#content .slideshow #nav ul {
	margin: 0;
	width: 12em;
	float: right;
	list-style: none;
}

#content .slideshow #nav div.slide-num {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	color: #fff;
}

#content .slideshow #nav form#slideChooserForm {
	/*float: left;
	margin-left: 10px;*/
	display: inline;
}

#content .slideshow #nav ul li {
	display: inline;
}

#content .slideshow #nav ul li a {
	display: block;
	width: 6em;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #724fe5;
}
body.intro #content .slideshow #nav ul li a { background: #4984c5; }

#content .slideshow #nav ul li a:hover {
	background: #fff;
	color: #724fe5;
	cursor: pointer;
}
body.intro #content .slideshow #nav ul li a:hover { background: #fff; color: #4984c5; }

#content .slideshow h4 {
	margin-top: 5px;
}

#content #slide-notes ul li { list-style-image: url('../images/li3.gif'); }

#content a.ref { vertical-align: super; }
#content ol.reference { border-top: 1px dotted #999; }
#content ol.reference li { font-size: 0.875em; }

#content ul#esd-preview, #content ul#ts-preview { margin-left: 10px; list-style: none; }
body.submenu #content ul#esd-preview { list-style-image: none; }

/* side menu */

#content #sidemenu {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 155px;
	border: 1px solid #724fe5;
	height: 407px;
}
body.intro #content #sidemenu { border: 1px solid #4984c5; }

#content #sidemenu h4 {
	margin: 0;
	padding: 1px 5px;
	color: #fff;
	background: #724fe5;
}
body.intro #content #sidemenu h4 { background: #4984c5; }

#content #sidemenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

#content #sidemenu ul li {
	margin: 0;
	padding: 0;
}

#content #sidemenu ul li a {
	display: block;
	padding: 4px 2px 4px 26px;
	border-bottom: 1px solid #4984c5;
	background-color: transparent;
	background-position: 4px 6px;
	background-repeat: no-repeat;
	min-height: 1em;
}

/*#content #sidemenu ul li.doc a { background-image: url('../images/icons/doc_big.png'); }
#content #sidemenu ul li.jpg a { background-image: url('../images/icons/jpg_big.png'); }
#content #sidemenu ul li.pdf a { background-image: url('../images/icons/pdf_big.png'); }
#content #sidemenu ul li.png a { background-image: url('../images/icons/png_big.png'); }
#content #sidemenu ul li.ppt a { background-image: url('../images/icons/ppt_big.png'); }
#content #sidemenu ul li.txt a { background-image: url('../images/icons/txt_big.png'); }
#content #sidemenu ul li.xls a { background-image: url('../images/icons/xls_big.png'); }
#content #sidemenu ul li.zip a { background-image: url('../images/icons/zip_big.png'); }*/

#content #sidemenu ul li a:hover {
	background-color: #cde;
}

#content #sidemenu ul li.ppt { /*list-style-image: url('../images/icons/ppt.png');*/ }

/* two columns */

div.twocol {  }
div.twocol .left { float: left; width: 50%; }
div.twocol .right { float: left; width: 50%; }

/* tables */

table.files { width: 100%; border: 1px solid #ddd; border-collapse: collapse; }

table.files tr {  }

table.files tr th {
	background: #f3df92;
	color: #e8c026;
	text-align: center;
	border: 1px solid #f3df92;
	font-size: 0.875em;
}
body.intro table.files tr th {	background: #cde; border-color: #cde; }

table.files tr th a { text-decoration: none; }

table.files tr td { padding: 4px 5px; }
table.files tr td.filename { text-align: left; }
table.files tr td.size { text-align: right; white-space: nowrap; }
table.files tr td.type { text-align: left; }
table.files tr.odd { background: #fff; }
table.files tr.even { background: #e9e9e9; }
table tr.even:hover, table tr.odd:hover { background: #cde; }
body.intro table tr.even:hover, body.intro table tr.odd:hover { background: #ffc; }

/* image shadows */

.shadow {
	padding: 0 5px 5px 0;
	margin: 5px 0 0 5px;
	background: transparent url('../images/shadow.png') right bottom no-repeat;
}

.shadow img { margin: -5px 0 0 -5px; }

/* slide scroller */

#slide-scroller { position: relative; margin: 0 auto; width: 551px; height: 138px; background: #fff; }
#slide-scroller #scroll-container { position: absolute; left: 21px; top: 0px; border: 1px solid #e8c026; 
									width: 506px; height: 132px; background: #eee; 
									overflow: hidden; }
body.intro #slide-scroller #scroll-container { border-color: #4984c5; }

#slide-scroller ol { position: absolute; margin: 5px 0; padding: 0; left: 0px; top: 0px; 
							list-style: none; white-space: nowrap; overflow: hidden; }
#slide-scroller ol li { display: inline; }
#slide-scroller ol li a img { border: 1px solid #666; margin-left: 5px; }
#slide-scroller ol li a:hover img { border: 1px solid #76bf1d; }
	
#slide-scroller a img { border: 0; }
#slide-scroller #left-scroll { position: absolute; width: 21px; height: 138px; 
								left: 0px; top: 0px; z-index: 100; background: #fff; }
#slide-scroller #right-scroll { position: absolute; width: 21px; height: 138px; 
								right: 0px; top: 0px; z-index: 100; background: #fff; }
#slide-scroller #left-scroll a, #slide-scroller #right-scroll a { display: block; margin-top: 55px; }

/* front page bg image */

#content img.curve { float: right; clear: right; margin: 0 0 0 1em; }
#content p.home-bg { margin-right: 175px; }
#content ul.home-bg { margin-right: 385px; }

/* feedback form */

#content form#feedback textarea { width: 400px; height: 10em; padding: 2px; border: 1px solid #76bf1d; vertical-align: top; }
#content form#feedback input.submit { width: 5em; border: 1px solid #76bf1d; background: #fff; color: #76bf1d; }
#content form#feedback input.submit:hover { cursor: pointer; background: #76bf1d; color: #fff; }
#content form#feedback input.text { width: 15em; border: 1px solid #76bf1d; padding: 2px; vertical-align: middle; }
#content form#feedback input.radio { cursor: pointer; }
#content form#feedback table { border-collapse: collapse; }
#content form#feedback table td { vertical-align: top; padding: 5px 0;}
#content form#feedback table td.radio { text-align: center; }
#content form#feedback table tr:hover { background: none; }
#content form#feedback table tr.odd {  }
#content form#feedback table tr.even { background: #eee; }
#content form#feedback table th { background: #76bf1d; color: #fff; padding: 0 10px; font-weight: normal; 
									text-align: center; border: 1px solid #fff; }
#content form#feedback select { border: 1px solid #76bf1d; }

/* tooltips */

div#toolTip { position: absolute; z-index: 1000; width: 220px; background: #76bf1d; 
				border: 2px double #fff; text-align: left; padding: 5px; -moz-border-radius: 5px; }
div#toolTip h4 { margin: 0 0 2px 0; padding: 0 0 2px 0; color: #fff; font-size: 0.875em;
					border-bottom: 1px dotted #fff; }
div#toolTip img { margin: 2px; background: #fff; border: 1px solid #333; float: right; }
div#toolTip p { margin: 0; padding: 0; color: #fff; font-size: 0.875em; }
div#toolTip p em { display: block; margin-top: 3px; color: #039; font-style: normal; font-weight: bold; }
div#toolTip p em span { font-weight: bold; color: #fff; }

/*---------------------------------------
	main menu
---------------------------------------*/

#menu {
	position: absolute;
	left: 10px;
	top: 84px;
	width: 160px;
}

/* first level menu... */

#menu ul {
	display: block;
	list-style: none;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #76bf1d;
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	display: block;
	margin: 0;
	padding: 3px 5px;
	border-bottom: 1px solid #76bf1d;
	color: #76bf1d;
	font-size: 1.15em;
	text-decoration: none;
}

#menu ul li a:hover { background: #badf8e url('../images/menu_bg_hover.jpg') left top repeat-x; }

#menu ul li a.on, #menu ul li a.on:hover { background: #76bf1d url('../images/menu_bg.jpg') left top repeat-x; color: #fff; }

/* second level menu... */

#menu ul li ul {
	border-width: 0 4px 0 0;
	border-style: solid;
	border-color: #76bf1d;
}

#menu ul li ul li a {
	border-bottom: 1px solid #76bf1d;
	color: #76bf1d;
	font-size: 0.875em;
	text-align: right;
}

#menu ul li ul li a:hover { background: #ddd; }

#menu ul li ul li a.on { background: #aaa; color: #fff; }
#menu ul li ul li a.on:hover { background: #aaa; }

/* search form */

#menu form#search { margin-top: 10px; }

#menu form#search input#search-text { width: 158px; border: 1px solid #76bf1d; }
#menu form#search input#search-button { margin-top: 5px; float: right; width: 65px; border: 1px solid #76bf1d; background: #fff; color: #76bf1d; }
#menu form#search input#search-button:hover { cursor: pointer; background: #76bf1d; color: #fff; }

/*---------------------------------------
	sub menu
---------------------------------------*/

#submenu {
	margin: 0 0 0 170px;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #e8c026;
}
body.intro #submenu { border-color: #4984c5; }

#submenu ul {
	list-style: none;
}

#submenu ul li {
	display: inline;
}

#submenu ul li a {
	display: block;
	float: left;
	padding: 3px 0;
	text-decoration: none;
	width: 145px;
	border-right: 1px solid #e8c026;
	font-size: 1.15em;
	color: #e8c026;
	text-align: center;
}
body.intro #submenu ul li a { border-color: #4984c5; color: #4984c5; }

#submenu ul li a#menu-overview { width: 110px; }
#submenu ul li a#menu-slideshow { width: 135px; }
#submenu ul li a#menu-esdts { width: 199px; }
#submenu ul li a#menu-materials { width: 140px; }
#submenu ul li a#menu-links { width: 140px; }

body.intro #submenu ul li a#menu-overview { width: 150px; }
body.intro #submenu ul li a#menu-slideshow { width: 170px; }
body.intro #submenu ul li a#menu-materials { width: 227px; }
body.intro #submenu ul li a#menu-links { width: 178px; }

#submenu ul li a:hover { background: #f3df92; }
body.intro #submenu ul li a:hover { background: #cde url('../images/submenu_blue_bg_hover.jpg') left top repeat-x; }

#submenu ul li a.on, #submenu ul li a.on:hover { background: #e8c026 url('../images/submenu_yellow_bg.jpg') left top repeat-x; color: #fff; }
body.intro #submenu ul li a.on, body.intro #submenu ul li a.on:hover { background: #4984c5 url('../images/submenu_blue_bg.jpg') left top repeat-x; color: #fff; }

/*---------------------------------------
	footer
---------------------------------------*/

#footer {
	position: relative;
	clear: both;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 2px solid #76bf1d;
	min-height: 42px;
	line-height: 1.1em;
}

#footer a#camcrest {
	position: absolute;
	top: 5px;
	left: 5px;
}
* html #footer a#camcrest { top: 10px; }

#footer a#cmi {
	position: absolute;
	top: 5px;
	right: 5px;
}
* html #footer a#cmi { top: 10px; }

#footer a img { border: none; }

#footer p {
	margin: 0 173px 0 210px;
	font-size: 0.875em;
}

/*---------------------------------------
	file icons
---------------------------------------*/
a.pdf  {
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 0 0 0 20px;
	background: transparent url('../images/icons/pdf.png') left top no-repeat;
}

a.zip {
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 0 0 0 20px;
	background: transparent url('../images/icons/zip.png') left top no-repeat;
}

a.doc {
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 0 0 0 20px;
	background: transparent url('../images/icons/doc.png') left top no-repeat;
}

a.ppt {
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 0 0 0 20px;
	background: transparent url('../images/icons/ppt.png') left top no-repeat;
}

a.xls {
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 0 0 0 20px;
	background: transparent url('../images/icons/xls.png') left top no-repeat;
}

a.png {
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 0 0 0 20px;
	background: transparent url('../images/icons/png.png') left top no-repeat;
}

a.jpg {
	voice-family: "\"}\"";
	voice-family: inherit;
	padding: 0 0 0 20px;
	background: transparent url('../images/icons/jpg.png') left top no-repeat;
}