html, body {
  margin:0;
  width:100%;
  height:100%;
}

#wrap {
  background:url(/WeceemFiles/com/images/layout.png) center 0 repeat-y;
  min-height:100%;
  position:relative;
  z-index:1;
}

*html #wrap {   /* ie6 fix for png */
  background: url(/WeceemFiles/com/Image/layout-ie6.gif) center top repeat-y;
}

#layout {
  width:958px;
  margin:0 auto;
  min-height:100%;
  overflow:hidden;
}

.shade {
  height:305px;
  width:100%;
  background:url(/WeceemFiles/com/images/shade.png) 0 bottom repeat-x;
  position:absolute;
  left:0;
  bottom:0;
  z-index:-1;
}

*html .shade {
  background: none;
}

.container { 
  position:relative;
  margin:0 24px;
  padding: 8px 0; 
}

.cleaner {
  clear:both;
  overflow:hidden;
  height:0;
}

.header, .content, .footer {
  width:100%;
  clear:both;
}

.header:after,
.content:after,
.footer:after,
.navigation:after,
.main:after {
  clear: both;
  content: '';
  display: block;
  height: 0;
}

.col-l, .col-r {
  float: left;
  margin-bottom:9px;
}

.col-l {
  width: 49%;
  padding:0 1% 0 0;
  //margin-right: -100%;
}

.col-r {
  width: 49%;
  padding:0 0 0 1%;
  //margin-left: 50%; 
  //display: inline;
}

.panel-l {
  float:left;
  width:210px;
}

.panel-r {
  float:right;
  width:165px;
  margin-left:20px;
}

.main {
  margin:0 0 0 230px;
  padding-left:20px;
  border-left:1px solid #D6D6D6;
  //min-height:1%;
}

/* - Header*/
.header {
}

  .logo {
    font-style:italic;
    font-weight:bold;
  }
  
  .navigation-wrapper {
  position: relative;
  z-index: 99;
  }
  
  
  .navigation {
    background: #95a1ad url(/WeceemFiles/com/images/navigation.gif) 0 0 repeat-x;
    border:1px solid #737373;
    margin:9px 0 24px 0;
    padding-right:9px;
    line-height:24px;
    //min-height:1%; 
    z-index: 99;
  }
  
*html .navigation {
  z-index: 99;
}  
  
  .breadcrumb {
    color:#999;
    margin: -10px 0px 0px 0px;
    text-transform:uppercase;
  }   
  
  ul.shortcuts {
    font-size:10px;
    text-transform:uppercase;
    background:url(/WeceemFiles/com/images/shortcuts.gif) 0 0 repeat-x;
    position:absolute;
    top:0;
    right:0;
    border-right: 1px solid #4f4f4f;
  }
  
*html ul.shortcuts {
    right: 25px;
}  
  
  ul.shortcuts li {
    display:inline;
    float:left;
    padding:3px 5px 0 5px;
    border-left: 1px solid #4f4f4f;
  }  

  ul.shortcuts li a:visited {
	color: #000;
  }  
  
  .search  {
    width:115px;
    border:none;
    float:left;
    display:inline;
    margin:3px 0 0 18px;
    padding:3px 0 3px 20px;
    background: url(/WeceemFiles/com/images/search.png) 0 0 no-repeat;
    position:relative;
    overflow:hidden;
    text-transform:uppercase;
  }
    
    .search  input {
      width:100%;
      border:none;
      margin:0;
      padding:0;
      background:none;
      font-size:10px;
      text-transform:uppercase;
      vertical-align:top;
      //line-height:12px;
    }
  
  .language {
    float:right;
    font-size:11px;
    padding-left:20px;
    position:relative;
  }
  
    .language .icon {
      position:absolute;
      left:0;
      top:4px;
    }
    
    a.language:visited  { color:#333; }

/* - Content */
.content {
  padding:9px 0;
}

  /*Teasers*/
  .teaser-list {
    position:relative;
    //zoom:1;
  }
  
  .teaser-list:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
  }
  
  .teaser {
    float:left;
    display:inline;
    border:1px solid #cdcece;
    position:relative;
    padding:100px 0 0 0;
    margin:30px 0 18px 0;
    background: #fff url(/WeceemFiles/com/images/teasers/teaser.png) 0 60px repeat-x;
  }
  
  .teaser-list.pim {
    margin-left:-36px;
  } 
  
  .teaser-list.pim .teaser {
    width:277px;
    margin-left:36px;
  } 
  
  .teaser-list.proc {
    margin-left:-99px;
  }
  
  .teaser-list.proc .teaser {
    width:402px;
    margin-left:99px;
  } 
  
  .teaser h2 {
    padding:0;
    margin:0;
    border:0;
    background:none;
  }
  
  .teaser h2 img {
    position:absolute;
    left:0;
    top:-33px;
  }
  
  .content .teaser ul {
    margin:0 24px;
    font-size:14px;
    font-weight:bold;
    color:#6d6d6f;
  }
  
  .teaser p {
    margin:0 24px 18px 24px;
  }
  
  .teaser .hr {
    margin:18px 0;
    border-top:1px solid #FFF;
  }
  
  .teaser .details-link {
    padding:2px 24px 4px 24px;
    background:#f1f5f9 url(/WeceemFiles/com/images/teasers/detail-link.png) 0 0 repeat-x;
    border-top:1px solid #cdcece;
    -moz-border-radius-bottomleft:4px; 
    -webkit-border-bottom-left-radius:4px; 
    -moz-border-radius-bottomright:4px; 
    -webkit-border-bottom-right-radius:4px; 
  }
  
  .pim .teaser .details-link a { color:#e00030; }
  .proc .teaser .details-link a { color:#1e428a; }
  

  /*Menu*/

  .panel-l ul {
    list-style:none;
    font-family:"Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    margin:0;
    padding:0;
  }
  
  .panel-l ul li {
  list-style: none;
  }
    
  .panel-l ul {
    font-size:16px;
    line-height:18px;
    margin-left: none;
    border-bottom: 1px solid #D6D6D6;
  }
  
  .panel-l ul ul {
    font-size:12px;
  }
  
  .panel-l ul li {
    border-top: 1px solid #D6D6D6;
  }
  
  .panel-l ul li a,
  .panel-l ul li span {
    position:relative;
    padding-left: 22px;
    margin:5px 0;
    display:block;
  }
  
  .panel-l ul a img,
  .panel-l ul span img {
    width:11px;
    height:11px;
    position:absolute;
    left:2px;
    top:4px;
    background: url(/WeceemFiles/com/images/menu-arr.gif);
  }
  
  .panel-l ul span img {
    background-position: 0 -11px;
  }
    
  .panel-l ul ul a,
  .panel-l ul ul span {
    margin-left:11px;
  }




/*  .content ul.menu,
  .content ul.menu ul {
    list-style:none;
    font-family:"Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    margin:0;
    padding:0;
  }
  
  .content ul.menu {
    font-size:16px;
    line-height:18px;
    border-bottom: 1px solid #D6D6D6;
  }
  
  .content ul.menu ul {
    font-size:12px;
  }
  
  .content ul.menu li {
    border-top: 1px solid #D6D6D6;
  }
  
  ul.menu li a,
  ul.menu li span {
    position:relative;
    padding-left: 22px;
    margin:5px 0;
    display:block;
  }
  
  ul.menu a img,
  ul.menu span img {
    width:11px;
    height:11px;
    position:absolute;
    left:2px;
    top:4px;
    background: url(/weceem/WeceemFiles/com/images/menu-arr.gif);
  }
  
  ul.menu span img {
    background-position: 0 -11px;
  }
    
  ul.menu ul a,
  ul.menu ul span {
    margin-left:11px;
  }
*/
  
  /*Page shortcuts*/
  .page-shortcuts {
    display: none; /* <-- removed until the links work */
    font-family:"Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;
    margin-top:54px;
  }
  
  .page-shortcuts a {
    position:relative;
    padding-left:18px;
  }
  
  .page-shortcuts .icon {
    position:absolute;
    left:0;
    top:0;
  }

/* - Footer*/
.footer { 
  margin-bottom:1em;
  font-size:10px;
  color:#9c9e9f; 
}
  
  .sitemap {
    margin: 0px;
    min-height:1%;
    width: 100%;
  }

  
  .sitemap:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
  }
  
  .sitemap h3 {
    text-transform:uppercase;
  }

*html .sitemap a b { /* ie6 fix for float */
    font-size: 12px;
  }

  .sitemap a {
    color:#9c9e9f; 
  }

  .sitemap > li {
    float:left;
    display:block;
    width:10.4%;
    padding-left:2%;
  }

*html .sitemap li {
    float:left;
    display:block;
    width:10.4%;
    padding-left:2%;
  }

    
  .sitemap ul { margin:0px 10px 0px 0px;}

*html .sitemap ul {float: left;} /* ie6 fix for float */


  
*html .sitemap ul li {
  margin-bottom:9px;
  display: inline;
  width: 97px;
  padding-left: 0px;
  
   }
 
 
h1 {
	display: none;
}

#news-list li p {
	display: none;
}

#news-list li p.preview-me {
	display: block;
}

#news-list li p.preview-me span strong {
	font-size: 12px;
	font-weight: normal;
}


#event-list li p {
	display: none;
}

#event-list li p.preview-me {
	display: block;
}

#event-list li p.preview-me span strong {
	font-size: 12px;
	font-weight: normal;
}


#job-list li p {
	display: none;
}

#job-list li p.preview-me {
	display: block;
}

#job-list li p.preview-me span strong {
	font-size: 12px;
	font-weight: normal;
}


div.vertical-menu ul {
	margin-left: 0px;
	padding-left: 0px;
}

div.vertical-menu ul li.weceem-menu-level1 a {
	color: #333;
	text-decoration: none;
	font-family: "Arial Narrow","Helvetica Narrow",Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 18px;
	text-transform: none;
	background: url('/WeceemFiles/com/Image/menu-arr-l1.gif') top left no-repeat;
}

div.vertical-menu ul li.weceem-menu-level2 a  {
	color: #999;
	font-size: 14px;
	padding-left: 34px;
	line-height: 18px;
	text-decoration: none;
	text-transform: none;
	background: url('/WeceemFiles/com/Image/menu-arr-l2.gif') top left no-repeat;
}

div.vertical-menu ul li a:hover  {
	color: #C00;
}

.sf-menu div.l3 {
margin: 0px;
padding: 0px 0px 10px 0px;
height: auto;
}

.sf-menu div.l3 a {
margin: 0px;
padding: 0px 10px 5px 30px;
background: url("/WeceemFiles/com/Image/menu-arr-l2.gif") no-repeat left top;

}

.panel-r .contact-input {
  padding: 2px;
  margin: 2px 0px;
  width: 150px;
}

.panel-r .contact-confirm {
  margin: 5px 0px;
  width: 150px;
}

/* #### DHTML BANNER for LANDING PAGE ####################### */

		.dynamic-banner {
			width: 910px;
			height: 274px;
			background: #EEE url('/WeceemFiles/com/Image/loading.gif') center center no-repeat;
			margin: 0px 0px 20px 0px;
			position: relative;
		}
		
		.dynamic-banner a {
			display: block;
			position: absolute;
			height: 100%;
			width: 50%;
			top: 0px;
			text-decoration: none;
		}
		
		.dynamic-banner a.left {
			left: 0px;
			background: url('/WeceemFiles/com/Image/banner-dhtml-bg.jpg') top left no-repeat;
		}
			
		.dynamic-banner a.right {
			right: 0px;
			background: url('/WeceemFiles/com/Image/banner-dhtml-bg.jpg') bottom right no-repeat;
		}



