body {
 text-align:center;
 font-family: Verdana, Geneva, sans-serif;
 font-size:12px;
 background:#31631e url("./img/background.jpg") center bottom repeat-x fixed;}
#body {}
 
/* Site */
#site {
 position:relative;
 margin: 20px auto 0 auto;
 width:960px;}
.site-line {
 width:960px; height:2px;
 background: #ad9e96 url("./img/site-line.gif") top left no-repeat;}
#site-content {
 position:relative; z-index:2;}
#site-shadow-top {
 position:absolute; 
 top:-49px; left:-47px;
 width:1054px;height:70px;
 background: transparent url("./img/shadow-side.png") 0px 0px no-repeat;}
#site-shadow-main {
 position:absolute; 
 left:-47px; top:21px; bottom:53px;
 width:1054px;
 background: transparent url("./img/shadow.png") left top repeat-y;}
#site-shadow-bottom {
 position:absolute; 
 bottom:-17px; left:-47px;
 width:1054px;height:70px;
 background: transparent url("./img/shadow-side.png") 0px -70px no-repeat;}
#site-end {
 width:100%;height:20px;
 overflow:hidden;}
 
/* Head */
#head {
 position:relative;
 width:960px; height:190px;
 background: #3f562d url("./img/head.jpg") top left no-repeat;}
#head-video {
 position:absolute;
 top:0px; left:702px;
 width:240px; height:190px;}
#head-video .head-video {
 position:absolute;
 top:0px; left:0px;
 width:240px; height:190px;
 background: transparent url("./img/head-video.jpg") 0px 0px no-repeat;}
#head-video .head-video-1 {
 background-position: 0px 0px;}
#head-video .head-video-2 {
 background-position: 0px -190px;}
#head-video .head-video-3 {
 background-position: 0px -380px;}
#head-video .head-video-4 {
 background-position: 0px -570px;}
#head-video .head-video-5 {
 background-position: 0px -760px;}

/* Menu */ 
#menu {
 position:relative; z-index:20;
 width:960px; height:36px;
 background: #724d2f url("./img/menu.jpg") top left no-repeat;}
#mainmenu {
 position:absolute;
 left:20px; top:4px;
 width:900px;
 font-size:20px;
 font-family: 'Times New Roman';}
#mainmenu .menu-dot {
 float:left;
 width:23px; height:31px;
 background: transparent url("./img/menu-dot.gif") bottom left no-repeat;}
#mainmenu .main-item {
 position:relative;
 float:left;}
#mainmenu a {
 display:block;
 padding:4px 15px 3px 15px;
 text-decoration:none;
 color:#c1aea4;}
#mainmenu a:hover {
 text-decoration:underline;
 color:#e6d1c7;}
/*submenu*/
#mainmenu .submenu {
 display:none;
 position:absolute;
 left:0px; top:34px;
 background:#724c2e url("img/wood-block.jpg") left top repeat-y;}
#mainmenu .submenu-right {
 position:absolute;
 right:0px; top:0px;
 width:2px; height:100%;
 background:#6b4a2d url("img/wood-block.jpg") right top repeat-y;}
#mainmenu .submenu-end {
 position:relative;
 clear:both;
 width:100%; height:2px;
 background:#ad9e96 url("img/site-line.gif") left top no-repeat;}
#mainmenu .submenu-end-right {
 position:absolute;
 right:0px; top:0px;
 width:5px; height:2px;
 background:#ad9e96 url("img/site-line.gif") right top no-repeat;}
#mainmenu .sub-item {
 position:relative;
 white-space:nowrap;
 margin:0px; padding:0px;
 font-size:18px;}
#mainmenu .sub-item .submenu-dot {
 position:absolute;
 right:4px; top:11px;
 width:10px; height:10px;
 background: transparent url("./img/menu-dot.gif") -41px 0px no-repeat;}
#mainmenu .submenu-main {padding:5px 0 5px 0;}
#mainmenu .sub-item {position:relative;}
#mainmenu .sub-item a {display:block;padding:4px 20px 3px 20px;text-decoration:none;color:#c1aea4;}
#mainmenu .sub-item a:hover {text-decoration:underline;color:#e6d1c7;}
#mainmenu a.selected {color:#e6d1c7;}
/*lastmenu*/
#mainmenu .lastmenu {
 position:absolute;
 left:0px; top:1px;
 font-size:16px; width:500px;
 white-space:nowrap;
 background:#724c2e url("img/wood-block.jpg") right bottom repeat-y;}
#mainmenu .lastmenu .menu-dot {
 float:left;
 width:18px; height:22px;
 margin-top:1px;
 background: transparent url("./img/menu-dot.gif") -23px 0px no-repeat;}
#mainmenu .last-item {float:left;}
#mainmenu .last-item a {float:left;padding:3px 10px 3px 10px;}
 
#main {
 position:relative; z-index:10;
 width:960px;
 min-height:500px; height:auto !important; height:500px;
 background: #5f8f4d url("./img/main.gif") top left repeat-y;}
#main-top {
 position:absolute;
 top:0px; left:0px;
 width:960px; height:18px;
 background: #5f8f4d url("./img/main-side.gif") 0px 0px no-repeat;}
#main-bottom {
 position:absolute;
 bottom:0px; left:0px; 
 width:960px; height:45px;
 background: #5f8f4d url("./img/main-side.gif") 0px -18px no-repeat;}
 
#copyright {
 position:relative;
 height:31px; width:100%;
 font-family:"Times New Roman", Times, serif;
 font-size:16px;}
#copyright-wrap {
 position:absolute;
 top:0px; right:20px;
 height:31px;
 background: #6b482d url("./img/copyright.gif") left top repeat-x;
 text-align:center;}
#copyright-left {
 position:absolute;
 left:0px; top:0px;
 width:5px; height:31px;
 background: transparent url("./img/copyright-side.gif") 0px 0px no-repeat;}
#copyright-right {
 position:absolute;
 right:0px; top:0px;
 width:5px; height:31px;
 background: transparent url("./img/copyright-side.gif") -5px 0px no-repeat;}
#copyright-content {
 margin:5px 10px 0 10px;
 color:#c1aea4;}
#copyright-content a {
 color:#c1aea4; text-decoration:none;}
#copyright-content a:hover {
 color:#e6d1c7; text-decoration:underline;}
 
 
#content {
 position:relative;
 padding:20px 40px 20px 40px;
 text-align:left;
 color:#e3ffd3;}

.content {
 text-align:left;}
.content h1,
.content h2,
.content h3 {
 font-family: Georgia, serif;
 font-weight: bold;
 color:#d2c5bd;
 text-shadow: #604f47 0px 2px 3px;}
.content h1 {
 font-style:italic;
 font-size: 22px;
 margin-bottom:16px;}
.content h2 {
 color:#e3d5cd;
 font-style:italic;
 font-size: 18px;}
.content h3 {
 font-size: 12px;}
.content p,
.content li,
.content td {
 line-height:18px;
 font-size: 12px;}
.content ul {
 margin:0 0 5px 15px;
 padding:0;}
.content li {
 color:#f0e7ca;
 list-style:none;
 padding-left:20px;
 padding-bottom:4px;
 margin-left:-15px;
 background: transparent url('img/bullet.gif') 0 4px no-repeat;}
.content hr {
 color:#d2c5bd; background: #d2c5bd; height:1px; border:0px;}
 
.content img {border:0px;}
.content a img {border:1px solid #0a5ca8;}
.content a:hover img {border:1px solid #97c4ee;}
.content a {color:#abcdff; text-decoration:underline;}
.content a:hover {color:#c6e8ff; text-decoration:underline;}

/* content parts */

.content-wrap {
 float:left;
 width:660px;
 margin-bottom:10px;}
.content-right-wrap {
 position:relative;
 margin-left:675px;
 min-height:300px; height:auto !important; height:300px;}
.content-bottom-wrap {
 position:relative;
 clear:left;
 width:100%;
 min-height:50px; height:auto !important; height:50px;}

.content-right {
 text-align:center;
 margin:10px 0 10px 20px;}
.content-bottom {
 text-align:center;
 padding-top:20px;
 margin:0px 10px 0px 10px;}

.split-line-v      {width:17px; position:absolute; top:0px; bottom:0px; background: transparent url('img/split-line-v.gif') -17px 0px repeat-y;}
.split-line-top    {width:17px; height:35px; position:absolute; left:0px; top:0px; background: transparent url('img/split-line-v.gif') -34px 0px no-repeat;}
.split-line-bottom {width:17px; height:35px; position:absolute; left:0px; bottom:0px; background: transparent url('img/split-line-v.gif') 0px 0px no-repeat;}

.split-line-h     {width:100%; height:17px; position:absolute; top:0px; bottom:0px; background: transparent url('img/split-line-h.gif') 0px -17px repeat-x;}
.split-line-left  {width:35px; height:17px; position:absolute; left:0px; top:0px; background: transparent url('img/split-line-h.gif') 0px 0px no-repeat;}
.split-line-right {width:35px; height:17px; position:absolute; right:0px; top:0px; background: transparent url('img/split-line-h.gif') 0px -34px no-repeat;}

/* list */

.list .item {
 position:relative; margin:0 0 5px 0; display:block; text-decoration:none;}
.list .item:hover {
 text-decoration:none;}
.list .item .item-top {position:relative; width:100%; height:13px; background: #6a9b57;}
.list .item .item-top-left {position:absolute; left:0px; top:0px; width:13px; height:13px; background: #6a9b57 url("img/link-box-full.gif") 0 0 no-repeat;}
.list .item .item-top-right {position:absolute; right:0px; top:0px; width:13px; height:13px; background: #6a9b57 url("img/link-box-full.gif") -13px 0 no-repeat;}
.list .item .item-bottom {position:relative; width:100%; height:13px; background: #6a9b57 url("img/link-box-horizontal.gif") 0 -13px repeat-x;}
.list .item .item-bottom-left {position:absolute; left:0px; bottom:0px; width:13px; height:13px; background: #6a9b57 url("img/link-box-full.gif") 0 -13px no-repeat;}
.list .item .item-bottom-right {position:absolute; right:0px; bottom:0px; width:13px; height:13px; background: #6a9b57 url("img/link-box-full.gif") -13px -13px no-repeat;}
.list .item .item-main {position:relative; width:100%; background: #6a9b57; padding: 1px 0 1px 0; background: #6a9b57;}
.list .item .item-main-left {position:absolute; top:0px; left:0px; width:13px; height:100%; background: #6a9b57 url("img/link-box-full.gif") -52px 0 repeat-y;}
.list .item .item-main-right {position:absolute; top:0px; right:0px; width:13px; height:100%; background: #6a9b57 url("img/link-box-full.gif") -65px 0 repeat-y;}
.list .item .item-main-content {position:relative; top:0px; right:0px; margin:0px 15px 0px 15px;}

.list .item:hover .item-top          {background: #76a863;}
.list .item:hover .item-top-left     {background-position: -26px 0;}
.list .item:hover .item-top-right    {background-position: -39px 0;}
.list .item:hover .item-bottom       {background-position: 0px -39px;}
.list .item:hover .item-bottom-left  {background-position: -26px -13px;}
.list .item:hover .item-bottom-right {background-position: -39px -13px;}
.list .item:hover .item-main         {background: #76a863;}
.list .item:hover .item-main-left    {background-position: -78px -13px;}
.list .item:hover .item-main-right   {background-position: -91px -13px;}

.list .item .title {
 color:#b2effa;
 font-size:14px;
 font-family: Georgia, serif;
 font-weight: bold;
 text-shadow: #356526 0px 2px 3px;
 margin:0 0 10px 0;}
.list .item:hover .title {color:#cdffdb;}
.list .item .date {color:#f0e7ca;}
.list .item .perex {color:#beffcd;}

/* text */

.text.date {color:#f0e7ca;}

/* video list */

.video-list {
 width:640px;}
.video-list a.video-item {
 display:block;
 float:left;
 width:308px;
 text-decoration:none;
 background:#6a9b57 url('img/link-box.gif') -308px 0px repeat-y;
 margin:0 7px 5px 0;
 color:#beffcd;}
.video-list a.video-item .video-item-top {
 width:308px; height:13px;
 background:#6a9b57 url('img/link-box.gif') 0px 0px no-repeat;}
.video-list a.video-item .video-item-bottom {
 width:308px; height:13px; clear:left;
 background:#6a9b57 url('img/link-box.gif') -616px 0px no-repeat;}
.video-list a.video-item .video-item-main {
 margin:0 15px 5px 15px;}
.video-list a.video-item .video-item-thumbs {
 position:relative;
 width:130px; height:97px;
 float:left; overflow:hidden;
 border:1px solid #3a6a2a;
 margin-bottom:6px;}
.video-list a.video-item .video-item-thumbs img {
 border:0px; position:absolute; left:0px; top:0px;}
.video-list a.video-item .video-item-info {
 margin-left:140px;}
.video-list a.video-item .video-item-details {
 clear:left; margin-top:6px;}

.video-list a.video-item .title {
 color:#b2effa;
 font-size:14px;
 font-family: Georgia, serif;
 font-weight: bold;
 text-shadow: #356526 0px 2px 3px;
 margin:0 0 10px 0;}
.video-list a.video-item .description {
 font-weight:bold;
 margin:0 0 10px 0;}
.video-list a.video-item .info {
 font-size:11px;}
.video-list a.video-item .info .name {color:#f0e7ca;}
.video-list a.video-item .info .separator {color:#75a762;}
.frame-video-clear {
 width:640px; height:0px;
 overflow:hidden;
 clear:both;}

.video-list a:hover.video-item {background-position:-1232px 0px;}
.video-list a:hover.video-item .video-item-top {background-position:-924px 0px;}
.video-list a:hover.video-item .video-item-bottom {background-position:-1540px 0px;}
.video-list a:hover.video-item .title {color:#cdffdb}

.video-details .info {color:#beffcd;}
.video-details .info .name {color:#f0e7ca;}


/* video-form */
#video-form {position:relative; width:617px; margin:0px 0px 20px 4px;}
#video-form .video-search-input {
 position:relative;
 top:1px;
 width:476px; height:24px; margin-bottom:15px;
 background:transparent url('img/form-input.gif') left top no-repeat;}
#video-form .video-search-input input {
 margin:3px 5px 2px 5px;
 width:466px;
 border:0px; background:transparent;
 color:#e6d1c7; font-weight:bold;}
#video-form .video-search-button {
 position:absolute;
 top:0px; right:0px;
 width:128px; height:33px;
 background:transparent url('img/form-button.gif') left top no-repeat;}
#video-form .video-search-button input {
 position:relative;
 margin:3px 3px 2px 3px;
 width:122px; height:20px;
 border:0px; background:transparent;
 color:#e6d1c7; font-weight:bold;
 cursor:pointer;}
#video-form .video-form-frame {
 position:relative;
 width:617px; margin-top:10px;
 background:transparent url('img/form-frame.gif') -617px 0px repeat-y;}
#video-form .video-form-frame-top {
 position:absolute;
 left:0px; top:0px;
 width:617px; height:9px;
 background:transparent url('img/form-frame.gif') 0px 0px no-repeat;}
#video-form .video-form-frame-bottom {
 position:absolute;
 left:0px; bottom:0px;
 width:617px; height:9px;
 background:transparent url('img/form-frame.gif') -1234px 0px no-repeat;}
#video-form .video-form-frame-content {
 position:relative;
 padding:9px 10px 6px 10px;}
#video-form .video-form-frame .item {
 width:195px; float:left;}
#video-form .video-form-frame .enabler {
 border-bottom:1px solid #558543;
 padding-bottom:1px;
 margin-bottom:4px;}
#video-form .video-form-frame input,
#video-form .video-form-frame label {
 cursor:pointer;
}

.paginationControl {
  text-align:center;
}


/**
 * Sidebox
 */
.sidebox {
 position:relative; left:8px;
 width:168px;
 text-align: left;
 padding:4px 0 1px 0;
 margin-bottom:5px;
 font-size:11px;
 background:#6a9b57 url('img/side-box.gif') -168px 0px repeat-y;}
.sidebox-top {
 position:absolute; top:0px; left:0px;
 width:168px; height:13px;
 background:#6a9b57 url('img/side-box.gif') 0px 0px no-repeat;}
.sidebox-bottom {
 position:absolute; bottom:0px; left:0px;
 width:168px; height:13px;
 background:#6a9b57 url('img/side-box.gif') -336px 0px no-repeat;}
.sidebox-main {
 position:relative; z-index:2;
 height:160px;
 margin:0 15px 5px 15px;}

.sidebox .title {
 color:#b2effa;
 font-size:14px;
 font-family: Georgia, serif;
 font-weight: bold;
 text-shadow: #356526 0px 2px 3px;
 margin:6px 0 10px 0;}
.sidebox .info {color:#beffcd;}
.sidebox .name {color:#f0e7ca;}

#moonPhase .moon {
 position:absolute; z-index:1;
 left:5px; top:5px;
 width:158px; height:132px;
 background:transparent url('img/moon.jpg') 0px 0px no-repeat;}
#moonPhase .phaseName {
 position:absolute;
 left:10px; top:20px;
 width:140px;
 text-shadow: #000 0px 0px 4px;
 text-align:center;}
#moonPhase .moon.phase0 {background-position: 0px 0px;}
#moonPhase .moon.phase1 {background-position: 0px -132px;}
#moonPhase .moon.phase2 {background-position: 0px -264px;}
#moonPhase .moon.phase3 {background-position: 0px -396px;}
#moonPhase .moon.phase4 {background-position: 0px -528px;}
#moonPhase .moon.phase5 {background-position: 0px -660px;}
#moonPhase .moon.phase6 {background-position: 0px -792px;}
#moonPhase .moon.phase7 {background-position: 0px -924px;}

#moonPhase .sun {
 position:absolute; z-index:3;
 left:9px; top:107px;
 padding-left:7px;
 width:140px; height:55px;
 background:transparent url('img/sun.png') 0px 19px no-repeat;}
#moonPhase .sun .data {margin:4px 0 0 29px;}


/**
 * Form
 */

/* Input Form */ 
form {border-spacing:4px; width:600px;}
form tr.item {}
form td.label {
 width:80px;
 padding:4px 10px 0px 0px;
 text-align:right !important;
 vertical-align:top;}
form td.input {
 width:500px;
 padding:0px 0px 2px 0px;
 vertical-align:top;} 
form td.label span.required {font-weight:bold; color: #ffc794;}
form ul.errors {padding:0px; margin:0px 0px 8px 0px;color:red;}
form ul.errors li {padding:0px;margin: 0px;list-style:none; background-image: none;}
    
/* Inputs in form */
form td.input input {}
form td.input div.inputFrame,
form td.input .elementFormText,
form td.input input[type="file"],
form td.input .elementFormPassword {
 width:98%;
 margin-left:0px; margin-right:0px;
 padding:2px 4px 2px 4px;
 border: 1px solid #888;}
form td.input .elementFormTextarea {
 width:98%;
 margin-left:0px; margin-right:0px;
 padding:2px 4px 2px 4px;
 border: 1px solid #888;}
form td.input .elementFormSubmit,
form td.input .elementFormButton {}
form td.input select {
 margin-left:0px; margin-right:0px;}


.clear {clear:both; width:100px;overflow:hidden;}