/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/

 html #text {  height: 1%; }

/* table formatting  force scroll bars  */ 
html  { margin-bottom: 1px; width: 100%; height: 100%; min-height: 100% }

body { background: #a68456 url(brown174.jpg) repeat; margin:0; margin-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em; }

.clearline { clear:both; width: 100%; margin-bottom: 1.5em;}
.picborder {  border: 1px #000000 solid; margin-right:.5em; }
.pic-center { margin-left:5%; width:90%; border: 1px #000000 solid; }
.pic-center2 { margin-left:35%; width:30%; border: 1px #000000 solid; }

a {color: #efd; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
a:hover {color: #ff0; text-decoration: none; font-weight: bold; }

.table-surround { border-collapse: collapse; margin:auto; text-align:center; border:0; border-radius:.2em; width:60%; background:#472313;  }
.table-surround td { width:.2em; height:1em; border:0; }
.page_title {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 60%; line-height: 100%; color: #e4cd89; letter-spacing: 1px; margin-top: 3px; 	}

.table-cuth {padding: 1em; padding-bottom: 3em; text-align:left; font-size: 100%; line-height: 140%; background-color: #a68456; border-radius:.2em; }
.table-cuth h2 {  text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 180%; line-height: 120%; font-weight: bold; color: #e4cd89; letter-spacing: 3px; text-shadow: 2px 2px #000000; margin:0;}
.table-cuth h1 {  text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 120%; line-height: 100%; font-weight: normal; color: #e4cd89; letter-spacing: 3px; text-shadow: 1px 1px #000000; margin:0; margin-bottom:1.5em; }

.title-box { margin:auto; width:80%; background:#004000; text-align:center; border:3px #e4cd89 groove; border-radius:.3em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 140%; text-shadow: 2px 2px #000000; line-height: 60%; font-weight: normal; color: #e4cd89; padding: .7em .5em; padding-bottom: 1.3em; margin-bottom: 1em; 	}
.title-box h1 {  text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 120%; font-weight: normal; color: #e4cd89; letter-spacing: 3px; text-shadow: 2px 2px #000000; margin-bottom:.3em; }
.title-box .caption { text-shadow: 1px 1px #000000; }
.title-box img { padding: .1em .5em; max-width:100%; vertical-align: baseline;}

.gold { border: 1px #e4cd89 solid; width:90%;}

i.rel0 {font-family: arial, serif; font-weight: bold; color: #a00000; background-color: inherit; }
i.rel1 {font-family: verdana, arial, serif; font-size: 120%; font-weight: bold; color: #a00000; background-color: inherit; }

.footer { margin:auto; width:80%; margin-top: 2em;  text-align: center; font-size: 90%; line-height: 100%; color: #f5f5dc; }
.footer img {  padding: .3em; margin-top:.5em;	 }
.footer a {  color:white; text-decoration: none; }
.footer a:hover {  color:gray; }

.link2  { margin:auto; width: 30%; font-size: 100%; text-align: center; border:2px #554 solid; border-radius:.3em; }
.link2 A  {display: block;  color: #000000; background-color: #ffa500; text-decoration: none; padding: 3px; }
.link2 A:hover  { color: #ffa500; background-color: #666; }

.full-width { margin:auto; width: 96%; }
.quarter    { float:left; width: 24.5%; text-align: center; border-radius:.3em; margin-bottom:.3em; border:1px #554 solid; }
.quarter A        { display: block; color: #000000; background-color: #ffa500; padding: 3px; }
.quarter A:hover  { color: #ffa500; background-color: #666; }


@media screen and (max-width: 1080px){
/*body { background:pink;}*/
.table-surround { width:80%; }
.pic-center { margin-left:2%; width: 96%; }
}

@media screen and (max-width: 860px){
/*body { background:red;}*/
.table-surround { width:90%; }
.full-width { clear:both; margin-left:5%; width: 90%; }
.quarter    { float:left; width: 49.5%; }
}

@media screen and (max-width: 680px){
/*body { background:white;}*/
.table-surround { width:99%; }
.table-surround td { width: 2px; height:1em; }
.title-box { width: 98%; padding:0; padding-bottom:1em;}
.full-width { margin-left:1%; width: 98%; }
.link2 { margin:auto; width: 50%; }
.pic-center2 { margin-left:20%; width:60%; border: 1px #000000 solid; }
}

@media screen and (max-width: 580px){
/*body { background:green;}*/
.table-cuth h1 { letter-spacing: 1px; }
}


@media screen and (max-width: 520px){
/*body { background:#f0f;}*/
.title-box { font-size:100%; }
.quarter    { float:left; margin-left:5%; width: 90%; }
}

@media screen and (max-width: 480px){
/*body { background:blue;}*/
.link2 { margin:auto; width: 80%; }
}

@media screen and (max-width: 400px){
/*body { background:green; }*/
.title-box h1 {  font-size: 110%; letter-spacing: 1px; }
.title-box img { padding: .1em .5em; width: .7em;}
}

@media screen and (max-width: 340px){
/*body { background:yellow; }*/
.page_title {font-size: 60%; letter-spacing: .5px; }
.table-surround { width:100%;  padding:0; }
.table-surround td { width: 1px; padding:0; }
.table-cuth {padding: .3em; border-radius:0; }
.title-box { width: 94%;  }
.title-box h1 {  font-size: 100%; }
.title-box img { padding: .1em .3em; width: .5em;}
}

@media screen and (max-width: 280px){
/*body { background:pink; }*/
.title-box { line-height: 100%; }
.title-box h1 {  font-size: 80%; }
}