a:link {color:#303030;  }
a:visited {color:#505050;}
a:hover {color:#505050;}
a:active {color:#505050;}

a img {border:none;}

body
{
background-image:url('images/bg.png');
background-color:#fcfcfc;
font-family:Arial,Helvetica,sans-serif;
color: rgb(102, 102, 102);


}

#navleft
{
margin:0px;
padding:0px;
border:0px;
position:fixed;
left:0px;
top:0px;
z-index: 2;

}

#navleftmove
{
margin:0px;
padding:0px;
border:0px;
position:fixed;
left:0px;
top:0px;
z-index: 2;
	display: block;
	width: 50px;
	height: 52px;
	background: url('images/left2long.png') top;
	text-indent: -99999px;
}

#navleftmove:hover
{
background-position: bottom;
}

#navright
{
margin:0px;
padding:0px;
border:0px;
position:fixed;
right:0px;
top:0px;
z-index: 2;
}

#navrightmove
{
margin:0px;
padding:0px;
border:0px;
position:fixed;
right:0px;
top:0px;
z-index: 2;
	display: block;
	width: 50px;
	height: 52px;
	background: url('images/right2long.png') top;
	text-indent: -99999px;
}

#navrightmove:hover
{
background-position: bottom;
}

#navmiddle
{
position:fixed;
left:0px;
width:100%;
height:52px;
top:0px;
z-index: 1;
}

#navleftbutton
{
margin:0px;
padding:0px;
border:0px;
position:fixed;
left:51px;
top:0px;
z-index: 2;
}

#navrightbutton
{
margin:0px;
padding:0px;
border:0px;
position:fixed;
left:169px;
top:0px;
z-index: 2;
}

#navtopad
{
margin:0px;
padding:0px;
border:0px;
position:fixed;
right:52px;
top:1px;
z-index: 3;
}

h1
{
text-align:center;
font-size: 20pt;
text-shadow: -1px 1px 1px #999999;
}

#question
{
background: rgba(255,255,255,0.8);
display: block;
border: 1px;
padding: 10px;
width: 80%;
border-style:solid;
border-color:#505050;
border-radius: 10px;
margin: auto;
font-size: 12pt;
box-shadow: -8px 8px 4px rgba(40,40,40, 0.5);
}

.smalllight
{
font-size: 9pt;
color: #888888;
}



h2
{
font-size: 13pt;
text-shadow: -1px 1px 1px #999999;
}
strong
{
text-shadow: -1px 1px 1px #999999;
font-weight:700;
}
.sometext
{
}

.mainbody
{
margin-bottom: 20px;
margin-top:52px;
}
.mainbody .leftads
{
float:left;
width:0px;
float: left;
padding:5px;
display:none;
}


.mainbody .rightcontent
{
position: inline;
margin-top:62px;
margin-left: 10px;

}

.imginbodyright
{
float:right;
}
.imginbodyleft
{
float:left;
}
.imginbodycenter
{
display: block;
margin-left: auto;
margin-right: auto;
}

.center /* for class="center" */
{
text-align:center;
}
table.p4table {color:#333333; border-width: 1px;border-color: #a9a9a9;border-collapse: collapse; margin-left:auto; margin-right:auto; }
table.p4table th {background-color:#b8b8b8;border-width: 1px;padding: 3px;border-style: solid;border-color: #a9a9a9;text-align:center;text-shadow: -1px 1px 1px #999999;}
table.p4table tr {background-color:#ffffff;text-align:center;}
table.p4table td {border-width: 1px;padding: 3px;border-style: solid;border-color: #a9a9a9;text-align:center;}
.width20 {width:20%;}
.width50 {width:50%;}
.width60 {width:60%;}
.width80 {width:80%;}
.mw30 {
width:auto;
height:auto;
max-width:30%;
}
.mw40 {
width:auto;
height:auto;
max-width:40%;
}
.brightpink {
	color: #F0F;
	text-shadow: -1px 1px 1px #999999;
}
.brightred {
	color: #F00;
	text-shadow: -1px 1px 1px #999999;
}
.brightgreen {
	color: #0F0;
	text-shadow: -1px 1px 1px #999999;
}
.brightblue {
	color: #00F;
	text-shadow: -1px 1px 1px #999999;
}
.brightamber {
	color: #FFCC00;
	text-shadow: -1px 1px 1px #999999;
}

table.p14table {width:60%;border-width: 0px;border-color: #a9a9a9;border-collapse: collapse; margin-left:auto; margin-right:auto; }
.p14tablecell {border-width: 1px;padding: 3px;border-style: solid;border-color: #a9a9a9;text-align:center;}
.lightgreenback {background-color:#ccffcc; }
.lightredback {background-color:#ffcccc;}
.lightamberback{background-color:#fffdcc;}
.iqlightgreyback {background-color:#cacaca;}
.lightgreyback {background-color:#ccc; border-width: 1px;padding: 3px;border-style: solid;border-color: #a9a9a9;text-align:center;}
.opencell {border-width: 0px;padding: 3px;border-style: solid;border-color: #a9a9a9;text-align:center;}
.closedcell {border-width: 1px;padding: 3px;border-style: solid;border-color: #a9a9a9;text-align:center;}

.clearb{clear:both;}
.opac7{opacity:0.7;}

.strike{
text-decoration: line-through underline; 
}

@media (width: 830px) and (max-device-width:449px) {
h1{
color: rgb(102, 102, 120);
font-size:24pt;
}
h2{
font-size:22pt;
}
.sometext
{
font-size: 21pt;
}
.iquestion{
font-size: 21pt;
line-height: 1.2em;
width: 93%;
}
.question{
font-size: 21pt;
width: 95%;
}
.buttonlink{
font-size: 21pt;
}				
.intro
{
font-size: 19pt;
}
#navtopadi
{
display: none;
}
.button1
{
font-size: 21pt;
}
.q36special{
font-size: 12pt;
}
.textboxstyle1
{
font-size: 21pt;
}
.q35special {display:none;}
.smalllight{font-size: 14pt;
line-height: 1em;}
.lagrande{
position: fixed;
bottom:0;
z-index: 3;
width:100%;	
}
#cookiebox {bottom:80px;}
.mainbody .left {padding-bottom: 70px;}
.mainbody .ileft {padding-bottom: 70px;}
					}
					
@media (width: 830px) and (max-device-width:799px) and (min-device-width:450px)  {
h1{
color: rgb(102, 120, 102);
font-size:22pt;
}
h2{
font-size:20pt;
}
.sometext
{
font-size: 14pt;
}
.iquestion{
font-size: 14pt;
}
.question{
font-size: 14pt;
width: 95%;
}
.buttonlink{
font-size: 14pt;
}				
.intro
{
font-size: 14pt;
}

.button1
{
font-size: 14pt;
}
.q36special{
font-size: 12pt;
}
.textboxstyle1
{
font-size: 14pt;
}
.q35special {display:none;}
.lagrande{
position: fixed;
bottom:0;
z-index: 3;
width:100%;	
}
#cookiebox {bottom:80px;}
.mainbody .left {padding-bottom: 70px;}
.mainbody .ileft {padding-bottom: 70px;}
					}
					
@media (width: 830px) and (min-device-width:800px) {	
h1{
color: rgb(120, 102, 102);
font-size:22pt;
}
.question{
width: 95%;
}
.q35special {display:none;}
.lagrande{
position: fixed;
bottom:0;
z-index: 3;
width:100%;	
}
#cookiebox {bottom:80px;}
.mainbody .left {padding-bottom: 70px;}
.mainbody .ileft {padding-bottom: 70px;}
}