@font-face {font-family: 'Muli-ExtraLightItalic'; src: url('font/Muli-ExtraLightItalic.ttf')  format('truetype')}
@font-face {font-family: 'Muli-Light'; src: url('font/Muli-Light.ttf')  format('truetype')}
@font-face {font-family: 'Muli'; src: url('font/Muli.ttf')  format('truetype')}
@font-face {font-family: 'Muli-Bold'; src: url('font/Muli-Bold.ttf')  format('truetype')}

html.wings, body.wings {background-color: #adb9c7; height: 100%; margin: 0px; padding: 0px; scrollbar-face-color: #909ca8; scrollbar-darkshadow-color: #909ca8; scrollbar-3dlight-color: #d6e3f1; scrollbar-track-color: #adb9c7; scrollbar-arrow-color: #444e59}
html.maps, body.maps {background-color: #cecece; height: 100%; margin: 0px; padding: 0px; scrollbar-face-color: #cccccc; scrollbar-darkshadow-color: #555555; scrollbar-3dlight-color: #ffffff; scrollbar-track-color: #dddddd; scrollbar-arrow-color: #555555}
html.colors, body.colors {background-color: #bbbbbb; height: 100%; margin: 0px; padding: 0px; scrollbar-face-color: #bbbbbb; scrollbar-darkshadow-color: #BBBBBB; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #F4F4F4; scrollbar-arrow-color: #8B8B8B}

h1 {color: #000000; font-family: "Muli-ExtraLightItalic", CenturyGothic, Geneva, AppleGothic, sans-serif; font-size: 2.5em; line-height: 0.5em; letter-spacing: 0.1em; text-align: center}
.h1 {color: #555555; font-family: "Muli-ExtraLightItalic", CenturyGothic, Geneva, AppleGothic, sans-serif; line-height: 1.4em; font-size: 1.8em; letter-spacing: 0.05em}
h1.solo {color: #000000; font-family: "Muli-Light", CenturyGothic, Geneva, AppleGothic, sans-serif; margin-left: 2em; font-size: 1.2em; line-height: 1.6em; letter-spacing: 0px; text-align: left; white-space: nowrap}
h1.it {color: #000000; font-family: "Muli-Light", CenturyGothic, Geneva, AppleGothic, sans-serif; margin-left: 2em; font-size: 1.2em; line-height: 1.6em; letter-spacing: 0px; text-align: left; white-space: nowrap}
h2 {color: #000000; font-family: "Muli-Light", CenturyGothic, Geneva, AppleGothic, sans-serif; font-size: 1.2em; line-height: 2em; text-align: center}
p {color: #000000; font-family: "Muli-Light", CenturyGothic, Geneva, AppleGothic, sans-serif; font-size: 1.2em; line-height: 1.2em; text-align: center}
.t {color: #000000; font-family: "Muli", CenturyGothic, Geneva, AppleGothic, sans-serif; font-size: 1.1em; line-height: 1.1em;}
.s {color: #000000; font-family: "Muli-Light", CenturyGothic, Geneva, AppleGothic, sans-serif; margin-left: 2.3em; font-size: 1.1em; line-height: 2em; text-align: left}

a:visited,  a:link {color:#555555; font-family: "Muli-Light", CenturyGothic, Geneva, AppleGothic, sans-serif; font-size: 1.1em; text-decoration: none}
a:hover {color:#000000; text-decoration: none}


header.wings {background-color: #9aa9bb; min-width: 1032px; height: 2.8em; margin: 0px; padding: 0.3em 0px 0px 0.3em}
header.maps {background-color: #bebebe; min-width: 1032px; height: 2.8em; margin: 0px; padding: 0.3em 0px 0px 0.3em}
header.colors {background-color: #aaaaaa; min-width: 1032px; height: 2.8em; margin: 0px; padding: 0.3em 0px 0px 0.3em}
table.navigleft {position: absolute; top: 8px; left: 8px; z-index: 3; height: 2.8em; border: solid green 0px; white-space: nowrap}
table.navigright {margin: 8px 20px 0px auto; height: 2em; width: 17%; border: solid blue 0px; white-space: nowrap}
td.right {border: solid blue 0px; padding: 0px 0px 0px 2em; text-align: center; vertical-align: bottom}
td.left {position: relative; top: -0.4em; border: solid blue 0px; padding: 0px 0px 0px 10px; width: em; text-align: center; vertical-align: bottom}

.name {position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 8px auto 0px auto; width: 15em; height: 3em; border: 0px solid steelblue; text-align: center; vertical-align: bottom; white-space: nowrap}



table.thumb {border: solid red 0px; width: 95%; height: 95%; margin-left: auto; margin-right: auto}
td.thumb {border: solid yellow 0px; padding: 18px; text-align: center}


table.solo {border: solid green 0px; width: 98%; height: 90%; margin-left: 8px}
tr.solo {vertical-align: baseline}
td.land {border: solid red 0px; text-align: left}
td.port {border: solid blue 0px; text-align: left; vertical-align: top}
td.right {border: solid blue 0px; text-align: right}

table.detail {border: solid red 0px; width: 95%; height: 90%; margin-left: auto; margin-right: auto}

img {border: 0px; margin: 0px 4px 0px 4px}
img.land {border: 0px; margin: 14px}
img.port {border: 0px; margin: 14px}
img.solo {border: 0px; margin: 14px}
img.colors {border: solid black 10px}
img.soc {border: solid black 0px; margin: 0px; height: 1.2em; margin: 0px 0.5em 0px 0.5em}
img.soce {position: relative; top: 0.1em; border: solid black 0px; margin: 0px; height: 1.2em; margin: 0px 0.4em 0px 0.4em}