html, body { height:100%; }
body
{
   padding: 0;
   margin:0;
   min-width: 870px;
   color: #2A2C26;
   background-color: #42443B;
   background-image: url('../images/bg.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: top left;
   background-size:100%;
   -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
#main, table { font-family:Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size: 13px; }
#main { position: relative; z-index: 0; width: 100%; min-height: 100%; left: 0; top: 0; cursor:default; overflow:hidden; }


a, a:link, a:visited, a:active { text-decoration: none; color: #CC0000; }
a:hover { text-decoration: underline; color: #F00000; }
a img { border:0; outline:none; }


h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
   margin: 0;
   padding: 0;
   font-weight:normal;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}

h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, Sans-Serif; color: #41416C; font-weight:bold; }

h1 { /*margin: 21px 0;*/ font-size: 32px; }
h2 { /*margin: 19px 0;*/ font-size: 24px; }
h3 { /*margin: 19px 0;*/ font-size: 19px; }
h4 { /*margin: 20px 0;*/ font-size: 16px; }
h5 { /*margin: 26px 0;*/ font-size: 13px; }
h6 { /*margin: 35px 0;*/ font-size: 11px; }

ul { list-style-type: none; }
/*ol { list-style-position: inside; }*/

p { margin: 12px 0; }


.plain { font-weight:normal; }
.center { text-align:center; }
red, .red { color:red; }
.brd { border:1px solid red; }
/*b { color:#333; }*/
hr { color:#ccc; background-color:#ccc; /*width:100%;*/ height:1px; border:0; }
.shadow { -moz-box-shadow: 4px 3px 5px #ccc; -webkit-box-shadow: 4px 3px 5px #ccc; box-shadow: 4px 3px 5px #ccc; }


.clear { display:block; clear: both; float: none; margin: 0; padding: 0; border: none; font-size: 0; height:0; overflow:hidden; }


form { padding: 0 !important; margin: 0 !important; }
form div { position:relative; }
input, select { border:1px solid #ccc; border-radius:3px; padding:1px; }





/* Start Box */
.box, .box-body {
   margin:0 auto;
   position:relative;
}
.box:before, .box:after, .box-body:before, .box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.box:before,.box-body:before { left:0; }
.box:after,.box-body:after { right:0; }
.box:before { overflow:hidden; background-position: bottom left; direction: ltr; z-index:-3; }
.box:after { background-position: bottom right; z-index:-3; }
.box-body:before, .box-body:after { background-repeat:repeat-y; }
.box-body:before { background-position: top left; z-index:-3; }
.box-body:after { background-position: top right; z-index:-3; }
.box .box:before, .box .box:after, .box-body .box-body:before, .box-body .box-body:after { z-index:-2; }
.box .box .box:before, .box .box .box:after, .box-body .box-body .box-body:before, .box-body .box-body .box-body:after { z-index:-1; }
/* End Box */





/* Start Bar */
.bar { position:relative; }
.bar:before, .bar:after { position:absolute; top:0; bottom:0; content:' '; background-repeat:repeat; z-index:-1; }
.bar:before { left:0; background-position: top left; }
.bar:after { right:0; background-position: top right; }
/* End Bar */



/* begin Sheet */
.sheet { width: 870px; max-width:870px; margin-top:5px; margin-bottom:10px; }
.sheet-body { padding:5px; min-width:60px; min-height:60px; }
.sheet:before, .sheet:after { content: url('../images/sheet_t.png'); font-size: 0; background-image: url('../images/sheet_b.png'); }
.sheet:after { clip:rect(auto, auto, auto, 835px); }
.sheet:before,.sheet-body:before { right:35px; }
.sheet-body:after { width: 35px; top:35px; bottom:35px; background-image:url('../images/sheet.png'); }
.sheet-body:before { top:35px; bottom:35px; background-image:url('../images/sheet.png'); }
/* end Sheet */



/* begin Header */
div.header { margin: 0 auto; position: relative; width:100%; height: 180px; margin-top: 0; margin-bottom: 0; }
.header:before {
   position: absolute;
   display:block;
   content:' ';
   z-index:-2;
   top: 0;
   width:100%;
   height: 180px;
   background-image: url('../images/header.png');
   background-repeat: no-repeat;
   background-position:top center;
}
.header:after {
   position: absolute;
   z-index:-1;
   display:block;
   content:' ';
   top: 0;
   left:15px;
   right:15px;
   height: 180px;
   background-image: url('../images/header.jpg');
   background-repeat: no-repeat;
   background-position: center center;
}
div.logo { display:block; position:absolute; top:20px; left:20px; }
/* end Header */




/* begin Menu */
ul.hmenu a, ul.hmenu a:link, ul.hmenu a:visited, ul.hmenu a:hover  { outline: none; position: relative; z-index: 11; }
ul.hmenu, ul.hmenu ul { display: block; margin: 0; padding: 0; border: 0; list-style-type: none; }
ul.hmenu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background: none; }
ul.hmenu li:hover { z-index: 10000; white-space: normal; }
ul.hmenu li li { float: none; width: auto; }
ul.hmenu li:hover>ul { visibility: visible; top: 100%; }
ul.hmenu li li:hover>ul { top: 0; left: 100%; }
ul.hmenu:after, ul.hmenu ul:after { content: "."; height: 0; display:block; visibility:hidden; overflow:hidden; clear:both; }
ul.hmenu, ul.hmenu ul { min-height: 0; }
ul.hmenu ul {
	visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0;
	background-image: url('../images/spacer.gif'); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px;
}
ul.hmenu ul.hmenu-left-to-right { right: auto; left: 0; margin: -10px 0 0 -30px; }
ul.hmenu ul.hmenu-right-to-left { left: auto; right: 0; margin: -10px -30px 0 0; }
ul.hmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; }
ul.hmenu ul ul.hmenu-left-to-right { right: auto; left: 0; padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; }
ul.hmenu ul ul.hmenu-right-to-left { left: auto; right: 0; padding: 30px 10px 30px 30px; margin: -30px -10px 0 0; }
ul.hmenu li li:hover>ul.hmenu-left-to-right { right: auto; left: 100%; }
ul.hmenu li li:hover>ul.hmenu-right-to-left { left: auto; right: 100%; }
ul.hmenu { position:relative; padding: 2px 2px 2px 2px; float: right; }

.nav { margin:0 auto; min-height: 29px; z-index: 100; margin-top: 0; margin-bottom: 0; }
.nav:before, .nav:after { background-image: url('../images/nav.png'); }
.nav:before { right: 15px; }
.nav:after { width: 15px; }
.nav-outer { position:absolute; width:100%; }

ul.hmenu>li>a {
   position: relative; display: block; height: 25px; cursor: pointer; text-decoration: none; color: #000000; padding: 0 12px; line-height: 25px; text-align: center;
}
ul.hmenu>li>a:before, ul.hmenu>li>a:after {
   position: absolute; display: block; content:' '; top: 0; bottom:0; z-index: -1; background-image: url('../images/menuitem.png');
}
ul.hmenu>li>a:before { left: 0; right: 5px; background-position: top left; }
ul.hmenu>li>a:after { width: 5px; right: 0; background-position: top right; }
.hmenu a, .hmenu a:link, .hmenu a:visited, .hmenu a:hover {
   font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 12px; text-align: left; text-decoration: none;
}
ul.hmenu>li>a:hover:before, ul.hmenu>li:hover>a:before { background-position: center left; }
ul.hmenu>li>a:hover:after, ul.hmenu>li:hover>a:after { background-position: center right; }
ul.hmenu>li>a:hover, ul.hmenu>li:hover>a{ color: #000000; }
ul.hmenu>li { margin-left:4px; }
ul.hmenu>li:first-child { margin-left:0; }
/* end Menu */





/* begin Layout */
.layout-wrapper { position:relative; margin:0 auto 0 auto; }
.content-layout { display: table; width:100%; table-layout: fixed; border-collapse: collapse; }
.content-layout-row { display: table-row; }
.layout-cell { display: table-cell; vertical-align: top; }
/* end Layout */




/* begin Block */
.content-layout .sidebar { width: 25%; padding-top:4px } /* sidebar */
.block { max-width:860px; margin:0px 0 0 7px;/*that's where it's at*/ }
.block-body { padding:11px; min-width:16px; min-height:16px; }
.block:before, .block:after { content: url('../images/block_t.png'); font-size: 0; background-image: url('../images/block_b.png'); }
.block:after { clip:rect(auto, auto, auto, 841px); }
.block:before,.block-body:before { right:19px; }
.block-body:after { width:19px; top:19px; bottom:19px; background-image:url('../images/block.png'); }
.block-body:before { top:19px; bottom:19px; background-image:url('../images/block.png'); }
div.block img { border-width:0; margin:0; }

.blockheader { margin-bottom:7px; min-height: 32px; line-height:32px; }
.blockheader:before, .blockheader:after { background-image: url('../images/blockheader.png'); }
.blockheader:before { right:6px; }
.blockheader:after { width: 6px; }
.blockheader .t {
   min-height: 32px; line-height:32px; color:#fff; font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 14px;
   margin:0; padding: 0 10px 0 5px; white-space: nowrap;
}
.blockheader .t a, .blockheader .t a:link, .blockheader .t a:visited,  .blockheader .t a:hover {
   color:#fff; font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 14px;
}

.blockcontent { max-width:860px; }
.blockcontent-body {
   padding:7px;
   color: #2A2C26;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
}
.blockcontent-body p { margin:6px 0; }
/* end Block */






/* begin Button */
span.button-wrapper>a.button,
span.button-wrapper>a.button:link,
span.button-wrapper>input.button,
span.button-wrapper>button.button {
   text-decoration: none;
   font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: bold; font-size: 13px; text-align: center; color: #000000 !important;
   position:relative; top:0; display: inline-block; vertical-align: middle; white-space: nowrap;
   width: auto; outline: none; border: none; background: none;
   line-height: 34px; height: 34px;
   margin: 0 !important; padding: 0 21px !important; overflow: visible;
   cursor: pointer;
   text-indent: 0;
}

.button img, span.button-wrapper img { margin: 0; vertical-align: middle; }
span.button-wrapper {
	vertical-align:middle; display:inline-block; position: relative; overflow: hidden; white-space: nowrap; text-indent: 0; width: auto;
	height: 34px; max-width:860px; margin: 0; padding: 0; z-index: 0;
}
span.button-wrapper.hover>.button, span.button-wrapper.hover>a.button:link { color: #FDFDFC !important; text-decoration: none !important; }
span.button-wrapper.active>.button, span.button-wrapper.active>a.button:link { color: #EEEEEC !important; }
span.button-wrapper>span.button-l, span.button-wrapper>span.button-r {
   display: block; position: absolute; top: 0; bottom: 0; margin: 0; padding: 0; background-image: url('../images/button.png'); background-repeat: no-repeat;
}
span.button-wrapper>span.button-l { left: 0; right: 11px; background-position: top left; }
span.button-wrapper>span.button-r { width: 11px; right: 0; background-position: top right; }
span.button-wrapper.hover>span.button-l { background-position: center left; }
span.button-wrapper.hover>span.button-r { background-position: center right; }
span.button-wrapper.active>span.button-l { background-position: bottom left; }
span.button-wrapper.active>span.button-r { background-position: bottom right; }
span.button-wrapper input { float: none !important; }
/* end Button */




/* begin Post */
.post { max-width:860px; margin:3px; }
.post-body { padding:16px; min-width:14px; min-height:14px; }
.post:before, .post:after { content: url('../images/post_t.png'); font-size: 0; background-image: url('../images/post_b.png'); }
.post:after { clip:rect(auto, auto, auto, 837px); }
.post:before,.post-body:before { right:23px; }
.post-body:after { width: 23px; top:23px; bottom:23px; background-image:url('../images/post.png'); }
.post-body:before { top:23px; bottom:23px; background-image:url('../images/post.png'); }
/* end Post */

/* begin PostHeader */
.postheader { color: #26544F; margin: 5px 0; line-height: 1em; font-size: 24px; }
.postheader a, .postheader a:link, .postheader a:visited, .postheader a.visited, .postheader a:hover, .postheader a.hovered { font-size: 24px; }
.postheader a, .postheader a:link { font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-align: left; text-decoration: none; color: #2E665F; }
.postheader a:visited, .postheader a.visited { color: #2E665F; }
.postheader a:hover,  .postheader a.hovered { color: #151523; }
/* end PostHeader */

/* begin PostBullets */
.post ol, .post ul { margin:1em 0 1em 1em; padding:0; }
.post li { font-size: 13px; color: #3F4139; padding: 0 0 0 14px; }
.post li ol, .post li ul { margin:0.5em 0 0.5em 2em; padding: 0; }
.post ol>li { background: none; padding-left: 0; /* overrides overflow for "ul li" and sets the default value */ overflow: visible; }
.post ul>li {
	background-image: url('../images/bullet.png'); background-repeat: no-repeat; background-position: top left; padding-left: 14px;
	/* makes "ul li" not to align behind the image if they are in the same line */ overflow-x: visible; overflow-y: hidden;
}
/* end PostBullets */





/* begin Footer */
.footer { position: relative; margin-top:0; margin-bottom:0; width: 100%; }
.footer-body { position:relative; padding: 8px; color: #FFFFFF; font-size: 11px; line-height: 150%; }
.footer-body ul li { color: #EBECE9; }
.footer-body:before {
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:50px;
   background-image: url('../images/footer.png');
   background-position:bottom left;
}
.footer:before, .footer:after {
   position: absolute;
   content:' ';
   z-index:-2;
   bottom:0;
   height:50px;
   background-image: url('../images/footer_b.png');
}
.footer:before { left:0; right:15px; background-position: bottom left; }
.footer:after { right:0; width:15px; background-position: bottom right; }
.footer-text p { padding:0; margin:0; text-align: center; }
.footer-body a, .footer-body a:link, .footer-body a:visited, .footer-body a:hover { color:#fff; font-size: 11px; line-height: 150%; }
.footer-text { min-height: 15px; padding-left: 10px; padding-right: 10px; text-align: center; }
.footer-text a, .footer-text a:link, .footer-text a:visited { color:#fff; text-decoration: none; }
.footer-text a:hover { color:#fff; text-decoration: underline; }
/* end Footer */


