@media screen and (min-width: 0) and (max-width: 480px)
{

iframe
{
width : 300px;
height : 200px;
}

img.threecol
{
display : none	
}

img
{
width : 100%;
margin : .6em 0 .3em 0;
}

h4
{
margin : 0;
font-weight : normal;
padding : .3em 0;
}

h3.b
{
padding : 2em 0 0 0;
border-top : solid 1px #ccc;	
}



h3.ab
{
text-align : center;
}


h3
{
clear : both;
text-align : left;
margin : 0;
padding : .2em 0 .2em 0;
font-size : 1.05em;
}

h2.olt
{
padding : .4em 0;	
}

h2
{
font-weight : normal;
font-size : 1.15em;
margin : 0;
padding : 0 0 .25em 0;
text-shadow : .1em .1em .1em #aaa;
}

h1
{
font-size : 1.7em;
margin : 0;
padding : 1.3em 0 .2em 0;
text-shadow : .1em .1em .1em #ccc;
}


li
{
font-size : .95em;
line-height : 1.7em;
text-align : left;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

ul.fourgone
{
background : #fff;
float : left;
width : 8.5em;
text-align : center;
margin : 0 0 0 1.1em;
padding : 0 0 0 0;
list-style-type : square;	
}

ul.four
{
background : #fff;
float : left;
width : 8.4em;
text-align : center;
margin : 0 0 0 2em;
padding : 0 0 0 0;
list-style-type : square;
}

div.smb
{
max-width : 15em;	
}

div
{
text-align : center;
max-width : 23em;
margin : 0 auto;
}

ul
{
width : 16em;	
text-align : center;
margin : 0;
padding : 0 0 0 0;
list-style-type : square;
}

p.justone
{
padding : .75em 0 0 0;
line-height : 0;
}

p.b
{	
margin : 0;
padding : 0;
}


p.bb
{
margin : 0 0 .5em 0;
border-bottom : solid 1px #ccc;
}

p.h
{
border-bottom : solid 1px #000;
position : fixed;
top : 0;
width : 100%;
background-image : url("top3.jpg");
background-color : #000;
background-position : 0;
letter-spacing : .03em;
font-weight : bold;
font-style : italic;
font-size : .85em;
margin : 0 0 0 -1.2em;
padding : 0 0 0 .5em;
}

p.mm
{
margin : 0;
padding : 0;
text-align : right;	
}

p.t
{
text-align : center;
font-size : .785em;
border : solid 1px #b00;
border-radius : .5em;
background : #eef;
margin : 0 0 1em 0;
padding : .5em .3em;
line-height : 1.6em;
}

p.fr
{
font-size : .8em;
line-height : 1.8;
font-style : italic;
}

p
{
clear : both;
text-align : left;
margin : 0;
padding : 0 0 .4em 0;
line-height : 2em;
}

body
{
font-size : 1em;
color : #222;
margin : 0 auto;
background : #fff;
padding : 0 1em 3em 1em;
font-family : "Roboto Serif";
text-align : center;
}



a:link.rev
{
text-decoration : none;
color : #fc8;
}

a:visited.rev
{
text-decoration : none;
color : #fc8;
}

a:hover.rev
{
text-decoration : underline;
color : #fff;
}

a:active.rev
{
text-decoration : none;
color : #fc8;
}




a:link.first
{
text-decoration : underline;
color : #479;
}

a:visited.first
{
text-decoration : underline;
color : #479;
}

a:hover.first
{
text-decoration : none;
color : #b00;
}

a:active.first
{
text-decoration : underline;
color : #479;
}


}





@media screen and (min-width: 481px) and (max-width: 768px)
{
	
iframe
{
width : 300px;
height : 200px;
}


img.cs
{
width : 80%;
margin : 1em 0 .5em 0;
}

img.two
{
margin : .5em 0;
width : 60%;
}


img.threecol
{
width : 100%;
margin : .6em 0 .3em 0;
}


img
{
width : 75%;
margin : .6em 0 .3em 0;
}


h4
{
margin : 0;
font-weight : normal;
padding : .3em 0;
}

h3.b
{
padding : .7em 0 0 0;
border-top : solid 1px #ccc;	
}

h3.ab
{
text-align : center;
}

h3
{
clear : both;
text-align : left;
margin : 0;
padding : .2em 0 .2em 0;
font-size : 1.05em;
}

h2.olt
{
padding : .4em 0;	
}

h2
{
font-weight : normal;
font-size : 1.15em;
margin : 0;
padding : 0 0 .25em 0;
text-shadow : .1em .1em .1em #aaa;
}

h1
{
font-size : 1.7em;
margin : 0;
padding : 0 0 .2em 0;
text-shadow : .1em .1em .1em #ccc;
}


li
{
font-size : .95em;
line-height : 1.7em;
text-align : left;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

ul.three
{
display : none;
}

ul.four
{
display : none;	
}

div
{
width : 30em;
margin : 0 auto;	
}

ul
{
float : left;
width : 12.5em;
text-align : center;
margin : 0 0 0 1.1em;
padding : 0 0 0 0;
list-style-type : square;
}


p.b
{	
margin : 0;
padding : 0;
}


p.bb
{
margin : 0 0 .5em 0;
border-bottom : solid 1px #ccc;
}

p.h
{
letter-spacing : .03em;
font-weight : bold;
font-style : italic;
font-size : .85em;
margin : 0;
padding : 0;
}

p.mm
{
margin : 0;
padding : 0;
text-align : right;	
}

p.t
{
width : 320px;
text-align : center;
font-size : .785em;
border : solid 1px #b00;
border-radius : .5em;
background : #eef;
margin : 0 auto .7em auto;
text-align : center;
padding : .5em .3em;
line-height : 1.6em;
}

p.fr
{
font-size : .8em;
line-height : 1.8;
font-style : italic;
}

p
{
font-size : 1em;
clear : both;
text-align : left;
margin : 0;
padding : 0 0 .6em 0;
line-height : 2em;
}

body
{
font-size : 1em;
color : #222;
margin : 0 auto;
background : #fff;
padding : 0 1em 1em 1em;
font-family : "Roboto Serif";
text-align : center;
}
	
	
	
}


















@media screen and (min-width: 769px)
{

iframe
{
width : 600px;
height : 300px;
}

img.threecol
{
display : none	
}

img.two
{
margin : .5em 0;
width : 70%;
}

img.cs
{
width : 80%;
margin : 1em 0 .5em 0;
}

img
{
width : 80%;
margin : .4em 0 .1em 0;
}


h6
{
margin : 0;
padding : .3em 0;
text-align : left;
font-size : .8em;
font-style : italic;
}


h4
{
margin : .3em 0 0 0;
padding : .1em 0;
font-weight : normal;
}

span
{
border-bottom : dotted 1px #000;	
}

h3.olt
{
border-top : solid 1px #ccc;
text-align : center;
margin : 0;
padding : .6em 0 .2em 0;	
}

h3.nn
{
text-align : center;
margin : 0;
padding : .6em 0 .2em 0;	
}

h3.bf
{
margin : 0;
padding : 1em 0 .1em 0;
border-top : solid 1px #ccc;	
}

h3.b
{
padding : .5em 0 .1em 0;
border-top : solid 1px #ccc;	
}


h3.ab
{
text-align : center;
}


h3
{
clear : both;
margin : .2em 0 0 0;
padding : 0 0 .3em 0;
text-align : left;
font-size : 1em;
}


h2.olt
{
padding : .4em 0;	
}

h2
{
clear : both;
font-weight : normal;
font-size : 1.4em;
margin : 0;
padding : 0 0 .1em 0;
text-shadow : .05em .05em .1em #aaa;
}

h1
{
font-size : 1.8em;
margin : -.95em 0 .2em 0;
padding : 0;
text-shadow : .05em .05em .1em #aaa;
}

li
{
line-height : 1.8em;
text-align : left;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

ul.four
{
background : #fff;
float : left;
width : 8.3em;
text-align : center;
margin : 0 0 0 1em;
padding : 0 0 0 0;
list-style-type : square;
}

div
{
padding : 0 0 0 1em;
width : 38em;
margin : 0 auto;	
}

ul
{
background : #fff;
float : left;
width : 17.6em;
text-align : center;
margin : 0 0 0 1.3em;
padding : 0 0 0 0;
list-style-type : square;
}

p.h
{
letter-spacing : .035em;
font-weight : bold;
font-style : italic;
font-size : 1em;
margin : 0;
padding : 0;
}

p.bb
{
margin : .5em 0;
border-bottom : solid 1px #ccc;
}

p.b
{	
margin : 0;
padding : 0;
}

p.justone
{
line-height : 0;
padding : 0 0 1em 0;	
}

p.mm
{
text-align : right;	
margin : 0;
padding : 0;
}

p.t
{
text-align : center;
font-size : .75em;
border : solid 1px #b00;
border-radius : .5em;
background : #eef;
margin : 0 0 .8em 0;
padding : .3em .3em;
line-height : 1.8em;
}

p.fr
{
font-size : .8em;
line-height : 1.6em;	
}

p
{
font-size : 1em;
text-align : left;
margin : 0;
padding : 0 0 .5em 0;
line-height : 2em;
}



body
{
font-family : "Roboto Serif";
color : #000;
border-right : solid 10px #999;
border-left : solid 10px #999;
font-size : 1em;
width : 620px;
margin : 0 auto;
background : #fff;
padding : 0 2em 1em 2em;
text-align : center;
}



a:link.first
{
text-decoration : none;
color : #00b;
}

a:visited.first
{
text-decoration : none;
color : #00b;
}

a:hover.first
{
text-decoration : underline;
color : #b00;
}

a:active.first
{
text-decoration : none;
color : #00b;
}


}







html
{
padding : 0;
margin : 0;
-webkit-text-size-adjust: 100%;
animation-name: loop;
animation-duration: 18s;
animation-iteration-count: infinite;
animation-direction: alternate;
}




@keyframes loop
{

0%
{
background: #384;
}

25%
{
background: #27a;
}

50%
{
background: #72a;
}

75%
{
background: #a23;
}

100%
{
background: #b81;
}

}



a:link
{
text-decoration : underline;
color : #479;
}

a:visited
{
text-decoration : underline;
color : #479;
}

a:hover
{
text-decoration : none;
color : #b00;
}

a:active
{
text-decoration : underline;
color : #479;
}