@media all and (max-width: 840px)  {
* {padding:0; margin:0 auto;}
#blog .bodylinks {color:#000000!important;}
#blog .bodylinks.a {color:#000000!important;}
.bodylinks img {margin-right:10px;}
table:last-child { padding-bottom:10px;
           }
table { padding:5px 0px 5px 0px;
     border:0; width:100%;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      
    }

    table td {width:100%;
      display: inline-table;
	  vertical-align:top;
      text-align: left; 
    }
	
	table:first-child {
     border-bottom:solid 1px  #666666;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left; clear:both;
      text-transform: uppercase;
      font-weight: bold;
    }

h1, h2, h3 {
    font-family: "Times New Roman",Times,serif;
	}
	
body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}
body {
		background-color: #160D06;
	
}
.redtitle {font-size:18px!important; font-weight:bold!important;}
.body {color:#fff; line-height:1.5; font-size:16px !important;}
.lgbody {color:#fff;line-height:1.5; font-size:16px !important;}
.title { font-size:16px; font-weight:bold; color: #B1763C;}

A.bodylinks  {text-decoration:underline; color:#fff; }
A.bodylinks:Hover {text-decoration:none; color:#FFFFCC;}

#container { position:relative; margin-top:10px; margin-bottom:40px; background-color: #160D06;}


#header { text-align:center; position:relative; min-height:220px;}
#header .left { text-align: center; margin-bottom:10px;}
  
#header .right { text-align: center;}
#header  a:link {color:#fff; text-decoration:none;}
#header a:visited {color:#fff; text-decoration:none;}
#header  a:hover {color: #FFCC00; text-decoration:underline;}
#header  a:active {color:#fff; text-decoration:none;}
#slogan { width:100%; text-align:center; margin:10px 0px 10px 0px;}
#nav {display:none;}
.mobmenu { padding:20px 0px 20px 0px; border-bottom:solid 1px #ccc;border-top:solid 1px #ccc; margin-bottom:20px; background-color:#333333;}
#clear{ clear:both;}

#contents {padding:20px; background-color: #160D06; position:relative;}


#footer { padding:20px; text-align:center; color:#fff; height:200px;}
#footer  a:link {color:#fff; text-decoration:none;}
#footer  a:visited {color:#fff; text-decoration:none;}
#footer  a:hover {color: #ffffff; text-decoration:underline;}
#footer  a:active {color:#fff; text-decoration:none;}




/* happy menu */
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
display:inline-table;
position: relative;
}

.mainitems{ font-weight:bold; color:#fff;
border: none; font-size:1.2em;
margin:10px 0px 10px 0px;
text-align:center;
width:100%;
}

.mainitems a{color:#fff;

text-decoration: none;
}

.subuls{
display: none;
width:100%;
top: 1.2em;
left: 0;
z-index:999;
background-color: #666666;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

.subuls li{
width: 100%; line-height:1.8; padding:2px;
}

.subuls li a:link{ color:#fff;  font-weight:normal;
text-decoration: underline;
}

.subuls li a:visited{ color:#fff;  font-weight:normal;
text-decoration:none;
}
.subuls li a:hover{ color:#B1763C;  font-weight: bold;
text-decoration: underline;
}

.subuls li a:active{ color:#fff;  font-weight:normal;
text-decoration: none;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

}

@media all and (max-width:1000px) and (min-width:840px){
* {padding:0; margin:0 auto;}
#blog .bodylinks {color:#000000!important;}
#blog .bodylinks.a {color:#000000!important;}
.bodylinks img {margin-right:10px;}
table:last-child { padding-bottom:10px;
           }
table { padding:5px 0px 5px 0px;
     border:0; width:100%;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 10px;
      display: block;
      
    }

    table td {width:100%;
      display: inline-table;
	  vertical-align:top;
      text-align: left; 
    }
	
	table:first-child {
     border-bottom:solid 1px  #666666;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left; clear:both;
      text-transform: uppercase;
      font-weight: bold;
    }

h1, h2, h3 {
    font-family: "Times New Roman",Times,serif;
	}
	
body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}
body {
		background-color: #160D06;
	
}
.redtitle {font-size:18px!important; font-weight:bold!important;}
.body {color:#fff; line-height:1.5; font-size:16px !important;}
.lgbody {color:#fff;line-height:1.5; font-size:16px !important;}
.title { font-size:16px; font-weight:bold; color: #B1763C;}

A.bodylinks  {text-decoration:underline; color:#fff; }
A.bodylinks:Hover {text-decoration:none; color:#FFFFCC;}

#container { position:relative; margin-top:10px; margin-bottom:40px;}


#header { text-align:center; position:relative; min-height:220px;}
#header .left { text-align: center; margin-bottom:10px;}
  
#header .right { text-align: center;}
#header  a:link {color:#fff; text-decoration:none;}
#header a:visited {color:#fff; text-decoration:none;}
#header  a:hover {color: #FFCC00; text-decoration:underline;}
#header  a:active {color:#fff; text-decoration:none;}
#slogan { width:100%; text-align:center; margin:10px 0px 10px 0px;}
#nav {display:none;}
.mobmenu { padding:20px 0px 20px 0px; border-bottom:solid 1px #ccc;border-top:solid 1px #ccc; margin-bottom:20px; background-color:#333333;}
#clear{ clear:both;}

#contents {padding:20px; background-color: #160D06; position:relative;}


#footer { padding:20px; text-align:center; color:#fff; height:200px;}
#footer  a:link {color:#fff; text-decoration:none;}
#footer  a:visited {color:#fff; text-decoration:none;}
#footer  a:hover {color: #ffffff; text-decoration:underline;}
#footer  a:active {color:#fff; text-decoration:none;}


/* happy menu */
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
display:inline-table;
position: relative;
}

.mainitems{ font-weight:bold; color:#fff;
border: none; font-size:1.2em;
margin:10px 0px 10px 0px;
text-align:center;
width:100%;
}

.mainitems a{color:#fff;

text-decoration: none;
}

.subuls{
display: none;
width:100%;
top: 1.2em;
left: 0;
z-index:999;
background-color: #666666;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

.subuls li{
width: 100%; line-height:1.8; padding:2px;
}

.subuls li a:link{ color:#fff;  font-weight:normal;
text-decoration: underline;
}

.subuls li a:visited{ color:#fff;  font-weight:normal;
text-decoration:none;
}
.subuls li a:hover{ color:#B1763C;  font-weight: bold;
text-decoration: underline;
}

.subuls li a:active{ color:#fff;  font-weight:normal;
text-decoration: none;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}
}


@media all and (min-width: 1000px) {
* {padding:0; margin:0 auto;}
#blog .bodylinks {color:#000000!important;}
#blog .bodylinks.a {color:#000000!important;}
h1, h2, h3 {
    font-family: "Times New Roman",Times,serif;
	}
	
body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}
body {
		background-color: #160D06;
	background-image: url(../images/leftbar.jpg);
	background-repeat: no-repeat; background-size:272px 100%;
	background-position:left top;
	background-attachment:fixed;
}
.redtitle {font-size:18px!important; font-weight:bold!important;}
.body {color:#fff; line-height:1.5; font-size:16px !important;}
.lgbody {color:#fff;line-height:1.5; font-size:16px !important;}
.title { font-size:18px;  color: #B1763C;}

.body td, .lgbody td {padding:9px;}

A.bodylinks  {text-decoration:underline; color:#fff; }
A.bodylinks:Hover {text-decoration:none; color:#FFFFCC;}

#container { position:relative; margin-top:10px; padding-bottom:40px; overflow:hidden;}

#header { text-align:center; position:relative; min-height:220px; max-width:92%;}
#header .left {  text-align:left; margin-left:220px;}
#header .left img {float:left; margin-right:20px; margin-bottom:20px;  max-height:150px;}
  
#header .right { position: absolute; right:20px; top:10px; z-index:999; text-align:right;}
#header  a:link {color:#fff; text-decoration:none;}
#header a:visited {color:#fff; text-decoration:none;}
#header  a:hover {color: #FFCC00; text-decoration:underline;}
#header  a:active {color:#fff; text-decoration:none;}
#slogan {position:absolute; bottom:10px; width:100%; text-align:center;}

#clear{ clear:both;}

#contents {padding: 0px 20px 0px 62px;
  margin: 0;
  list-style: none;
  }
#nav { text-align: right; width:200px; max-width:200px;  background: rgba(0,0, 0, 0.7); padding:20px 10px 20px 0px; border-radius:9px 0px 0px 9px; border:solid 1px #000000; display:inline-table; vertical-align:top;float: left;  }
#nav ul {list-style:none;}
#nav li {line-height:1.85;}
#nav a:link {color:#FFFFFF; font-size:16px; text-shadow:#000 1px 1px 1px; line-height:1.75; text-decoration:none;}
#nav a:visited {color:#FFFFFF; font-size:16px; text-shadow:#000 1px 1px 1px; line-height:1.75; text-decoration:none;}
#nav a:hover {color: #FFCC00; font-size:16px; text-shadow:#000 1px 1px 1px; line-height:1.75; text-decoration:underline;}
#nav a:active {color:#FFFFFF; font-size:16px; text-shadow:#000 1px 1px 1px; line-height:1.75; text-decoration:none;}

.mobmenu {display:none;}
#contents .leftcontent {margin-left:20px; width:67%; float: left;}

#footer { padding:20px 0px 10px 0px; text-align:center; color:#fff; max-width:70%; }
#footer  a:link {color:#fff; text-decoration:none;}
#footer  a:visited {color:#fff; text-decoration:none;}
#footer  a:hover {color: #ffffff; text-decoration:underline;}
#footer  a:active {color:#fff; text-decoration:none;}



}