*
{
    margin:0;
    padding:0;
    font-family:Arial;
   
}


/*This is header info*/
.header
{
    background-position: center;
    position: relative;
    height: 70px;
   width: 960px;
    background-image: url(./images/header1.jpg);
    background-repeat:    repeat-y;
    background-attachment: fixed;

}
/* this is stafflogix logo set up*/
.logo
{
    position: relative;
    top: 10px;
     float:left;
     left:10px;
    
}
/* this is stafflogix login set up*/
.login
{
    position:  absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #CB6533;
    font-weight: bolder;
    float: right;
    bottom: 2px;
    right:10px;
   
     
}
.linkLogin
{

}
.navbar
{
    background-position: center top;
    position:  static;
    background-image: url(./images/NavBar.jpg);
    height: 30px;
   width: 960px;
}

.mainconteiner
{
    position: relative;
    float: left;
    left:0px;
    background-color: #5C5C0A;
  width: 960px;
    z-index: 40;
}
.leftConteiner
{
    background-position: top;
    position: relative;
    background-image: url(./images/leftConteiner.jpg);
    background-repeat: repeat-x;
    width: 180px;
    background-color: #5C5C0A;
    float: left;
    height: 490px;

  

}
.wrap
{   background-position: center;
    position: relative;
  
    width: 960px;
     background-color:  ThreeDLighShadow;  
}
.pageconteiner
{ background-position: center;
    border: 1px solid #CBCBCB;
    position: relative;
   width: 960px;
    background-color: White;
    height: 400px;
    
}
.footer
{
    background-position: center;
    position: relative;
    height: 30px;
    width: 960px;
    background-image: url(./images/header1.jpg);
    background-repeat: repeat-y;
    clear: both;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #CBCBCB;
  
}
.main
{     background-color: #FFFFFF;
    background-repeat:  no-repeat;
    background-position: center;
    position:  relative;
    width: 960px;
  
  
}
.footertext
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #666666;
    position: relative;
    float: left;
    top: 10px;
  width: 960px;
}



/* Home master page style*/
.Tabmenu
{
    position: relative;
    float: left;
    top: -22px;
    left: -1px;
}

.homtext
{
    position: relative;
    float: left;
}

/* Navigation Bar CSS*/
.headermenulink
{
    position: relative;
    float: left;
    left: -25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.staticmenu
{
}
.dynamicmenu
{
}
.headermenuitem
{
}

/* Left menu CSS*/
.staticmenu
{
}
.dynamicmenu
{
}
.headermenuitem
{
}

/* Left menu CSS*/
.leftmenu
{
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    position: relative;
    float: left;
    text-align: left;
    left: 20px;
    font-weight: bold;
}
body
{
    background-color: #C0C0C0;
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
}
.moda
{
    position:  relative;
    height: 45px;
    width: 960px;
    background-color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: thin;
  
} 
.motto
{
  
    background-image: url(./images/motoimage.jpg);
    height: 45px;
    width: 180px;
    text-align: center;
    color: White;
    font-size: 12px;
    font-weight: bolder;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    float: left;
    clear: both;
      

}
.mottolabel
{
 position: relative;
    top: 13px;
}
.clock
{
    float: right;
    top: 10px;
    right: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    font-weight: normal;
    font-size: .6em;
    text-transform: uppercase;
    position: relative;
     font-size: 12px;
}
.breadcrumb
{
    float: left;
    top: 10px;
    left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    font-weight: normal;
    font-size: .6em;
    position: relative;
      font-size: 12px;

}