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

}

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

}

h1
{
	font-family: georgia;
	font-size: 28px;
        font-weight:bold;
	font-style:normal;
	color: #666666;	
}

.indexbine {  
	width: auto;
	height: auto;
	}
.linkbine {  
	width: auto;
	height: auto;
	}


h2
{
	font-family: Georgia; 
	font-size: 15px;
	font-weight:normal;
	font-style:normal;
	color: #666666;	
}

.prlk
{
        text-decoration: none;
        font-family: Georgia;
        font-weight: bold;
        color: #9f0038;
}


.prlk:hover
{
        text-decoration: none;
        font-family: Georgia;
        font-weight: bold;
	color: #666666;
}



.lk
{
	text-decoration: none;
	font-family: Georgia; 
	font-size: 18px;
	font-weight: bold;
	color: #9f0038;
}
a.lk:hover
{
	text-decoration: none;
	font-family: Georgia; 
	font-size: 18px;
	font-weight:normal;
	color: #666666;
}
.lkk
{
	text-decoration: none;
	font-family: Georgia; 
	font-size: 18px;
	font-weight: bold;
	color: #666666;
}
.lk3
{
	text-decoration: none;
	text-align: left;
	font-family: Georgia; 
	font-size: 14px;
	font-weight: bold;
	color: #9f0038;	
}
.s1
{
	font-family: Georgia; 
	font-size: 16px;
	font-weight: bold;
	color: #9f0038;
}
.usr{
        text-decoration: none;
        font-family: Georgia;
        font-size: 17px;
        font-weight: bold;
	color: #666666;
}
body
{
	font-family: Georgia;
	font-size: 16px;
	text-align:justify;
	color: #666666;
/*	background-color: #FFE9CD; */
	background-color: white;
	font-style: normal;
}

.button 
{
	font-family: Georgia;
        border: 2px solid #ffffff;
	color: #9f0038;
         background: #FFFFFF;
}




.menu {
  float:left;
  width:20%;
  text-align:right;
  width:250px;
}
.menuitem {
  padding:4px;
  margin-top:7px;
  text-align:right;
  margin-left:20px;
  margin-right:15px;
  width: 13rem;
}
.main {
  float:left;
  margin-left:60px; 
  width:62%;
}

.mobile {
  display:none;
}

.widescreen {
  display:inline;
}

td.nav {
	padding-top:40px         
       }

@media only screen and (max-width:400px) {
   td.nav {
	padding-top:0px         
       }
  .widescreen, .menutopspacer {
    display:none;
  }

  .mobile {
    display:inline;
  }

  .menu {
    width:100%;
    text-align:left;
  }
  .main {
    width:95%;
    margin-left:20px; 
  }
  .menuitem {
    padding:4px;
    margin-top:7px;
    margin-bottom:27px;
    margin-left:3px;
    text-align:left;
    width: 13rem;
    xxborder-style: solid;
    xxborder-width: 1px;	
    xxborder-color: red;
  }

}