body { font-family: Arial, Helvetica, sans-serif; background: url("/images/fhm-background.gif"); color: #000; margin: 0px; padding: 0px; text-align: center; font-size: 11px; }
form { margin: 0px; padding: 0px; }
img { border: 0px; margin: 0px; padding: 0px; }

a { color: #0000FF; }

#container { width: 760px; padding: 10px 0px; margin: 0px auto; text-align: left; }

#header { width: 760px; margin: 0px 0px 10px 0px; }
#header h1 { font-family: Impact, Charcoal, sans-serif; font-size: 24px; margin: 0px; padding: 0px 10px; font-weight: normal; }

#logincontainer { background: #FFF; padding: 6px; margin: 0px 0px 10px 0px; }
#login { background: #CCC; color: #000; padding: 10px; font-size: 11px; }
#login label { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000; }
#login input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; border: 1px solid #000; padding: 1px 2px; }

#countryscontainer { background: #FFF; padding: 6px; margin: 0px; }
#countrys { background: #CCC; padding: 10px 0px 10px 10px; margin: 0px; }

#menu { background: #000; width: 760px; height: 28px; padding: 0px; margin: 0px; }
#menu td { vertical-align: top; height: 28px; }

#nav, #nav ul { float: right; list-style: none; margin: 0px; padding: 0px; }
#nav li { float: left; padding: 0px; margin: 0px; height: 28px; }
#nav a { display: block; }
#nav li ul { position: absolute; left: -999em; width: 135px; margin: 0px; padding: 0px; }
#nav li li { width: 135px; height: 17px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; height: 17px; }

#page { padding: 10px 0px 0px 0px; width: 760px; }

#main .contentcontainer { background: #FFF; padding: 6px; margin: 0px 0px 10px 0px; }
#main .content { margin: 0px; padding: 10px 10px 30px 10px; clear: left; }
#main .content h1 { font-family: Impact, Charcoal, sans-serif; margin: 0px 0px 10px 0px; font-weight: normal; font-size: 24px; }
#main .content h2 { font-family: Impact, Charcoal, sans-serif; margin: 0px 0px 10px 0px; font-weight: normal; font-size: 20px; }
#main .content h3 { font-family: Impact, Charcoal, sans-serif; margin: 0px 0px 10px 0px; font-weight: normal; font-size: 14px; }
#main .content .back { font-family: Impact, Charcoal, sans-serif; font-weight: normal; font-size: 20px; margin: 0px 40px 0px 0px; border: 0px; text-align: right; }
#main .content input, #main .content select, #main .content textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #000; padding: 1px 2px; margin: 0px 1px 1px 0px; }
#main .content .lastupdated { float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#main .content label { font-size: 11px; font-weight: bold; }
#main .content p { font-size: 11px; }
#main .content a { color: #FF0000; text-decoration: none; }

#main .content .item { margin: 0px 0px 10px 0px; width: 100%; display: table; }
#main .content .item .image { float: right; font-size: 11px; }
#main .content .item .title { font-weight: bold; font-size: 11px; }
#main .content .item .description { font-size: 11px; }

#main .content .websitelink { float: right; font-size: 18px; font-weight: bold; }

#main .black { background: url("/images/bottom-right-corner.gif") bottom right no-repeat #333; color: #FFF; }
#main .black h1 { width: 380px; }
#main .black h2 { width: 380px; }
#main .black h3 { width: 380px; }
#main .black p { color: #FFF; }
#main .grey { background: url("/images/bottom-right-corner.gif") bottom right no-repeat #CCC; color: #000; }
#main .grey h1 { width: 380px; }
#main .grey h2 { width: 380px; }
#main .grey h3 { width: 380px; }
#main .grey p { color: #000; }

#main .content .floatblock { display: table; width: 100%; }
#main .content .floatblock .flags { width: 160px; height: 30px; }
#main .content .floatblock .countrys { width: 230px; height: 20px; }
#main .content .floatblock .editions { margin: 0px 10px 10px 0px; height: 230px; }
#main .content .floatitem { float: left; }
#main .content .floatitem .image { float: left; font-size: 11px; }
#main .content .floatitem .title { font-weight: normal; margin: 0px 0px 0px 35px; font-size: 11px; }
#main .content .floatitem .title a { text-decoration: none; color: #000; }

#main .content .mpt-country { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-weight: bold; }
#main .content .mpt-country a { font-size: 20px; line-height: 10px; }
#main .content .mpt-country a .mpt-country-title { font-size: 14px; line-height: 20px; font-weight: bold; color: #FFF; }
#main .content .mpt-figures { float: right; font-size: 11px; margin-top: 6px; }

#main .content .table td { text-align: right; }
#main .content .table h3 { margin: 0px; border: 0px; }
#main .content .table p { margin: 0px; }
#main .content .table td.left { text-align: left; }
#main .content .table td.center { text-align: center; }
#main .content .table input, #main .content .table select, #main .content .table textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #000; padding: 1px 2px; margin: 0px; }

#footercontainer { background: #FFF; padding: 6px; margin: 10px 0px 0px 0px; }
#footer { background: #CCC; padding: 5px 0px; text-align: center; }
#footer a { text-decoration: none; color: #000; }

.resizable-textarea { width: 99%; }
.resizable-textarea .grippie { height: 14px; background: #eee url("/images/grippie.png") no-repeat 100% 100%; border: 1px solid #ddd; border-top-width: 0; cursor: s-resize; }

.popup { position: absolute; visibility: hidden; border: 1px solid #000000; padding: 6px; background: #FFFFFF; }