body { background:#f2f2f2; padding:0px; margin:auto; width:640px; font-family:'arial', 'sans', 'bitstream vera sans'; font-size:10pt; }

#container { background:url('body-bg.png') repeat-y; padding-left:10px; padding-right:10px; }

#top-menu { background:url('top-menu-bg.png') repeat-x; width:620px; height:128px; }
#top-menu img { float:left; }
#top-menu table { float:right; }

#top-menu-item { float:right; }
.top-menu-item { float:left; width:100px; height:88px; vertical-align:middle; text-align:center; font-family:impact; font-size:24pt; }
.top-menu-item a { display:block; height:86px; padding-top:42px; color:#5599ff; text-decoration:none; border-left:1px solid #5089ec; border-right:1px solid #455bb5; }
.top-menu-item a:hover { color:#c0c0c0; background:url('top-menu-item-hover.png') repeat-x; border-left:1px solid #9e9e9e; border-right:1px solid #7c7c7c; }

#header { background:url('header-bg.png') no-repeat; width:620px; height:280px; text-align:center; }
#header img { margin-top:33px; }

#info-bar { background:url('info-bar-bg.png') repeat-x; width:620px; height:40px; color:#808080; font-weight:bold; }
#version { float:left; margin-top:8px; margin-left:10px; }
#last-update { float:right; margin-top:8px; margin-right:10px; }

#content { margin-left:10px; margin-right:10px; }
.content-item { padding-top:10px; padding-bottom:10px; }
.content-item p { text-align:justify; }
.content-title { font-family:impact; font-size:16pt; }

#content a[href^='http://www'] { background:url('applications-internet.png') no-repeat; padding-left:18px; font-weight:bold; text-decoration:none; color:#808080; }
#content a[href^='http://www']:hover { font-weight:bold; text-decoration:underline; color:#808080; }

#how-to { background:#fff6d5; border:2px solid #ffcc00; margin:8px; padding:8px; }
.how-to { height:220px; }
.how-to img { border:1px solid #000000; margin-left:16px; }
.how-to ul { width:424px; text-align:justify; list-style-type:square; }

.question { margin:16px; padding:8px; background:#F2F2F2 url('question.png') no-repeat right; height:40px; font-weight:bold; text-align:justify; }
.answer { margin:16px; padding:8px; padding-left:28px; background:#FFFFFF url('information.png') no-repeat left; height:40px; text-align:justify; }

hr { border:1px solid #c0c0c0; }

.back a { text-decoration:none; font-weight:bold; color:#000000; }
.back a:hover { text-decoration:none; font-weight:bold; color:#808080; }

#footer { background:url('footer-bg.png') repeat-x; width:620px; height:32px; font-size:8pt; font-weight:bold; color:#ffffff; }
#copyright { margin-top:14px; margin-left:10px; float:left; }
#approved { margin-top:14px; margin-right:10px; float:right; }

#approved img { border:none; }