* {margin: 0; padding: 0;}
html,
body {height: 100%}
body {font: 10pt arial; color: #BFC5C8; background-color: #FEFFFE;}
/*body p {background-color: #FEFFFE;}*/
body img {border: 0;}
body table {border-collapse: collapse;}
body table th,
body table td {vertical-align: top;}
body table th {text-align: left;}
body blockquote {margin-left: 32px;}
body h1,
body h2,
body p,
body pre,
body li {padding: 8px;}
body h1 {color: #FF8400; font-size: 10pt; font-weight: bold;}
body h2 {color: #FF8400; font-size: 10pt;}
body ul li {display: block; list-style: none;}
body ul li a {/*display: block;*/ padding-left: 24px; background-repeat: no-repeat; background-position: 0; background-image: url(/images/li.1.gif);}
body ul li a:hover,
body ul li a.active {color: #FFFFFF; background-image: url(/images/li.1.active.gif);}
body ul li ul li {padding-left: 16px; /*background-image: url(/images/li.1.gif);*/ background-position: 0 8px;}
body ol li {display: list-item; list-style: decimal; list-style-position: inside;}
body div.hr {height: 4px; background: url(/images/hr.gif) center repeat-x; font-size: 0; margin: 0 8px;}
body a {color: #BFC5C8;}

body /*div.background*/ {height: 100%; background: #657174 url(/images/content.jpg) repeat-x;}

body div.header div.logo {position: absolute; left: 50%; top: 42px; margin-left: -443px; background: url(/images/logo.jpg);}
body div.header div.logo a {display: block; width: 172px; height: 57px;}
body div.header div.menu {position: absolute; right: 50%; top: 105px; margin-right: -450px;}
body div.header div.menu ul li {display: inline;}
body div.header div.menu ul li a {color: #31393D; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 8pt; padding-left: 28px;}
body div.header div.menu ul li a:hover,
body div.header div.menu ul li a.active {color: #fff;}

body div.body {position: relative; width: 883px; height: 481px; margin: 0 auto; margin-top: 129px;}
body div.body div.sidebar {position: absolute; left: 0px; top: 0px; width: 294px; height: 481px; background: url(/images/content.jpg) repeat-x;}
body div.body div.sidebar div.pad {margin: 16px;}
body div.body div.content {position: absolute; left: 307px; top: 0px; width: 576px; height: 481px; background: url(/images/content.jpg) repeat-x;}
body div.body div.content div.pad {margin: 16px;}

body div.buttons {position: relative; margin: 0 auto; width: 916px; height: 77px;}
body div.buttons ul li {width: 130px; height: 77px; background: url(/images/button.bg.jpg) no-repeat; padding: 0; margin-left: 1px; float: left;}
body div.buttons ul li.first {margin-left: 0;}
body div.buttons ul li a {width: 98px; height: 20px; display: block; background: url(/images/button.jpg) no-repeat; font-size: 8pt; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff; padding-left: 32px; padding-top: 18px;}
body div.buttons ul li a:hover,
body div.buttons ul li a.active {/*color: #fff;*/ /*background-image: url(/images/button.active.jpg);*/}


body.blank {background: #29363c;}
body.blank div.body {position: static; width: auto; height: auto; margin: 0;}
body.blank div.body div.content {position: static; width: auto; height: auto; background: none;}


body.admin {color: #000; background: #D6DFDE url(/images/bg.admin.jpg) repeat-x;}
body.admin a {color: #000;}
body.admin div.header div.logo {left: 8px; margin-left: 0;}
body.admin div.body {position: relative; width: 100%; height: 481px; margin: 0 auto; margin-top: 129px;}
body.admin div.body div.sidebar {width: 200px; background: none;}
body.admin div.body div.content {position: static; margin-left: 200px; width: auto; background: none;}
body.admin ul li a {background-image: none; padding-left: 0; text-decoration: none; font-weight: bold;}
body.admin ul li a:hover,
body.admin ul li a.active {color: #fff; background-image: none;}
