@charset "utf-8";

body {background-color: #979797; margin: 10px; padding: 0 
}

#container {width: 820px; margin-left: auto; margin-right: auto
}

#header {width: 820px; height: 192px; background-image: url(../image/header.jpg)
}

#footer {width: 820px; height: 55px; background-image: url(../image/footer.png); clear: both
}

#navigationimage {width: 225px; height: 505px; background-image: url(../image/navigation.png); float: left
}

#navigationcontainer {width: 188px; height: 300px; margin: 8px 18px
}

#navigationheader {width: 188px; height: 27px; background-image: url(../image/navigationheader.png) 
}

#navigationfooter {width: 188px; height: 11px; background-image: url(../image/navigationfooter.png); background-repeat: no-repeat 
}

.naviheaderfont {font: bold 14px verdana; color: #FFFFFF; text-align: center; padding-top: 4px 
}

.buttonfont {padding: 6px 0px 0px 24px
}

ul#navigationbutton {font: 10px arial; width: 188px; padding: 0px 0px; margin: 0px 0px
}

ul#navigationbutton li {list-style: none; width: 188px; height: 27px; border-bottom: 1px solid #D1D1D1
}

ul#navigationbutton li a {display: block; height: 27px
}

ul#navigationbutton a:link {font: 12px arial; color: #000000; text-decoration: none; 
                            background-image: url(../image/navigationbutton.png)
}

ul#navigationbutton a:visited {font: 12px arial; color: #000000; text-decoration: none; 
							   background-image: url(../image/navigationbutton.png)
}

ul#navigationbutton a:hover {font: 12px arial; color: #850505; text-decoration: none; 
                             background-image: url(../image/navigationbutton.png); background-position: 0px 27px
}

ul#navigationbutton a:active {font: 12px arial; color: #000000; text-decoration: none; 
						      background-image: url(../image/navigationbutton.png)
}