<!--struture-->

p
{
text-align:left;
font-size:12px;
font-weight:bold;
color:black;
text-indent: 0px;
word-spacing: 0px;
letter-spacing: 0px;
text-transform: captitalize;
text-decoration: none;
white-space: normal;

}



.middle p
{
text-align:left;
font-size:12px;
font-weight:bold;
color:black;
text-indent: 0px;
word-spacing: 0px;
letter-spacing: 0px;
text-transform: captitalize;
text-decoration: none;
white-space: normal;

}

h2
{
text-align:left;
font-size:20px;
font-weight:bold;
color:orangered;
white-space: normal;
word-spacing: 0px;
letter-spacing: 0px;
text-transform: captitalize;
}


h3
{
text-align:left;
font-size:16px;
font-weight:bold;
color:green;
word-spacing: 0px;
letter-spacing: 0px;
text-transform: captitalize;
text-decoration: none;
white-space: normal;
}

h4
{
text-align:left;
font-size:14px;
font-weight:bold;
color:green;
word-spacing: 0px;
letter-spacing: 0px;
text-transform: captitalize;
text-decoration: none;
white-space: normal;







}




.promotion
{
text-align:left;
font-size:14px;
font-weight:bold;
color:red;

}

.content
{
text-align:left;
font-size:12px;
font-weight:normal;
color:black;


}


.explain
{
text-align:left;
font-size:10px;
font-weight:normal;
color:black;






}

.contract
{
text-align:left;
font-size:8px;
font-weight:normal;
color:red;






}

.question
{
text-align:left;
font-size:16px;
font-weight:bold;
background-color:rice;
color:blue;
text-indent: 0px;
word-spacing: 0px;
letter-spacing: 0px;
text-transform: captitalize;
text-decoration: none;
white-space: normal;





}
.answer
{
text-align:left;
font-size:12px;
color:black;
text-indent: 0px;
word-spacing: 0px;
letter-spacing: 0px;
text-transform: captitalize;
text-decoration: none;
white-space: normal;



}


.endnote
{
text-align:left;
font-size:12px;
color:black;
text-indent: 0px;
word-spacing: 0px;
letter-spacing: 0px;
text-decoration: none;
white-space: normal;
float:center;
clear:both;


}




.body
{

width:100%;
height:px;
float:center;
clear:none;






}



.topnavigatebar
{
width:100%;
height:50px;
margin:0;
padding:0;
border: solid 0px black;

}



.websites
{
float:center;
clear:both;
width:100%;
height:50px;
margin:0;
padding:0;
border: solid 0px black;
text-align:left;
}

.footer
{
float:center;
clear:both;
width:100%;
height:50px;
margin:0;
padding:0;
border: solid 0px black;
text-align:center;
}

.leftbar
{

left:px;
width:px;
height:px;
margin:20px 0;
float:left;
clear:none;

}


.rightbar
{

right:px;
width:px;
height:px;

float:right;
clear:none;
margin:20px 0;

}







.middle
{
left:px;
right:px;
height:px;
width:px;
overflow:auto;
clip:auto;
margin:20px 00px;
padding:0;
border: solid 1px pink;
}


.leftcontent
{
float:left;
clear:left;
height:px;
width:49%;
overflow:auto;
clip:auto;
margin-left:0;
padding:0;
border: solid 1px pink;
}

.rightcontent
{
float:right;
clear:right;
height:px;
width:49%;
overflow:auto;
clip:auto;
margin-left:0;
padding:0;
border: solid 1px pink;
}





<!--menu button-->
.menu ul,.leftbar ul,.rightbar ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}



.menu a
{
float:left;

text-decoration:none;

background-color:pink;
padding:0.1em 0.2em;
border-right:1px solid white;
}

.menu a:hover
{background-color:#ff3300}

.topnavigatebar li {display:inline}

ul li
{list-style-type:none;
list-style-position:inside;
text-align:left;


}