@import "style_lists.css";
@import "style_tooltip.css";
@import "style_msg_box.css";
@import "style_form.css";

* {
    box-sizing: border-box;
}

* {
    font-family: ariel, verdana, sans-serif, serif, monospace;
}

body {
    background-color: #FF6030;       /* lotus */
    margin: 0;
    border: 0;
}
 
a {
    text-decoration: none;
}

a:hover {
    color: #FFFFFF;
}

.nav {
    background-color: #008000;      /* green */
    padding: 5px 2%;
}

#tagcurr {
    display: none;
}

.nav::after {
    content: "";
    clear: both;
    display: block; 
}

[class*="col-"] {
    float: left;
    padding: 5px 1%;
}

/* for desktop */

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

/* for mobiles */

@media only screen and (max-width: 600px) {
    [class*="col-"] {
        width: 100%;
    }
}

.header {
    color:  #008000;
    font-style: italic;
    text-shadow: 3px 2px #FF0000;
    padding: 5px 2%;
}

.normal {
    color:  #000000;
    text-align: justify;
    font-style: normal;
    text-shadow: none;
    padding: 5px 2%;
}

.center {text-align: center;}
.right  {text-align: right; }
.left   {text-align: left;  }

.normal h1 {
    text-align: left;
    text-shadow: 3px 2px #FF0000;
}

.footer, .goback {
    background-color: #008000;   
    color:   #FFD700;                /* gold  */             
    font-size: 0.75em;
    padding: 5px 2%;
}

img {
	float: left;
	display: block;
	padding: 2%;
	max-width: 100%;
    opacity: 0.75;
    filter: alpha(opacity=50);  /* For IE8 and earlier */
}

img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}


.dbutton {
    color:  #FFD700;                /* gold  */
    background-color: #008000;    
    padding: 5px 2%;
    border: none;
    cursor: pointer;
    font-size: 1em;
    text-decoration: none;
}

.dbutton:hover, .dbutton:focus {
    color: #FFFFFF;
}

.dbutton:active {
    background-color: #FF0000;
}

/* topnav menu items */

.content {
    padding: 5px 2%;
    margin: auto;
}

.content a {
    display: inline-block;
    color: #0010FF; 
    font-size: 1em;
    padding: 5px;
    border: none; 
    text-decoration: none;
}