﻿/*global elements*/
html { overflow-y: scroll; }

*{
	margin: 0px;
	padding: 0px;
}
body{
	margin: 5px;
	padding: 0px;
	background-color:#000000;
	color: white;
	font: 16pt "Times New Roman";
	line-height: 1.0em;
}
a{
	color: white;
	text-decoration: none;
}
embed{
	float: left;
	margin: 5px;
}
p{
	margin-right:5px;
}
h1{
	margin-bottom: 10px;
}
h2{
	margin-bottom: 5px;
}
blockquote{
	margin:6px 0 12px 10px;
	font-style:italic;
	font:italic 12pt arial;
}
/*============general class elements============================*/
.left{
	float: left;
	margin:5px;
}
.right{
	float: right;
	margin:5px;
}
.clearR{
	clear: right;
}
.clearL{
	clear:left;
}
.clearB{
	clear: both;
}
.white ul li
{
	color:white;
}
/*==================main layout class elements=========================*/
.printable{ background: white;
		color: black;}

.header{
	width: 800px;
	height:132px;
	padding-top:2px;
	margin: auto;
}
.banner{
	height: 100px;
	width:798px;
	margin: 0px auto 5px auto; 
	background: #3f3f3f url(  "../electrobanner.jpg" ) no-repeat;
}
.nav, .landnav{
	border: 0px;
	margin: 0px;
}

#navhome
{
    margin-left:1px;
}		

.nav
{
    width:800px;
    margin:0 auto 0 auto;
}
.header{
	height: 150px;
	width:800px;
	margin: 0px auto 10px auto; 
	background: #000000 url(  "../electrobanner.jpg" ) no-repeat;
	position:relative;
}
#navi
{
    width:800px;
    height:1.3em;
    line-height:1.3em;
    position:absolute;
    top:120px;
}
#navi li
{
    text-align:center;
    border-right:2px solid white;
    display:inline;
}
#navi ul li:last-child
{
    border:none;
}
#navi ul
{
    list-style:none;
    height:25px;
    float:right; 
    font:normal small-caps bold .95em helvetica;
}
#navi li:hover a
{
    color:#FEE873;
}
#navi a
{
    padding:0 8px 0 8px;
}
.landnavi
{
    width:570px;
    border-radius:10px;
    background-color:#333333;
    height:1.5em;
    float:left;
    line-height:1.5em;
    padding:0 10px 0 10px;
    margin: 5px 0 0 10px;
    font-weight:bold;
}
.landnavi li
{
    display:inline;
    padding:0 5px 0 5px;
    border-right:2px solid white;
}
.landnavi li:last-child
{
    border:none;
}
.landnavi li:hover a
{
    color:#fee873
}

.landnav{
	width: 590px;
	overflow: hidden;
	float: right;
}
.nav a, .landnav a{		
	border: solid 1px #A8A8A8;
	text-align: center;
	float:left;
	font:  bold 12pt Arial;
	color: #F2E394;
	background-color: black;
}
.landnav a{
	width: 145px;	
}

.nav a{
	width: 131px;
}
.landnav a:hover{
	background-color:#333333;
}
.main, .footer{
	width: 800px;
	margin:5px auto 5px auto;
	font-size: 12pt;
}
.main
{
    overflow:hidden;
}
.footer{
	border-top: solid 1px #A8A8A8;
	color: #fee873;	
	height:100px;
}
#credFoot
{
    margin:0 auto;
    overflow:visible;
    width:100%;
    float:right;
}
#credFoot img
{
    height:45px;
    float:right;
    margin:5px;
}
.landtitle{
	color: #F9F8B1;
	width: 590px;
	float: left;
	margin:0 0 5px 10px;
	display: inline;
}
.landcontent, .productland{
	float: left;
	font-size:18px;
	overflow:hidden;
	min-height:300px;
}
.landcontent{
	width: 590px;
	margin-left: 10px;
}
.landsubcontent{
	margin: 10px 0px;
	min-height: 420px;
}
.landsubcontent img{
	margin: 10px;
}
.landsubcontent li{
	list-style: circle outside;
	margin-left:20px;
	color: #fee873;
}
.landsubcontent ul li ul li
{
    width:350px;
    font-size:.9em;
    list-style-type:disc;
}
/*======New Subcontent with improved spacing=========*/
.landSubContent
{
    margin: 10px 0px;
	min-height: 420px;
}
.landSubContent img{
	margin: 10px;
}
.landSubContent li {
    color: #FEE873;
    list-style: circle outside none;
    margin-left: 20px;
}
.landSubContent ul li ul li
{
    width:350px;
    font-size:.9em;
    list-style-type:disc;
}
.landSubContent p
{
    margin:6px 5px 12px 0;
}
.landSubContent ul
{
    margin-bottom:12px;
    margin-left:10px;
}
.landSubContent ul li ul
{
	margin:0;
}
/*==================================================*/
.coContent{
	font-size:18px;
}
.galContent
{
    font-size:18px;
    height:450px;
}
.coDiv{
	width:590px;
	float: left;
	margin-right:100px;
	min-height: 500px;
}
.normlink, .paperlink{
	text-decoration: underline;
}
/*=================gallery classes==============================*/
.thumbbar2{
	width: 590px;
	margin-left: 210px;
}
.galDiv{
	margin: 10px 0px;
}
.galInput{
	height: 90px;
	width: 120px;
}
 .lightContent
 {
    margin: 15px auto 15px auto;
    min-height: 400px;
    width: 504px;
 }
 
 .lightContent div
 {
    float: left;
    height: 90px;
    margin: 3px;
    text-align: center;
    width: 120px;
 }
  .lightContentMulti
 {
    margin: 15px auto 15px auto;
    overflow:auto;
    width: 504px;
 }
  .lightContentMulti div
 {
    float: left;
    height: 90px;
    margin: 3px;
    text-align: center;
    width: 120px;
 }
 .overflow
 {
     overflow:auto;
 }
.videoContainer
{
    overflow:auto;
    width:475px;
    text-align:center;
    margin:0 auto;
}
.vidCap
{
    width:540px;
    margin:10px auto 25px auto;
    text-align:center;
}
/*===================product classes==========================*/
.productland{
	width: 800px;
	margin-left: 3px;
}
.productdiv{
	border: solid 1px #A8A8A8;
	margin: 5px 5px 5px 0px;
	float: left;
}
.productbold
{
    font-size:1.15em;
    font-weight:bold;
    color:#F9F8B1
}
.mainprod, .subprod{
	display: block;
	color:#F9F8B1;
}
.mainprod{
	width: 259px;
	height: 105px;
}
.subprod{
	width: 287px;
	height: 110px;
	text-align: center;
}
.prodDesc
{
    font-size:.7em;
    line-height:1em
}
.titleBold, .titleBoldWhite
{
	font-family:Helvetica;
    font-weight:bold;
    font-size:1.6em;
    margin-left:10px;
}
.titleBold
{
    color:#fee873;
}
.titleBoldWhite
{
    color:#FFFFFF;
    margin-bottom:5px;
} 
.titleBold a
{
    color:#fee873;
}
.titleBold a:hover
{
    color:White;
}
.prodImage
{
    float:left;
    margin-right:5px;
}
.features ul li
{
    color:White;
}
.features
{
    width:350px;
    margin-bottom:10px;
}

/*=======================Product Overview==============*/
#prodOverview
{
    width:590px;
    margin-left:10px;
    min-height:420px;
    float:left;
}

#prodOverview ul
{
    list-style:none;
    width:504px;
    margin:0 auto 0 auto;
}

#prodOverview li
{
    width:140px;
    padding:5px 10px 5px 10px;
    height:150px;
    float:left;
    text-align:center;
    font-size:1.15em;
    font-weight:bold;
    margin:3px;
}

#prodOverview li a
{
    color:#fee873;
}

#prodOverview li:hover a
{
    color:#FFFFFF;
}

.product
{
    width:140px;
    padding:5px 10px 5px 10px;
    height:180px;
    border: 1px solid red;
    float:left;
}

/*======================= sidebar dropDown==============*/
#sidebarDrop{
	width:200px;
	color: #fee873;
	background-color:black;
	float:left;
    -moz-border-radius:10px;
    -webkit-border-raduis:10px;
    position:relative;
    z-index:10;
    font-size:15px; 
    font-family:helvetica;
}
#sidebarDrop a
{
   display:block;
   margin:0px;
   color:#fee873;
}
#sidebarDrop ul
{
    list-style: none;
    padding:0;
}
#sidebarDrop ul li
{
    position:relative;
    padding:1px 0 1px 10px;
}

#sidebarDrop ul ul
{
    position:absolute;
    left:100%;
    width:100%;
    top:0;
    display:none;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    background-color:#333333;
}
#sidebarDrop ul ul li
{
    padding:1px 0 1px 20px;
}
#sidebarDrop ul li:hover ul
{
    display:block;
    background-color:#333333;
}
#sidebarDrop ul li:hover ul li:hover
{
    background-color:#222222;
}
.sbDropTitle
{
	color:#fee873;
	font-weight: bold;
	text-align: left;
	font-size: 1em;
	line-height:1.4em
	
}
.sbDropTitle a
{
    color:#F2E394;
}
.sbDropTitle:hover
{
    background-color:#333333;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
.noDrop:hover
{
    border-radius:10px;
}
#sidebarDrop ul li ul li:first-child
{
	border-top-right-radius:10px;

}
#sidebarDrop ul li ul li:last-child
{
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}
.sidebarTitle 
{
    color:white;
    font-size:1.3em; 
    font-weight:bold;
    text-align:center;
    border-bottom:1px solid white;
    width:165px; 
    margin:0 auto 0 auto;
}
.sbList
{
    font-weight:bold;
}
.sbList li:hover
{
    background-color:#333333;
    border-radius:10px;
}
.itemDrop
{
    font-weight:bold;
}

/*====================== sidebar ================*/
.sidebar{
	width: 200px;
	float: left;
	color: #fee873;
	background-color: black;
}

.sbdiv{
	border: solid 2px #a8984b;
}
.sbdivTitle{
	background-color: #000000;
	color:#fee873;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	border-bottom:2px solid #A8984B;
	line-height:1.4em
	
}
.coIndexer{
	padding:0px;
	background: none black;
	text-align: left;
	font: 16px "Times New Roman";
	line-height: 16px;
	font-weight: bold;
	height: 22px;
    width: 95%;
	display: block;
	cursor: pointer;
}
#coSB li{list-style-type:none;}

.sbdivTitle a{
	color: black;
}
.prodLink, .sbdivTitle, .prodLink a, .sbdivTitle a{
	width: 100%;
	display: block;
	cursor: pointer;
}
.prodSheet{
	color:	#fee873;
}
.prodLink:hover, .coIndexer:hover, .sbdivTitle:hover{
	background-color: white;
	color: black;
}
/*===================company page classes ===========*/
.coSubDiv, .coDiv{
	width: 590px;
	height:auto;
	overflow:auto;
}
.coSubDiv ul, .coDiv ul
{
    margin-left:20px;
}
.coTitle
{
    font-weight:bold;
    font-size:1em;
    text-decoration:underline;
    margin-bottom:5px;
    font-family:helvetica;
}
#logos img
{
    margin:3px;
}
.coDirLink
{
    border:2px outset white;
    padding:3px;
}
.coAddress
{
    margin-top:10px;
}
.awardlink, .publicationLink{
	text-decoration: underline;
}
.publicationLink{
	color: #fee873;
	display: block;
}
.publicationLink:hover, .publicationLink:hover td{
	color: black;
	background-color: white;	
	text-decoration: underline;
}
.tdNum{
	float: left;
	margin: 0px 20px 0px 5px;
	color: #fee873;	
	height: 50px;
	width: 110px;
}
.staff, .staff2{
	clear: both;
	border-top: 1px solid white;
	margin-bottom: 3px;
	width: 560px;
	min-height: 50px;
}
.staff2{
	background-color: #222222;	
}
.staff{
	background-color: black;
}

.printh3{
width: 1000px;
border: 1px solid black;
}
.staffTable{
font-size: 10pt;
}
.tStaffName{
font-weight: bold;
width: 165px;
}
.tStaffPos, .tStaffDeg{width: 210px;}
.tStaffNum{
font-weight: bold;
width: 100px;
}
.tStaffYear{width: 50px;}
.staffName{
	width: 29%;
	margin-top: 10px;
	margin-left: 3px;
	float: left;
	color: #fee873;
}
.staffInfo{
	width: 68%;
	margin-left: 32%;
}
.atWork{
	margin: 10px 0px 5px;
	height: 40px;
}
.siPos{
	width: 70%;
	float: left;
	color: #F9F8B1;
}
.siNum{
	width: 20%;
	color: #F9f979;
}
.accredDiv{
	font-size: .7em;
	width: 140%;
	margin-left: -40%;
}
.saAccred{
	width: 70%;
	margin-right: 20px;
	margin-left: 150px;
	float: left;
	text-align: left;
}
.degDiv{
	font-size: .7em;
	width: 140%;
	margin-left: -40%;
}
.sdDeg{
	width: 40%;
	margin-right: 20px;
	float: left;
	text-align: right;
}
.sdYear{
	width: 8%;
	margin-right: 5px;
	float: left;
}
.sdPlace{
	width: 52%;

}
.paperTable{
	border-collapse: collapse;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	padding: 10px 0px 10px 0px;
}
.pNumCell{
	width: 20%;
	color: #F9F8B1;
}
.pAuth{
	font-size: .7em;	
}
.pAuth td{
	padding-right: 5px;
	border-top: 1px solid gray;	
}
.pTitleCell{
	width: 58%;
	margin-bottom: 10px;
	text-align: center;
	padding: 0% 1%;
}
.pWhereCell{
	width: 19%;
	font-size: .9em;
	text-align: right;
	padding-right:1%;
}
.pDateCell{
	color: #a8984b;
}
#mapContainer
{
    height:630px;
    width:550px;
    color:Black;
}
#mapContainer a
{
    color:Blue;
    font-weight:bold;
    text-decoration:underline;
}
/*====================Campus Map============================*/
dl.image_map {display:block; width:548px; height:620px; background:url(/company/EICampusMap.jpg); position:relative; margin:2px auto 2px auto;}
a.LINK2 {left:267px; top:441px; background:transparent;}
a.LINK2 {display:block; width:-16px; height:0; padding-top:NaNpx; overflow:hidden; position:absolute;}
a.LINK2:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK3 {left:219px; top:451px; background:transparent;}
a.LINK3 {display:block; width:-36px; height:0; padding-top:NaNpx; overflow:hidden; position:absolute;}
a.LINK3:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK4 {left:231px; top:419px; background:transparent;}
a.LINK4 {display:block; width:14px; height:0; padding-top:NaNpx; overflow:hidden; position:absolute;}
a.LINK4:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK5 {left:187px; top:393px; background:transparent;}
a.LINK5 {display:block; width:-26px; height:0; padding-top:NaNpx; overflow:hidden; position:absolute;}
a.LINK5:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK6 {left:123px; top:561px; background:transparent;}
a.LINK6 {display:block; width:-42px; height:0; padding-top:NaNpx; overflow:hidden; position:absolute;}
a.LINK6:hover  {background:transparent; border:1px dashed black; color:black;}
a.LINK7 {left:149px; top:77px; background:transparent;}
a.LINK7 {display:block; width:36px; height:0; padding-top:NaNpx; overflow:hidden; position:absolute;}
a.LINK7:hover  {background:transparent; border:1px dashed black; color:black;}
/*====================contact page classes==================*/
.contactnum{
	width: 40%;
	margin: 10px 10px;	
}
.contactitem, .contactblock{
	clear: both;
}
.contactitem
{
	text-align:right;
	margin-bottom:5px;
	overflow:auto;
}
.contactitem .right
{
	margin-right:0;
}
div.contactblock h2 {
    margin-top: 10px;
}
.contactitem a{
	color: #F9F8B1;
	text-decoration: underline;
}
.contactblock{
	border-top: 1px solid;
	display:block;
}
/*=========================support page classes=================*/
.supportland{
	overflow:auto;
	height: auto;
	margin-bottom: 5px;
	padding-left: 10px;
}
.supBig, .supSmall{
	margin: 4px;
}
.supBig a{
	color: #F9F8B1;
	text-decoration: underline;
}
.supBig{
	width: 60%;
}
.supSmall{
	text-align: center;
	width: 10%;
}
.sidebar2{
	width: 150px;
	float: left;
	color: #fee873;
}
.centered{
	width: 80%;
	margin-left:10%;
	text-align: center;
}
.center
{
    margin-left:auto;
    margin-right:auto;
}
#specSheets h3
{
	margin-bottom:5px;
}
#specSheets div
{
	font-size:22px;
	font-weight:bold;
	color:White;
	text-decoration:underline;
}
/*========================image things==================================*/
.thumbnails, .thumb{
	border-width: 0px;
	float:left;	
}
.thumbnails{
	margin: 2px;
	max-width:120px;
	max-height:90px;
}
.thumb{
	margin: 0px 5px 0px 0px;
	max-width:120px;
	max-height:120px;
}
.rightim{
	float: right;
}

.newsImage
{
    margin:5px auto 0 auto;
}
.newsCap
{
	font-size:.85em;
}
img
{
    border:none;
}

/*======================id elements=====================================*/
#capList ul
{
	margin-left:40px;
}
#producttitle{
	width: 800px;
}
#slideshow{
	width: 590px;
	height: 442px;
	margin-left: 205px;
	margin-bottom: 10px;
}
#slideshow img{
	width: 100%;
}
#news{
	width: 190px;
	float:left;	
	height: 450px;
	overflow: hidden;
}
#news a{	
	border: solid 1px Gray;
	margin-bottom:5px;
	display: block;
}
#newsBar
{
    background-color:#222222;
    width:200px;
    border-radius:10px;
    -moz-border-radius:10px;
    height:422px;
    float:left;
    padding:10px 0;
}
#newsBar a
{
    color:#fee873;
}
#newsBar a:hover
{
    color:#FFFFFF;
}
#newsBar ul
{
    list-style:none;
    margin:5px 10px;
}
#contactmain h1,h3{
	color: #F9F8B1;
}
#webform{
	border-top: 1px solid;	
}
#shows, #welcome{
	width: 760px;
	text-align: center;
	margin: 20px;	
}
#shows{
	background-color: black;
}
#galIMG{
	margin:20px;
}
#admin h3, #engUS h3, #engUK h3, #engAU h3{
	background-color: #F9F8B1;
	color: black;
}

