body {
    background-color: #ffffff;
    font-family: sans-serif;
    color: #000000;
    margin: 0em 0em 3em 0em;
    background-image: url('../files-image/GYS_03.gif');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 98% 98%;
}

img#gs {
    height: 128px;
    float: right;
    padding: 0px 0px 0px 7px;
    border-radius: 8px;
}

#fontawesomeicon {
    margin: 0em 0.25em 0em 0.25em;
	padding: 0.65em 0px 0px 0px;
	color: #52a0ff;
	background-color: transparent;
	border-style: none;
}

:link, :visited {
    text-decoration : none;
    font-weight : bold;
    color : #5ca5ff;
    background-color : transparent;
}

:link:hover, :visited:hover {
    color : gold;
    background-color : transparent;
}

div.logo {
    background-color : #cce3ff;
    color : #52a0ff;
    text-align : left;
    margin : 0em;
    padding : 0em;
}

div.logo h1 {
    letter-spacing : 0.1em;
    margin : 0em;
    padding : 0.8em 0.2em 0.2em 1.0em;
    text-align : left;
    font-size : 1.7em;
    font-weight : normal;
}

div.logo :link, div.logo :visited {
    color : #3892ff;
    background-color : transparent;
    font-weight : normal;
}

div.logo :link:hover, div.logo :visited:hover {
    color : #3892ff;
    background-color : transparent;
    font-weight : normal;
}


/*navbar*/

div.navbar {
    padding-bottom : 1.2em;
    border-bottom : 1px solid #99bbdd;
    margin-bottom : 0.5em;
    padding-left : 1em;
}

div.navbar ul {
    margin : 0em;
    padding : 0em;
}

div.navbar li {
    display : block;
    float : left;
    border-left : 1px solid #8899cc;
    border-top : 1px solid #8899cc;
    border-right : 1px solid #8899cc;
    border-bottom : 1px solid #8899cc;
    padding : 0.0em;
    margin : 0.3em;
    background-color : #f7fcff;
    border-radius: 12px;
}

div.navbar :link, div.navbar :visited {
    display : block;
    text-decoration : none;
    background-color : transparent;
    color : #6688cc;
    padding : 0.2em 0.6em 0.2em 0.6em;
    margin : 0em;
    font-weight : normal;
}

div.navbar :link:hover, div.navbar :visited:hover {
    background-color : #ffee88;
    color : #5ca5ff;
    font-weight : normal;
}

div.navbar #sa:hover {
    background-color : #ffe6e5;
    color : #5ca5ff;
    border-radius: 12px;
}

div.navbar #sb:hover {
    background-color : #ccffcf;
    color : #5ca5ff;
    border-radius: 8px;
}

div.navbar #sc:hover {
    background-color : #e3ffcc;
    color : #5ca5ff;
    border-radius: 8px;
}

div.navbar #sd:hover {
    background-color : #fcffcc;
    color : #5ca5ff;
    border-radius: 8px;
}

div.navbar #se:hover {
    background-color : #ffe8cc;
    color : #5ca5ff;
    border-radius: 12px;
}

div.navbar #sf:hover {
    background-color : #e5d8fd;
    color : #5ca5ff;
    border-radius: 8px;
}
 
div.main {
    padding : 1.5em 3em 2em 3em;
    line-height : 1.4em;
}

div.main h1 {
    text-align : left;
    font-weight : normal;
    letter-spacing : 0em;
    color : #4466cc;
    font-size : 1.3em;
    border-left : 15px solid #4466cc;
    border-bottom : 1px solid #4466cc;
    padding-left : 0.5em;
	padding-bottom: 0.2em;
    margin-left : -1.5em;
}


div.main h2 {
    text-align : left;
    font-weight : bold;
    color : #9c99ff;
    font-size : 1.2em;
    border-left : 15px solid #9c99ff;
    border-bottom : 1px solid #9c99ff;
    padding-left : 0.5em;
    margin-left : -0.5em;
    letter-spacing : 0.1em;
}