body	{ color: #000000; background: #FFFFFF; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 15px 0; padding: 0; }

h1			{ font-size: 1.50em; margin-bottom: 0.5em; }
h2			{ font-size: 1.50em; margin-bottom: 0.5em; }
h3			{ font-size: 1.50em; margin-bottom: 0.5em; }

a	{ color: #e2001a; text-decoration: underline; font-weight: bold; }
a:hover	{ color: #000000; text-decoration: none; font-weight: bold; }

div#topheader-outline { margin: 1px auto 0 auto; width: 950px; }
div#topheader { float: left; width: 950px; text-align: left; height: 153px; background: #ffffff; }

div#topheader .company-brand { width: 711px; height: 153px; float: left; }
div#topheader .shop-box { width: 235px; height: 149px; float: right; border: 2px solid #e2001a; color: #63787c; font-size: 0.9em; }
div#topheader .shop-box h2 a { font-weight: normal; float: left; width: 225px; font-size: 1.7em; color: #ffffff; background: #e2001a; padding: 0 0 3px 10px; text-decoration: none; margin-bottom: 5px; }
div#topheader .shop-box p { width: 140px; height: 94px; float: left; margin-top: -4px; overflow: hidden; }
div#topheader .shop-box img { float: left; padding: 2px; border: 1px solid #cccccc; margin: 0 5px 0 5px; }

div#container-outline { margin: 1px auto 0 auto; width: 950px; }
div#container { float: left; width: 950px; text-align: left; background: #f1f3f3 url("../images/container-bg.jpg") repeat-y; color: #63787c; }

div#sidebar { float: left; background: #63787c; color: #ffffff; width: 312px; padding: 4px 0 0 4px; margin: 0 1px 0 0; }
div#sidebar img { padding: 0; margin: 0; }
div#sidebar .box { background: #63787c; width: 292px; padding: 10px; }
div#sidebar h2 { font-size: 2em; color: #ffffff; }

ul#submenu { width: 272px; list-style: none; margin-top: 2em; }
ul#submenu li { width: 272px; border-bottom: 1px solid #8d9a9c; padding: 5px 0; }
ul#submenu a { color: #cccccc; text-decoration: none; padding: 0 0 0 10px; }
ul#submenu a.selected,
ul#submenu a:hover { color: #ffffff; text-decoration: none; padding: 0 0 0 10px; background: url("../images/sidebar-link-bg.jpg") 0 0.4em no-repeat; }

div#content { float: left; background: #f1f3f3; width: 633px; padding: 0; margin: 0; }

div#content .box { float: left; background: #f1f3f3 url("../images/content-bg.jpg") 0 40px repeat-x; width: 633px; padding: 0; margin: 0; height: auto; min-height: 290px; }
div#content .box h2 { background: #63787c; font-size: 2em; color: #ffffff; padding: 5px 0 5px 10px; margin: 0; }

div#content .box .inside { float: left; padding: 10px; width: 613px; }
div#content .box .inside h3 { margin-top: 1em; color: #e2001a; }
div#content .box .inside .links { float: left; width: 613px; margin-bottom: 1em; }
div#content .box .inside .links a { margin-right: 5px; }

div#content .box .inside img.left { float: left; padding: 2px; border: 1px solid #cccccc; margin: 0 10px 5px 0; }
div#content .box .inside img.right { float: right; padding: 2px; border: 1px solid #cccccc; margin: 0 0 0 10px; }
div#content .box .inside img.many { float: none; padding: 2px; border: 1px solid #cccccc; margin: 0 10px 5px 0; }

div#content .box .inside div.text { margin-top: 1em; }

div#content .box-1 { float: left; width: 316px; padding: 0; margin: 0; background: #f1f3f3 url("../images/content-bg.jpg") 0 40px repeat-x; }
div#content .box-2 { float: left; width: 317px; padding: 0; margin: 0; background: #f1f3f3 url("../images/content-bg.jpg") 0 40px repeat-x; }

div#content .box-1 h2,
div#content .box-2 h2 { background: #63787c; font-size: 2em; color: #ffffff; padding: 5px 0 5px 10px; margin: 0; }

div#content .box-1 .inside,
div#content .box-2 .inside { padding: 10px; width: 296px; }

div#content .box-1 .inside .img-outline,
div#content .box-2 .inside .img-outline { float: left; width: 148px; }

div#content .box-1 .inside .img-outline img,
div#content .box-2 .inside .img-outline img { float: left; padding: 2px; border: 1px solid #cccccc; }

div#content .box-1 .inside .details,
div#content .box-2 .inside .details { float: left; width: 148px; color: #e2001a; font-size: 1.2em; font-weight: bold; }

div#content .box-1 .inside .details h3,
div#content .box-2 .inside .details h3 { font-size: 1.2em; margin-top: 1em; color: #e2001a; }

div#content .box-1 .inside .intro,
div#content .box-2 .inside .intro { float: left; width: 296px; margin-top: 1em; margin-bottom: 1em; }

div#content .box .inside a.more,
div#content .box-1 .inside a.more,
div#content .box-2 .inside a.more { font-size: 0.9em; float: right; background: #e2001a; display: block; padding: 1px 5px 3px 5px; color: #ffffff; text-decoration: none; }
div#content .box .inside a.more { float: left; }

div#content .box .inside a.more:hover,
div#content .box-1 .inside a.more:hover,
div#content .box-2 .inside a.more:hover { float: right; background: #000000; display: block; padding: 1px 5px 3px 5px; color: #f2f2f2; text-decoration: none; }
div#content .box .inside a.more:hover { float: left; }

div#footer-outline { margin: 0 auto; width: 950px; }
div#footer { float: left; border-top: 3px solid #e2001a; width: 950px; margin-top: 1px; }

div#footer .details { color: #000000; width: 480px; float: left; padding: 20px 0 20px 20px; text-align: left; }
div#footer .authors { color: #000000; width: 430px; float: right; padding: 20px 20px 0 0; text-align: right; }

span.big-1 { font-size: 1.1em; }
span.big-2 { font-size: 1.2em; }
span.big-3 { font-size: 1.3em; }