/*******************************************************************************
> *, body, div.jp
*******************************************************************************/

* {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

body {
 background-color: #323232;
 background-image: url("./../images/body_background.png");
 background-repeat: repeat;
 color: #FFFFFF;
 font-family: Tahoma, Verdana, Arial;
 font-size: 13px;
 text-align: left;
}

div.grunge {
 background-image: url("./../images/grunge_bottom_left.png");
 background-position: 0px bottom;
 background-repeat: no-repeat;
 margin: 0px auto 0px auto;
 width: 976px;
}

/*******************************************************************************
> grunge
*******************************************************************************/

img.grunge_top_left {
 float: left;
}

img.grunge_top_right {
 float: right;
}

/*******************************************************************************
> page
*******************************************************************************/

div.page {
 background-image: url("./../images/header.png");
 background-repeat: no-repeat;
 background-color: #000000;
 margin: 0px 88px 0px 88px;
 position: relative;
 text-align: left;
 width: 800px;
}

div.slogan {
 background-image: url("./../images/slogan_background.png");
 background-position: 0px bottom;
 background-repeat: no-repeat;
 color: #A4CB39;
 font-size: 11px;
 font-weight: bold;
 letter-spacing: 4px;
 padding: 0px 0px 21px 0px;
 text-align: center;
 width: 100%;
}

/*******************************************************************************
> div.content
*******************************************************************************/

div.page > div.content {
 border-right: 1px solid #323232;
 min-height: 500px;
 padding: 4px 4px 4px 4px;
 width: 597px;
}

div.content p {
 margin: 7px 6px 4px 6px;
}

/*******************************************************************************
> footer
*******************************************************************************/

div.footer {
 background-image: url("./../images/footer.png");
 background-position: 0px bottom;
 background-repeat: no-repeat;
 font-size: 11px;
 margin: 10px 0px 0px 0px;
 padding: 0px 4px 91px 4px;
}

div.footer > hr {
 border-style: none;
 border-top: 1px solid #323232;
 height: 0px;
 margin: 0px 0px 8px 0px;
}

div.footer > p {
 margin: 4px 6px 4px 6px;
}

div.footer > p > a {
 color: #FFFFFF;
}

/*******************************************************************************
> links
*******************************************************************************/

a {
 color: #A4CB39;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

/*******************************************************************************
> headlines
*******************************************************************************/

h2 {
 background-image: url("./../images/h2_background.png");
 display: list-item;
 font-size: 12px;
 font-weight: bold;
 height: 14px;
 list-style-position: inside;
 list-style-image: url("./../images/arrow.png");
 margin: 8px 0px 0px 0px;
 padding: 4px 5px 4px 7px;
 text-transform: uppercase;
}

h2 > img {
 margin: 0px 8px 0px 0px;
}

h3 {
 color: #A4CB39;
 font-size: 18px;
 font-weight: bold;
 margin: 6px;
}

/*******************************************************************************
> mainmenu
*******************************************************************************/

div.page > ul.mainmenu {
 height: 115px;
 margin: 0px 0px 0px 0px;
 padding: 0px 2px 0px 2px;
 width: 796px;
}

div.page > ul.mainmenu > li {
 display: block;
 float: left;
 height: 100%;
 width: 190px;
}

div.page > ul.mainmenu > li > a {
 background-image: url("./../images/arrow.png");
 background-position: 15px 34px;
 background-repeat: no-repeat;
 border-left: 1px solid #323232;
 color: #FFFFFF;
 display: block;
 font-size: 14px;
 font-weight: bold;
 height: 40px;
 letter-spacing: 1px;
 margin: 35px 0px 0px 0px;
 padding: 30px 0px 0px 30px;
 text-decoration: none;
 text-transform: uppercase;
 width: 160px;
}

div.page > ul.mainmenu > li > a:hover {
 color: #A4CB39;
}

div.page > ul.mainmenu > li.logo {
 height: 100%;
 width: 226px;
}

div.page > ul.mainmenu > li.logo > a {
 background-image: none;
 border-left-style: none;
 height: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 226px;
}

div.page > ul.mainmenu > li.logo > a > h1 {
  display: none;
}

/*******************************************************************************
> sidemenu
*******************************************************************************/

div.page > ul.sidemenu {
 float: right;
 margin: 0px 2px 0px 0px;
 width: 190px;
}

div.page > ul.sidemenu > li.h2 {
 background-image: url("./../images/h2_background.png");
 display: list-item;
 font-size: 12px;
 font-weight: bold;
 height: 14px;
 list-style-position: inside;
 list-style-image: url("./../images/arrow.png");
 padding: 4px 5px 4px 7px;
 text-transform: uppercase;
}

div.page > ul.sidemenu > li {
 display: block;
 font-weight: bold;
 font-size: 12px;
 padding: 4px 4px 4px 4px;
}

div.page > ul.sidemenu > li > a {
 color: #FFFFFF;
 display: block;
 text-decoration: none;
 width: 182px;
}

div.page > ul.sidemenu > li > a:hover {
 color: #A4CB39;
}

/*******************************************************************************
> forms
*******************************************************************************/

input {
 color: #FFFFFF;
 background-image: url("./../images/input_background.png");
 border: 1px solid #323232;
 font-size: 11px;
 font-weight: bold;
 margin: 2px 2px 2px 2px;
 padding: 2px 2px 2px 2px;
}

label {
 color: #FFFFFF;
 display: block;
 float: left;
 font-size: 12px;
 font-weight: bold;
 margin: 5px 5px 0px 0px;
}

div.labelbox {
 float: left;
}

div.labelbox > label {
 display: inline;
 float: none;
 line-height: 23px;
 margin: 7px 6px 4px 6px;
}

/*******************************************************************************
> login form
*******************************************************************************/

form.login > div {
 width: 182px;
 margin: auto;
}

form.login > div > a {
 display: block;
 float: left;
 font-size: 11px;
 font-weight: normal;
 margin: 6px 0px 0px 0px;
 text-align: center;
 width: 118px;
}

form.login input {
 width: 108px;
}

form.login input.submit {
 width: 60px;
}

form.login label {
 width: 59px;
}

/*******************************************************************************
> search form
*******************************************************************************/

form.search > div > a {
 display: block;
 float: left;
 font-size: 11px;
 font-weight: normal;
 margin: 6px 0px 0px 0px;
 text-align: center;
 width: 118px;
}

form.search input {
 width: 172px;
}

form.search input.submit {
 width: 60px;
}

/*******************************************************************************
> misc
*******************************************************************************/

.center {
 text-align: center;
}

hr {
 border-style: none;
 border-top: 1px solid #323232;
 height: 0px;
 margin: 20px 0px 10px 0px;
}

ul {
 margin: 7px 6px 4px 20px;
}

ul li {
 list-style-image: url('./../images/li.png');
}

.error {
 color: #FF3050;
}

.small {
 font-size: 11px;
}