/* CSS Document */
body {background: url('/graphic/background.png') #ff8e15; text-align: center; margin: 0px; padding: 0px; font-family: Arial}

h1 {font-size: 0.75em; margin: 3px 10px 0px 10px}
h2 {font-size: 0.75em; text-align: center; margin: 3px 10px 7px 10px}
img {border: 0px}
p {font-size: 0.75em; margin: 0px 10px 0px 10px; text-align: justify}
table {margin: 0px auto; text-align: left}
td {font-size: 0.75em; text-align: left}
a {color: #06c}
a:hover {color: #00f}
input {font-size: 32px; vertical-align: middle; background: #ddd}
form {margin: 10px 10px 10px 10px; text-align: center}

#background {background: url('/graphic/background-top.png') repeat-x}
#center {width: 760px; margin: 0px auto}

#head {background: url('/graphic/head.jpg') #00a3e2; width: 760px; height: 50px; margin-bottom: 10px; text-align: left}
#top-line {position: relative; top: 10px; left: 10px}
#top-line a {margin-right: 10px}
.ip-address {width: 168px; height: 30px}

#body-background {background: url('/graphic/body-background.jpg') #00a3e2; width: 760px}
#body {background: url('/graphic/body.jpg') no-repeat; width: 760px; min-height: 673px; _height: 673px}
#body-left {float: left; width: 498px}
#body-right {float: right; width: 262px} 
#body-bottom {background: url('/graphic/body-bottom.jpg') no-repeat; width: 760px; height: 6px; line-height: 6px; font-size: 0px}

#logo {margin: 50px 10px 58px 19px; font-size: 0px; line-height: 0px; padding: 0px}

#content-top {background: url('/graphic/content-top.jpg') no-repeat; width: 488px; height: 7px; font-size: 0px}
#content {background: url('/graphic/content.jpg') repeat-y #fff; text-align: left; width: 488px; margin: 10px 0px 4px 10px; =margin-top: 7px}
#content-bottom {background: url('/graphic/content-bottom.jpg') no-repeat; width: 488px; height: 7px; font-size: 0px}

#line {background: url('/graphic/line.jpg') no-repeat; width: 468px; height: 2px; margin: 10px; font-size: 0px}

.menu-top {background: url('/graphic/menu-top.jpg') no-repeat; width: 242px; height: 7px; font-size: 0px}
#menu-primary {background: url('/graphic/menu.jpg') repeat-y #fff; width: 242px; font-size: 0px; margin: 10px 10px 0px 10px}
.menu-bottom {background: url('/graphic/menu-bottom.jpg') no-repeat; width: 242px; height: 6px; font-size: 0px; margin-top: 4px}
#menu-original-scale {background: url('/graphic/original-scale.jpg') no-repeat; width: 182px; height: 30px; margin: 3px 30px 0px 30px}
.menu-line {background: url('/graphic/menu-line.jpg') no-repeat; width: 222px; height: 2px; margin: 0px 10px 0px 10px}
#menu-secondary {background: url('/graphic/menu.jpg') repeat-y #fff; width: 242px; margin: 10px 10px 0px 10px; text-align: left}
#menu-ad {background: url('/graphic/menu.jpg') repeat-y #fff; width: 242px; margin: 10px 10px 0px 10px}
#menu-for-site {background: url('/graphic/menu.jpg') repeat-y #fff; width: 242px; margin: 10px 10px 0px 10px}

#leaderboard {background: url('/graphic/leaderboard.jpg') #fff; height: 102px; width: 740px; margin: 6px 10px 4px 10px}
#leaderboard-top {background: url('/graphic/leaderboard-top.jpg') no-repeat; width: 740px; height: 7px; font-size: 0px}
#leaderboard-bottom {background: url('/graphic/leaderboard-bottom.jpg') no-repeat; width: 740px; height: 6px; font-size: 0px}
#leaderboard-ad {width: 728px; height: 90px; margin: -1px 6px 0px 6px; position: relative; z-index: 10}

#quarter-background {background: url('/graphic/quarter-background.jpg') #00a3e2; width: 760px; margin-top: 10px}
#quarter {background: url('/graphic/quarter.jpg') no-repeat; width: 760px; font-size: 0.75em; text-align: left}
#quarter-left {float: left; width: 488px; padding: 10px 0px 10px 10px}
#quarter-right {float: right; width: 242px; padding: 10px 0px 10px 0px}
#quarter a {color: #000}

.clear {clear: both; height: 0px; width: 760px; line-height: 0px; font-size: 0px}

.caption {font-style: italic; _width: 465px; margin-top: 10px}
.italic {font-style: italic}
.paragraph-width {_width: 465px}
.icon {width: 88px; height: 31px}
.box {width: 150px}
.center {text-align: center}
.temperature {text-align: right; font-weight: bold}

#banner {width: 468px; height: 60px; margin: 10px}
#button {width: 234px; height: 60px; margin: -3px 4px -6px 4px; position: relative; z-index: 10}
#language {float:right; display: inline; margin: 10px 10px 0px 10px}