a, a:active
{
    font-weight: bold;
    text-decoration: none;
    color:#0137a5;
}
a:hover
{
    text-decoration: underline;
    color:#787878;
}

body
{
    background-color: #ededed;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #333;
}
#container
{
    margin: 0 auto 3%; /* align for good browsers */
    padding: 0;
    text-align: center; /*counter the body center */
    width: 1000px;
    height: auto;
    font-family: Arial,sans-serif;
    background-image: url(/images/Yoh/container_bkgrd.gif);
    background-repeat: repeat-y;
    background-position: center;
    background-color: #fff;
}
#containerfooter
{
    margin: 0;
    padding: 10px 0;
    width: 100%;
    height: auto;
    background-image: url( /images/Yoh/footer.gif );
    background-repeat: no-repeat;
    background-position: bottom;
}

#masthead
{
    margin: 0;
    padding: 0;
    background-color: #fff;
    background-image: url(/images/Yoh/mh_logo-txt.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 125px;
    width: 1000px;
}

#logo
{
    /*background-color:red;*/
    float: left;
    width: 165px;
    height: 100px;
    cursor: hand;
    margin: 1% 0 0 5%;
    padding: 0;
}

/* %%%%%%%%%%%%%%%%%%%%%%% Top Nav Search Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#search
{
   position: relative;
    margin: 10px 3% 0 0;
    padding: 0;
    width: 330px;
    height: 100px;
    float: right;
    border: red dotted 0px; /*background-color: #ededed;*/
}

.searchTxt
{
    margin:0;
    padding:2px 0;
    color: #be0f34;
    font-family: Arial;
    font-size: 8pt;
    vertical-align: middle;
}

#search ul
{
    margin: 0;
    padding:0;
    list-style-type: none;
    width: auto;
    text-align: center;
    vertical-align: middle;
}

#search ul li
{
    display: inline; /* float:left;     margin:0;     padding:0; */
}

/* %%%%%%%%%%%%%%%%%%%%%%% Top Nav Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#topnav
{
    margin: 10px auto 0;
    padding: 0;
    width: 920px;
    height: 25px;
    text-align: center;
    border: #d5d3d3 solid 1px; /*background-color:#00FF33; */
}


.topNavMenu
{
    margin: 0;
    padding: 0;
    width: 100%;
    height:25px;
    background-image: url(/images/Yoh/topNavImg/topNavBkg.gif);
    background-repeat: repeat-x;
}
/* 	border:#d5d3d3 solid 1px;
height:50px;    
text-align: center;
    vertical-align: middle;
background-color: Blue;
*/

.topNavMenu ul
{
    margin: 0;
    padding:5px 0;
    list-style-type: none;
    width: auto;
    height: auto;
}

.topNavMenu ul li
{
    display: inline;
    margin: 0;
   padding:0;
}

.topNavMenu li a, .topNavMenu li a:link, .topNavMenu li a:visited
{
    margin: 0;
    padding: 5px 30px;
    font-family:Sans-Serif;
    font-size: 10pt;
    color: #5a5a5a;
    border-left: solid 1px #d5d3d3;
    width: auto;
    height: 25px;
}

.topNavMenu li a:Hover
{
    margin: 0;
    padding:5px 30px;
    width: auto;
  background-image: url(/images/Yoh/topNavImg/topNavImg-Hover.gif); 
   /* background-color:#d5d3d3;*/
    text-decoration: none;
    color: #FFF; /* border-left: solid 1px #d5d3d3;*/
    height:auto;
}

.selected a
{
    background-image: url(/images/Yoh/topNavImg/topNavImg-Selected.gif);
    color: #666;
    text-decoration: none;
    margin: 0;
    padding: 0;
    width: auto;
    height:auto;
}

.endNav a
{
    border-right: solid 1px #d5d3d3;
    margin: 0;
    padding:0;
    height: auto;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%    LeftNav Menu styles     %%%%%%%%%%%%%%%%%%%%%%%%% */

#navleft
{
    margin: 0;
    padding: 0;
    width: 205px;
    vertical-align: top;
    text-align: left;
}

.divLeftStyle
{
    margin: 22px 0 0;
    padding: 0;
    background-image: url(/images/Yoh/ltNavImg/topBar.gif);
    background-repeat: repeat-x;
    width: auto;
    height: 1em;
}

#leftNavMenu
{
    background-color: #ededed;
    width: auto;
    padding-top: 1px;
    padding-bottom: 25px;
    height: auto;
}

#leftNavMenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}


#leftNavMenu li a
{
    voice-family: "\"}\"";
    voice-family: inherit;
    text-decoration: none;
    min-height:25px;
    height:1em;   
    margin:0;
    padding:5px 0;
    padding-left: 1.5em; 
    display: block;
}

#leftNavMenu li a:link, 
#leftNavMenu li a:visited
{
   
    border-bottom: 1px solid #fff;
    display: block;

}

#leftNavMenu ul li a:hover
{
    color: #fff;
    background: #787878 url(/images/Yoh/ltNavImg/ArrowltNavHover.gif);
    background-repeat: no-repeat;
}


#leftNavMenu li a:link, 
#leftNavMenu li a:visited, 
#level1Bkg1 li, 
.ltNavL2 a, 
#level1Bkg1 li a ,
#level1Bkg1 ul li.ltNavL22 a
{
    color: #4c4b4c; /*left nav basic font color*/
    font-size: 9pt;
    display: block;
}


#leftNavMenu li.ltNavSelectedL31
{
    background: #787878 url(/images/Yoh/ltNavImg/ArrowltNavHover.gif);
    background-repeat: no-repeat;
    height: auto;
    display: block;
    margin: 0; /* border-bottom: 1px solid #fff;  */
  
}

#leftNavMenu li.ltNavSelectedL31  a /*good*/
{
    color: #fff; 
}


#level1Bkg1 /*good*/
{
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: 0;
    background-color: #9d9d9d;
    width: auto;
    height: auto;
    display: block;
}

.ltNavSelectedL31 #level1Bkg1 li a, 
.ltNavSelectedL31 #level1Bkg1 li a:visited, 
.ltNavSelectedL31 #level1Bkg1 .ltNavSelectedL32 li a, 
.ltNavSelectedL31 #level1Bkg1 .ltNavSelectedL32 li a:visited

{
    background-color: #C0C0C0;
    width: auto;
    height:auto;   
    margin:  0;/**/
    padding:4px 0 0px 3.38em;
    display: block;
    border-bottom: 0px solid #fff;
}

.ltNavL2 /*good*/
{
    background: #ededed url(/images/Yoh/ltNavImg/ArrowltNav.gif);
    background-repeat: no-repeat;    
    /*min-height:25px;*/
    height:auto;
}

.ltNavL22 
{    
    background-color: #dedcdc;   
     height:auto;   
}


#level1Bkg1 ul li.ltNavL22 a:hover /*good*/
{
    color: #4c4b4c; 
    background: #9d9d9d url(/images/Yoh/ltNavImg/ltNavSelectedL3.gif);
    background-repeat: no-repeat;
    width: auto;
    height:auto;   
    margin:  0;
    display: block;
}
   
.ltNavSelectedL31 #level1Bkg1 ul li.ltNavSelectedL32 a, .ltNavSelectedL31 #level1Bkg1 ul li.ltNavSelectedL32 a:hover
{
    
 
   /* color: #fff;  //#4c4b4c      background-color:Aqua; */
    background: #9d9d9d url(/images/Yoh/ltNavImg/ltNavSelectedL3.gif);
    background-repeat: no-repeat;
    display: block;
 /*   height:auto;  */
    
}


/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 
 width: auto;
    min-height:1%;
    height:20px;   
    margin:  0;
    padding:5px 0 0 3.38em;   
    display: block;

*/

#mainBody
{
    margin: 0;
    padding: 0;
    width: 695px;
    height: auto; /*background-color: #E3EAEB;*/
    
}

#mainBodyElements
{
    padding-top: 3%; 
    padding-bottom: 5%; /*background-color: #E3EAEB;*/
}

#divTopLeft
{
    position: relative;
    margin:0;
    padding:0;
    border-left: .08em solid #d5d3d3;
    border-right: .08em solid #d5d3d3;
    top: 0px;
    left: 0px;
}

#bannerImg
{
    margin: 0;
    padding: 0;
    width: 100%;
    height:auto;
    text-align: left;
}

#divRtGutter
{
    clear: left;
    width:185px;
    height: auto;
    background-color: #9a9999;
    color: #fff;
    margin: 0 0 8%;
    padding: 3% 0;
}


.divRtGutterStyle
{
    margin: 0 0 0 8%;
    padding:5% 0;
    text-align:center;
     
}



.divRtGutterStyle a
{
    color: #fff;
     font-size: 10px;
    font-family:Arial;
    
}


.RtTitleElement {
    margin:5px 0;
    padding:0;
    width:auto;
    font-size:14px; 
    color:#ffffff; 
    background-color:#999999;  
}

/*LtTitleElement*/
.LtTitleElement {
    /*margin: 15px 5px 5px;*/
    padding:0 0 5px;
    width:auto;
   font-size:16px; 
   color:#be0f34;
    background-color:#fff;  
}

#pageTitle
{
     margin: 0 0 10px;
	 padding:2% 0 0;
	 float: left;
	 text-align: left;
     width: 410px; 
	/*border: red dotted 1px;*/
}

#mainBodyTxt
{
    font-size: 10pt;
    margin: 0;
    padding: 3% 0;
    float: left;
    width: 470px;
    height: auto;
    border-top: 1px solid Silver;   
    text-align: left; /* border-bottom: 1px solid Silver;background-color: red;*/
}

#midbanners
{
    float: left;
    width: 470px;
    height: auto;
    margin: 0;
    padding: 3% 0 8%;
    border-bottom: 2px solid Silver;
    text-align: left;
}

#footer
{
    margin: 20px 0 20px 222px;
    padding: 0;
    width: auto;
    font-size: 8pt;
    text-align: left; /*background-color: red;*/
}



h3.projectTitle, h3.pressleaseheader, h3.BioTitle 
{
    margin:0 0 10px;
    padding:0;
    color:#333333; 
    font-family:Serif, Sabon;
    font-size:18px;
}
h4 {margin-bottom:3px; color:#4e4e4e;}
p {margin-top:0;}

ul {margin-top:3px;}

.showContactResults_mborder{
	font-size: 120%; 
	border-right: 1px solid #e1e7e7;
	border-left: 1px solid #e1e7e7;
	border-bottom: 1px solid #e1e7e7;
}

.showContactResults{
	background-color: #e1e7e7;
	font-family: arial,sans-serif; 
	font-size: 70%; 
	color:#000;
	font-weight:bold;
}
.medtext {font-family: arial,sans-serif; font-size: 70%; color: #000000;}
a.medtext {font-family: arial,sans-serif; font-size: 100%; color: #000000;}
/*
#navTitleClick
{
    background-color:Fuchsia;
    width:auto;
    height:auto;
    border: dotted 1px red;
    display:block;
    cursor:pointer;
    padding:3% 0;
    z-index: 0;
}
*/
/* %%%%%%%%%%%%%%%%%%%%%%%%    home pg SubMenu Column       %%%%%%%%%%%%%%%%%%%%%%%%% */

.homepgSubMenuColumn
{
    margin: 0;
    padding: 0;
    width: 100%;
    min-height:250px;
    height:auto;
    background-color: #ededed;
    WIDTH:100%;
}

.homepgSubMenuTitle
{
    background-color: #999;
    margin: 0;
    padding: 10px 8px 15px;
    width: auto;    
    text-align: left;
    word-spacing:.08em;
    /*letter-spacing:.05em;*/
    height:30px;
}

.homepgSubMenuTitle a,  
.homepgSubMenuTitle a:active
{
    color: White;
    font-size: 11pt;
    font-weight: bold;

}

ul.homepgSubMenuTxt
{
    margin:0; /*1.5em*/
    padding:0;
    list-style: none;
}

.homepgSubMenuTxt li a
{
    color: #333;
    background: url(/images/Yoh/ArrowltNav.gif) left center ;
    background-repeat: no-repeat;
    margin:0; 
    padding:4px 0 4px 1.5em;
    border-bottom: 1px solid #fff;
    font-size: 9pt;
    display: block;
    vertical-align: middle;
}

#homeMainBody
{
    margin: 0;
    padding: 0;
    width: 695px;
    height: 100%; /*background-color: #E3EAEB;*/
}

#homeMainBodyElements
{
    margin:0;
    padding: 0; 
    height:auto;
}

#rtGutterHomePg
{
    margin: 0;
    padding: 0;
    width: 255px;
    height: 100%; /*background-color:silver; text-align:left;*/
    vertical-align: top;
}

#rightcolumnNews
{
   background-color: Transparent; 
   margin: 0; 
   padding:0 0 5%; 
   width:100%;
   min-height:300px; 
   height:auto;
    /*background-color: red;*/
    
}

.homepgnewsblk
{
   border-bottom:solid 1px #ededed;
   margin:0; 
   padding:1% 0; 
   width:100%; 
   font-size:8pt;
   text-align:left; 
   display:block;
}

.hpmepgnewsdate
{
   float:left;
   font-weight:bold;
   color:#be0f34;
   width:30%;
}

.homepgnewstxtblk
{
    float:right;
    width:68%;
}


#rightcolumnBottom
{
    margin:12px 0 0; 
    padding:0; 
    clear:both;
    height:auto;
}

#footerhomepg
{
    margin: 25px 0 20px 0;
    padding: 0;
    width: auto;
    font-size: 8pt;
    text-align: left; /*background-color: red;*/
}


/* Basic button class, moves an image up and down within itself on hover and active */
a.searchOpps
{
    background: url(/images/Yoh/buttons/btn-searchopportunities.gif ) bottom left no-repeat;
    display: block;
    width:180px;
	height: 73px;
	padding:0;
}

a.buildProfile
{
    background: url(/images/Yoh/buttons/btn-buildaprofile.gif) bottom left no-repeat;
    display: block;
    width:180px;
	height: 73px;
	padding:0;
	   
}

a.returningUser
{
    background: url(/images/Yoh/buttons/btn-returninguser.gif) bottom left no-repeat;
    display: block;
    width:180px;
	height: 73px;
	padding:0;
	   
}

a.employeelogin
{
    background: url(/images/Yoh/buttons/btn-employeelogin.gif) bottom left no-repeat;
    display: block;
    width:175px;
	height:35px;
	padding:0;
	   
}


a.supplierRegistration
{
    background: url(/images/Yoh/buttons/btn-supplierregistration.gif) bottom left no-repeat;
    display: block;
    width:175px;
	height: 35px;
	padding:0;
}

a.supplierLogin
{
    background: url(/images/Yoh/buttons/btn-supplierlogin.gif ) bottom left no-repeat;
    display: block;
    width:175px;
	height: 35px;
	padding:0;
}

a.searchOpps:hover,a.buildProfile:hover,a.returningUser:hover,
a.employeelogin:hover,a.supplierRegistration:hover,a.supplierLogin:hover
{
    background-position: top left;
}

.displace      
{
    position:relative;
    display:none;
    /*left: -5000px;*/ 
} 

/* career search frame style */
.light_text {color: #666;}
a.light_textlink:visited, a.light_textlink:link {color: #666; text-decoration: underline;}
a.light_textlink:hover {color: #333;text-decoration: none;}



/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen 
{
    
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h2 {
    font-family: Verdana;
    visibility: hidden;
  }
*/  

 .sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}


 .sIFR-active h2#pageTitle {
    visibility: hidden;
  }
  
   .sIFR-active h4.leftNavTitleTxt {
    margin:15px 0 5px 6px !important;
    width:197px;
    visibility: hidden;
    display:block;
   
  }
  
   .sIFR-active h5.divRtGutterTitle {
    margin: 0 !important; 
    visibility:hidden;
    display:block;
  }

}