@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


* { margin:0; padding:0; outline:0; }
html, body {width:100%; height:100%;}

body {
    display: table;
    background-color: #f8f8f8;
    xfont-size: 12.5px; 
    xline-height: 1.25em;
}


img { border:none; }


BODY,TD,TH,P,INPUT {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
}
BODY,TD,P,INPUT {
    font-size: 10px;
    font-style: normal;
}

img {
    border: 0;
}


H1, H2, H3 {
    font-family: 'BebasNeueRegular', 'Bebas Neue', 'Trebuchet MS', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-rendering: optimizeLegibility; 
}

H3 {
    font-size: 14.5px;
    xfont-style: italic;
    text-align: left;
    color: #101077;
}



  A:visited, A:link { 
	text-decoration: none;
	color: #cccccc;
  }

  A:hover, A:active {
	text-decoration: underline;
	color: #FF0000
	/* color: #ff6633; */
  }

  .copyright {
	font-size: 11px;
	color: #6699CC;
	margin-top: 5px;
	margin-bottom: 2px;
  }

/*

  .fig {
	font-size: 12px;
  }
  .fn { 
	font-size: 9pt;
      }

TH { font-size: 12px; font-style: normal; }
.v11 { font-size: 11px }
.v12 { font-size: 12px}
.v10 { font-size: 10px}


.blu {
    display: block;
    text-align: left;
    background-color: #101077;
    color: white;
    xwidth: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 2px 8px;
    margin: 5px 0;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    -moz-transform: skew(-8deg);
    -webkit-transform: skew(-8deg);
    transform: skew(-8deg);
}

.blu span {
     -moz-transform: skew(8deg);
    -webkit-transform: skew(8deg);
    transform: skew(8deg);
}  


a.blu {
    color: white;
}
a.blu:hover {
    background-color: red;
    color: white;
    text-decoration: none;
}
*/

#container {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    xborder: 1px solid red;
}

#page {
    xmin-height:100%; margin: auto; width: 604px;
    xborder: 1px solid green;
}

#content {
    position: relative; 
    text-align: center;
    margin: auto;
    width: 100%;
    min-height: 200px;
xborder: 1px solid green;
    display: table;
}
/*
#mid {
    width: 180px;
    margin: 30px auto;
}

#logo { 
    width: 180px;
    margin: 30px auto;
}
*/

#logo h1 {
    background: url('../pix/yra-logo-centered.png') bottom left no-repeat; 
    display: inline-block;
    width: 126px;
    height: 87px;
    text-indent: -99999px;
    xbackground-position: bottom;
    outline: 0;	
    margin:auto; top:0;right:0;left:0;bottom:0; position:absolute;
    xborder: 1px solid green;
}


.sq a {
    display: block;
    height: 100%;
    width: 100%;
    xborder: 1px solid red;
}

.sq a:hover {
    background-color: #fff;
}

.sq img {
    margin:auto; top:0;right:0;left:0;bottom:0; position:absolute;
    xborder: 1px solid green;
}

.sq {
    position: relative;
    xdisplay: block;
    display: table-cell;
    width: 200px;
    height: 200px;
    float: left;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

.sq:hover {
    background-color: #fff;
}

.top {
    border-top: 0px;
}
.left {
    border-left: 0px;
    clear: both;
}
.right {
    border-right: 0px;
}
.bott {
    border-bottom: 0px;
}



.clear {
    width: 100%;
    height: 1px;
    margin: 0 0 -1px;
    clear: both;
}