* {
margin:0;
padding:0;
}

html {
font-family:Tahoma,Helvetica,Arial,Verdana,sans-serif;
font-size:100%;
}


h1 {
font-size:2rem;
color:#fe6800;
text-align:center;
}

h2 {
font-size:1.125rem;
color:#fe6800;
margin-bottom:10px;
text-align:center;
}

h3 {
font-size:1rem;
color:#fe6800;
margin-top:10px;
margin-bottom:10px;
}

table {
border-collapse:collapse;
}

ol {
margin-left:20px;
margin-bottom:20px;
}

.bold {
font-weight:700;
}

.hide {
visibility:hidden;
width:0;
height:0;
}

.shade1 {
background:#f0f0f0;
}

.shade2 {
background:#eaf3fe;
}

.shade3 {
background:#fff0e5;
}

.pad1 {
padding:10px;
}

.pad3 {
padding:0px 10px 10px;
}

.pad4 {
padding-top:10px;
}

.red {
color:red;
}

.redb {
color:red;
font-weight:700;
}

.floatl {
float:left;
}

.floatr {
float:right;
}

.alignl {
text-align:left;
}

.valignt {
vertical-align:top;
}

.clickable:hover {
cursor:pointer;
}


.container-div {
overflow:hidden;
padding:5px 10px;
}


.imgscale {
max-width:100%;
height:auto;
}

.text-container-div {
padding:10px 10px 5px;
}

.text-container-div p {
padding-bottom:10px;
}

.text-note {
width:70%;
border:1px solid #ccc;
border-radius:5px;
line-height:normal;
margin:15px auto;
padding:15px;
text-align:center;
}


.box1 {
border:1px solid #ccc;
border-radius:5px;
text-align:left;
padding:10px;
}

.box2 {
border:1px solid #ccc;
border-radius:5px;
padding:5px 10px;
}


.imgcenter {
display:block;
margin-left:auto;
margin-right:auto;
}


#logo {
width:100%;
margin-bottom:50px;
}


#content-div {
position:fixed;
left:0;
top:35px;
bottom:0px;
width:100%;
overflow:auto;
}


a:hover,.underline {
text-decoration:underline;
}