body {
            font-size: 13px; 
            font-family: Helvetica, Arial, sans-serif;
            background-color:white;
            width:100%;
            }
         #wrapper {width:80%;margin-left:auto;margin-right:auto;margin-top:5%;margin-bottom:5%;}
          table { border-collapse:collapse; }
          td.data { font-weight: bold; }
          td.template { color:silver; font-weight:bold; }
          tr.linkeddata td.data { color:DimGrey; }
          tr.linkeddata td.template { padding-top:12pt; }
          tr.comment { font-weight:bold; font-style:normal; color:red; }
          hr { color:silver;height:1px; }
          @media screen {
            .highlight { color:fff; background-color: #FFFF66;
            	          		border-radius:5px; 
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;
            	
            	}
          }
          /* used in fullrecord.xsl: */
          div.record-summary { font-size:120%; font-weight:bold; }
          #heading {font-size:120%; font-weight:bold; }
          #title  {font-size:120%; font-style:italic; }
         
          .menu{  
    width: 100%;   margin-bottom:20px; background-color: #525252; font-size: 1em;  
    
          	
          	}

          .menu ul{margin: 0; padding: 0; float: left; width:100%;} 
          .menu ul li{    display: inline;} 
          .menu ul li a{    float: left; text-decoration: none;    color: white;    padding: 10.5px 11px;    background-color: #525252; } 
          
      //    .menu ul li a:visited{    color: white;} 
       //  .menu ul li a:hover{    color: #fff;    background-color:#900;}
        .menu ul li a:hover{    text-decoration: underline;}
          .menu ul li .current{    color: #fff;    background-color:#900;}
          li.selected{   float: left; padding: 10.5px 11px; color: #525252; background-color:#fff;    border-top:solid;border-color: #525252;}
          li.home{   float: left; padding: 10.5px 11px; color: #525252; background-color:#fff;    border-top:solid;border-left:solid;border-color: #525252;}
          
          
         li.disabled{    float: left; padding: 10.5px 11px;    background-color: #525252;color: gray;   }
         li.textbox {float:right;padding-top:8px;padding-right:8px;}
          
          img.displayed {
          		border-radius:10px; 
    -webkit-border-radius: 10px;    
    -moz-border-radius: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:none;
    margin-bottom:10px;
    max-width:80%;
    }
    img.thumb {
    border-radius:5px; 
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:none;
    //max-width:100%;
    max-width:125px;
}
    img.tile {
    border-radius:5px; 
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border:none;
    max-width:100%;
}
                    
          div.message {
    text-align:center;
    }
          
input.previousbutton {margin-right:5px;}
input.nextbutton {margin-left:0px;}
input.searchbutton {background-color:#525252;border:none;color:white;margin-left:10px;}
.right{float:right;margin-bottom:10px;}

.lowcase {text-transform: lowercase; width:200px;}
hr.rule {color:#C0C0C0;width:100%;margin-bottom:15px;}
div.rule {width:100%;border-top:solid;border-color:#C0C0C0;border-width:1px;margin-bottom:15px;}
div #footer {clear:left;clear:right;padding-top:30px;}
div #summarynav {width:100%;min-height:33px;}
div #tiles {clear:left;clear:right;width:80%;margin-left:auto;margin-right:auto;margin-bottom:5px;overflow:auto;}
div.tile {float:left;min-height:180px;width:20%;padding:1%;font-size:0.9em;text-align:center;overflow:auto;}

div.tile-old {float:left;min-height:200px;width:14%;padding:3%;border:solid;border-color:#C0C0C0;border-width:1px;margin:2px;
	border-radius:5px; 
    -webkit-border-radius: 5px;    
    -moz-border-radius: 5px;}


div #positionsummary {float:right;margin-bottom:10px;}
div #searchsummary {float:left;}
div #content {clear:left;min-height:200px;border-bottom:solid;border-color:#C0C0C0;border-width:1px;}


td.spacer {padding-bottom:15px;}


br {clear:left;}
table {width:100%;}
#staffs-logo {
	float: left;
	margin-right: 50px;
}
#header {
	min-height: 100px;
	font-size: 48px;
	color: #525252;
}
#header p { padding-top: 10px; }
h1 {
    color: #900;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.1em;
}
h2 {
    color: #525252;
    font-size: 18px;
    font-weight: normal;
}

#strap {background:#900;
	}


#strap h1 {
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.1em;
	padding:5px;
}

img.logo {border:none;}



      
@media screen and (min-width: 600px){
  div #column {width:50%;}
  }