body { 
font-size: 0pt;
font-family: Calibri, Arial, sans-serif;
background-color:#333333;
color:white;
}

#Page{
Height: 420px;
width: 870px;
margin: auto;
}

#Quiz {
float:right;
margin-top: 44px;
font-size: 18pt;
width: 700px;
Height: 420px;
border-style:inset solid outset inset;
border-width:2;
border-color:gray white white gray;
background-image:url("img/pagebg2.jpg"); 
}


#MenuHolder{
float:left;
width: 160px;
Height: 420px;
margin-top:40px;
//background:blue;
}

#Menu{
Height: 300px;

}


.menuitem {
width: 130px;
height:26px;
margin:5px;
border-width:1px 3px 3px 1px;
border-style:inset solid outset inset;
padding:5px;
font-size: 13pt;
border-color:gray white white gray;
background-image:url("img/Menubg.jpg"); 
}

.menuhand {
cursor:pointer;
}
.menudef {
cursor:default;
}

.menuselect {
border-width:1px;
border-style:outset solid inset outset;
font-weight:bold;
text-align:center;
color: MistyRose;
font-style: italic;
}

.Buttons {
width: 95px;
height: 25px;
color: Silver;
margin-left: 5px;
margin-top: 0px;
border: dotted;
text-align:center;
border-width:1px;
cursor:pointer;
font-size:14pt;
}

.Inactive {
color: DimGray;
cursor:default;

}

#ScoreButton {
float:right;
}

#TryAgainButton {
float:right;
}

#QuestionButton{
float:right;

}


#ButtonHolder {
height: 30px;
}

#ansin {
font-size: 10pt;
color:MediumSpringGreen;
font-family:comic Sans MS;
height:25px;
//background:magenta;
}

#Suggestions  {
margin: 0px 10px;
height:115px;
line-height: 2.2;
//background:blue;
margin-top:10px;

}

#suggestionfade {
height:100px;
//padding:5px 15px;
}

.Suggestion {
height: 40px;
font-family:verdana;
font-size:11pt;
font-weight:bold;
color:MistyRose;
width:295px;
//background:red;

}

#s1{
position: relative;
height: 30px;
width:295px;
//background:pink;
}
#s2{
position: relative;
height: 30px;
width:295px;
//background:pink;
}
#s3{
position: relative;
height: 30px;
width:295px;
//background:pink;
}
#s4{
position: relative;
height: 30px;
width:295px;
//background:pink;
}

.questiongap {
margin:5px 0px 0px 5px;
letter-spacing:3px;
text-decoration:underline;
}

.Question {
height:70px;
color:LightCyan;
line-height:1.6;
font-family:verdana;
font-size:13pt;
//background:green;
margin-top:3px;
}

#questionsFade {
height:219px;
//padding: 15px;
//background:red;
}
#questionsFrame {
height:219px;
}



.tickmark {
color: Lime;
text-decoration: none;
}

.crossmark {
color: OrangeRed;
text-decoration: none;
}

#mainsec {
float: left;
//Height: 400px;
width: 620px;
margin-left:15px;
margin-top:10px;
font-size:0pt;

}

#lefttube {
height:350px;
width:14px;
background-image: url("img/yellowtube.bmp");
margin-top:5px;
border-style:solid none solid none;
border-width:5px 0px 5px 0px;
border-color:white;
}

#righttube {
background-image: url("img/yellowtube.bmp");
height:350px;
width:14px;
margin-top:5px;
border-style:solid none solid none;
border-width:5px 0px 5px 0px;
border-color:white;
}

#rightsec{
float:right;
width:14px;
margin-right:10px;

}
#leftsec {
float:left;
width:14px;
margin-left:10px;

}

#greentube {
background-image: url("img/greentube.bmp");
height:350px;
border-style:none none solid none;
border-width:0px 0px 5px 0px;
border-color:green;

}

#bluetube {
background-image: url("img/bluetube.bmp");
height:350px;
border-style:none none solid none;
border-width:0px 0px 5px 0px;
border-color:blue;
}

.starttest {
text-align:center;
font-family:arial;
font-size:18pt;
color:#9ACD32;
}

#footer {
font-size:10pt;
padding: 10px;
//text-align:center;
}

a:link, a:visited, a:active{
text-decoration: none;
color:#ffffff;
}
a:hover {
text-decoration: none;
color:#ffbcc1;
}

.starttest2 {
text-align:center;
font-family:arial;
font-size:18pt;
color:#ffffcc;
}

#Stat {
font-size:11pt;
padding: 10px;
//text-align:center;
color : yellow;
}