/* Styles for TSWF Initial Page */

/* Body */
body   {
        margin       : 0.5cm;
	padding      : 0;
        font-size    : 14pt;
	font-family  : times new roman, arial, verdana, sans-serif;
        color        : #000000;
	}
h1     {
	font-weight  : bold;
        color        : #003300;
        font-size    : 240%;
	}

h2     {
        font-weight  : bold;
        color        : #003300;
        font-size    : 200%;
	}

h3     {
        font-weight  : bold;
        color        : #003300;
        font-size    : 160%;
        }

h4     {
        font-weight  : bold;
        color        : #003300;
        font-size    : 120%;
        }
p      {
        font-size    : 14pt;
        color        : #000000;
	font-family  : "times new roman", arial, verdana, sans-serif;
	}


/* Links */
a:link {color: #661100; text-decoration: underline; }
a:link.highlight {color: #661100; text-decoration: underline; background-color: #ffffff; box-shadow:0px 10px 10px rgba(0,0,0,0.2)}
a:link.shadow {box-shadow:0px 10px 10px rgba(0,0,0,0.2)}
a:active {color: #003300; text-decoration: underline; }
a:visited {color: #661100; text-decoration: underline; }
a:hover {color: #003300; text-decoration: none; }

.enlarge:hover {
	transform:scale(2,2);
	transform-origin:0 0;
}

/*image*/
img    {
       max-width     : 100%;
       }


/*menu*/
.menu-wrap {
    width:100%;
    box-shadow:0px 0px 0px rgba(0,0,0,0.2);
    background:#ccdd99;
}
 
.menu {
    margin:0px auto;
}
 
 .clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.menu li {
    margin: 10px;
    list-style:none;
    color        : #003300;
    font-family:'Ek Mukta';
}
 
.menu a {
    transition:all linear 0.15s;
    color: #661100;
}
 
.menu li:hover> a, .menu .current-item > a {
    text-decoration:none;
    color: #003300;
}
 
.menu .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:19px;
}
 
.menu > ul > li > a {
    padding: 10px 10px;
    display:inline-block;
    text-shadow:0px 0px 0px rgba(0,0,0,0.4);
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background: #ccdd99;
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    width:300%;
    padding:10px 10px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 5px 5px rgba(0,0,0,0.2);
    background: #ffffff;
}
 
.sub-menu li {
    display:block;
    font-size:16px;
}
 
.sub-menu li a {
    padding:0px 0px;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background: #ccdd99;