body {
 position: absolute;
 width: 100%;
 height:100%;
  
 margin:   0px;
 padding:  0px;
 z-index:  0;
  
 font-family: verdana,sans-serif,trebuchet;
 font-size:   12px;
 letter-spacing: 0;
 word-spacing: 0;
  
 color:      black;
 background: white;}
  
*:focus { outline: 0; }
form {margin:0px;}

/**
 * Header
 */

#header {
 width:990px; height:110px;
 background: #d2f1ff url("./img/header-logo.jpg") left top;}
#headLine1 {
 width:990px;height:33px;
 background: white url("./img/header-menu-line.gif") left top repeat-x;}
#headLine2 {
 width:990px;height:32px;
 border-bottom:1px solid white;}
.headLine {
 position:relative;
 width:990px;height:33px;
 font-family: Trebuchet MS, Helvetica;
 z-index:10;}
#headLine1 .logo {
 position:absolute;
 left:0px;top:0px;
 width:175px;height:33px;
 background: white url("./img/header-logo-bottom.gif") left top no-repeat;}
  
#ribonLine {
 position:absolute;
 left:0px;top:110px;
 width:100%; height:90px;
 z-index:5;
 background: red url("./img/ribon.gif") left top repeat-x;}
#decoRibon {
 position:relative;
 width:990px;height:90px;
 margin: 0 auto 0 auto;}
#decoRibonLeft {
 position:absolute;
 left:-60px;top:-1px;
 width:60px;height:90px;
 background: white url("./img/ribon1.gif") left top no-repeat;
 z-index:20;}
#decoRibonRight {
 position:absolute;
 left:990px;top:-1px;
 width:60px;height:90px;
 background: white url("./img/ribon1.gif") left top no-repeat;
 z-index:20;}
#decoRibonLeft.decoRibon1 {background: url("./img/ribon1.gif");}
#decoRibonLeft.decoRibon2 {background: url("./img/ribon2.gif");}
#decoRibonLeft.decoRibon3 {background: url("./img/ribon3.gif");}
#decoRibonLeft.decoRibon4 {background: url("./img/ribon4.gif");}
#decoRibonLeft.decoRibon5 {background: url("./img/ribon5.gif");}

#decoRibonRight.decoRibon1 {background: url("./img/ribon1.gif") -60px;}
#decoRibonRight.decoRibon2 {background: url("./img/ribon2.gif") -60px;}
#decoRibonRight.decoRibon3 {background: url("./img/ribon3.gif") -60px;}
#decoRibonRight.decoRibon4 {background: url("./img/ribon4.gif") -60px;}
#decoRibonRight.decoRibon5 {background: url("./img/ribon5.gif") -60px;}

#ribonLine.decoRibon1 {background-color:#ff0000;}
#ribonLine.decoRibon2 {background-color:#00c800;}
#ribonLine.decoRibon3 {background-color:#ffb400;}
#ribonLine.decoRibon4 {background-color:#a200ff;}
#ribonLine.decoRibon5 {background-color:#c60095;}

/**
 * Menu
 */
#mainmenu {
 position:absolute;
 left:175px;top:0px;
 width:810px;height:33px;
 margin:0px;padding:0px;}
#mainmenu li {
 width:140px; height:33px;
 float:left;
 list-style:none;
 border-right:1px solid white;}
#mainmenu li a {
 display:block;
 width:140px; height:32px;
 color:white;
 font-size:18px;
 line-height:34px;
 text-decoration:none;
 background: white repeat 0 0;}
  
#mainmenu li a.menu1 {background-image: url("./img/menu-bg-1.png")}
#mainmenu li a.menu2 {background-image: url("./img/menu-bg-2.png")}
#mainmenu li a.menu3 {background-image: url("./img/menu-bg-3.png")}
#mainmenu li a.menu4 {background-image: url("./img/menu-bg-4.png")}
#mainmenu li a.menu5 {background-image: url("./img/menu-bg-5.png")}

#mainmenu li a:hover, 
#mainmenu li a:focus, 
#mainmenu li a:active {background-position:0 32px;}

#mainmenu li.selected {height:33px;}
#mainmenu li.selected a {height:33px;}
#mainmenu li.selected a.menu1, #headLine2.menu1 {background:#ff0000}
#mainmenu li.selected a.menu2, #headLine2.menu2 {background:#00c800}
#mainmenu li.selected a.menu3, #headLine2.menu3 {background:#ffb400}
#mainmenu li.selected a.menu4, #headLine2.menu4 {background:#a200ff}
#mainmenu li.selected a.menu5, #headLine2.menu5 {background:#c60095}

#headLine2.menu1 #mainSubmenu { left:200px; }
#headLine2.menu2 #mainSubmenu { left:320px; }
#headLine2.menu3 #mainSubmenu { left:350px; }
#headLine2.menu4 #mainSubmenu { left:290px; }
#headLine2.menu5 #mainSubmenu { left:420px; }

#mainSubmenu {
 position:absolute;
 left:50%;top:0px;
 height:33px;
 margin:0px;padding:0px;}
#mainSubmenu li {
 height:33px;
 float:left;
 margin: 0 0 0 70px;
 list-style:none;}
#mainSubmenu li a {
 display:block;
 width:100%; height:32px;
 color:white;
 font-size:16px;
 line-height:34px;
 text-decoration:none;}
#mainSubmenu li a:hover {
 text-decoration:underline;}
#mainSubmenu li.selected {
 font-weight: bold;}
  
/**
 * Main
 */
 
#main {
 position:relative;
 z-index:10;
 width:990px;
 margin:0px;padding:0px;
 background:white url("./img/main-line.gif") left top repeat-y;}
  
/**
 * Side
 */
#side {
 position:relative;
 float:right;
 margin:0 0 0 0; 
 padding:0px;
 width:320px;}
#side .side-img {
 position:relative;
 width:320px; height:310px;
 margin-bottom:0px;
 border-bottom:1px solid white;}
#side .side-block {
 margin-top:-2px;
 border-bottom:1px solid white;}
#side .side-text {
 margin:0 20px 0 20px;
 padding: 12px 0 0px 0;
 color:white;
 text-align:left;
 font-size:12px;}
#side h1 {
 margin:0px;
 padding:0px;
 font-size:16px;}

.color-red    #side {background:#ff0000 url("./img/background1.gif") left top repeat;}
.color-green  #side {background:#00c800 url("./img/background2.gif") left top repeat;}
.color-yellow #side {background:#ffb400 url("./img/background3.gif") left top repeat;}
.color-violet #side {background:#a200ff url("./img/background4.gif") left top repeat;}
.color-purple #side {background:#c60095 url("./img/background5.gif") left top repeat;}

.color-red    #side .side-img {background:#ff0000 url("./img/side1.jpg") left top no-repeat;}
.color-green  #side .side-img {background:#00c800 url("./img/side2.jpg") left top no-repeat;}
.color-yellow #side .side-img {background:#ffb400 url("./img/side3.jpg") left top no-repeat;}
.color-violet #side .side-img {background:#a200ff url("./img/side4.jpg") left top no-repeat;}
.color-purple #side .side-img {background:#c60095 url("./img/side5.jpg") left top no-repeat;}

.color-red    #side .side-block {background:#ff0000}
.color-green  #side .side-block {background:#00c800}
.color-yellow #side .side-block {background:#c48200}
.color-violet #side .side-block {background:#a200ff}
.color-purple #side .side-block {background:#c60095}

.color-red    #content h2 {color:#ff0000}
.color-green  #content h2 {color:#00c800}
.color-yellow #content h2 {color:#ff0000}
.color-violet #content h2 {color:#a200ff}
.color-purple #content h2 {color:#c60095}
  
/**
 * Content
 */ 
#content {
 position:relative;
 margin:0 380px 0 20px;
 padding: 20px 0 0px 0;
 text-align:left;
 border:1px solid white;}
#content-end {
 margin:0px;
 width:95%;
 height:0px;
 overflow:hidden;
 clear:right;}
 
#content h1 {
 margin:10px 2px 15px 2px;
 padding:0px 10px 0px 8px;
 color:#11aeee;
 line-height:26px;
 font-size:26px;
 font-family:Times New Roman, Times;}
#content h2 {
 margin:10px 2px 12px 2px;
 padding:0px 10px 0px 8px;
 color:#11aeee;
 line-height:16px;
 font-size:20px;
 font-family:Times New Roman, Times;}
#content h1:FIRST-CHILD {
 margin-top:0px;}
 
#content p,
#content li,
#content td {
 font-family: verdana,sans-serif,trebuchet;
 font-size:14px;
 font-weight:normal;
 line-height:18px;}

#content p {
 padding:0px 0px 0px 0px;
 margin:0px 10px 10px 10px;
 line-height:16px;}
#content li {
 padding:0px 0px 0px 15px;
 margin: 0px 0px 5px -15px;
 list-style:none;
 background: transparent url("./img/bullet.gif") 0px 4px no-repeat;}
#content ul {
 padding:0px;
 margin:0px 0px 15px 15px;}
#content a {
 text-decoration:none;
 color:#009fde;}
#content a:hover {
 text-decoration:underline;
 color:#fa4747;}
#content a img {
 border:3px solid #11aeee;}
#content a:hover img {
 border:3px solid #f00;}
#content hr {
 height:1px;
 border:1px;
 margin: 15px 10px 15px 10px;
 color: #11aeee;
 background-color: #11aeee;}
#content td {
 padding:2px;}

#content tr.item td.label {width:100px;}
#content tr.item td.label .required {color:red;}
#content input {width:45%;}
#content textarea {width:98%;}

/** addons **/

#side .side-text p:FIRST-CHILD {margin-top:0px;}
#side .side-news a {
 display:block;
 padding: 10px 0 10px 20px;
 color:white;
 text-align:left; 
 text-decoration:none;
 border-top:1px solid white;}
#side .side-news a:hover {
 background:#ff0000;}
#side .side-news .date {
 font-style: italic;}
#side .side-news .title {
 font-weight: bold;}


#content-bottom {
 position:absolute;
 left:0px; bottom:0px;
 width:669px;
 text-align:left;
 border-top:1px solid white;
 background:#00c800;}
#content-bottom-text {
 position:relative;
 width:600px;
 margin:0 380px 0 20px;
 text-align:left;
 color:white;}
#content-bottom-text h1 {
 margin:10px 2px 15px 2px;
 padding:0px 10px 0px 8px;
 line-height:26px;
 font-size:20px;}
#content-bottom-text h2 {
 margin:10px 2px 12px 2px;
 padding:0px 10px 0px 8px;
 line-height:16px;
 font-size:16px;}
#content-bottom-text h1:FIRST-CHILD {
 margin-top:0px;}
#content-bottom-text p,
#content-bottom-text li,
#content-bottom-text td {
 font-weight:normal;}
#content-bottom-text p {
 padding:0px 0px 0px 0px;
 margin:0px 10px 10px 10px;}
#content-bottom-text a {
 text-decoration:underline;
 color:#fff;}
#content-bottom-text a:hover {
 text-decoration:underline;
 color:#fa4747;}
  
/**
 * Footer
 */
#footer {
 position:relative;
 width:990px;height:32px;
 background: white url("./img/header-menu-line.gif") left top repeat-x;
 border-top: 1px solid white;
 border-bottom: 1px solid white;}
#copyright {
 position:absolute;
 top:10px;right:20px;
 color: white;}
#copyright a {
 color: white;
 text-decoration: none;
 font-weight: bold;}
#copyright a:hover {
 text-decoration: underline;}
  
.clear {clear:both;}
.clear-left {clear:left;}

/* News */
#content a.news {
 display:block; 
 text-decoration:none; 
 margin:10px 0 10px 0;
 padding:0px;}
#content a.news h2 { color:#00c800; }
#content a.news .date { color:#000; }
#content a.news .text { color:#000; }
#content a:hover.news h2 { color:red; text-decoration: underline; }
#content a:hover.news .date { color:#468; text-decoration: none; }
#content a:hover.news .text { color:#468; text-decoration: none; }
#content .news-date {color:#00c800; font-weight:bold;}

/* Gallery */
#content .gallery-photos {
 margin: 0 10px 0 10px;}
#content .photo {
 float:left;
 width:187px;margin-bottom:20px;
 text-align:center;}
#content .photo .title{
 color:black;
 width:171px;
 margin-bottom:5px 5px 5px 5px;
 text-align:center;} 
#content a.news {
 display:block; 
 text-decoration:none; 
 margin:10px 0 10px 0;
 padding:0px;}

#content a.gallery {
 display:block; 
 text-decoration:none; 
 margin:10px 0 10px 0;
 padding:0px;}
#content a.gallery h2 { color:#00c800; }
#content a.gallery p,
#content a.gallery li { color:#000; }
#content a:hover.gallery {text-decoration:none;}
#content a:hover.gallery h2 { color:red; text-decoration: underline; }
#content a:hover.gallery p,
#content a:hover.gallery li{ color:#468; }


/* paginator control */
.paginationControl {
 text-align:center;
 margin: 20px auto 10px auto;}
.paginationControl a {
 color: #009fde;
 font-weight: bold;
 text-decoration: none;}
.paginationControl a:hover {
 color: red;}
.paginationControl .current {
 font-weight: bold;
 color: red;}
.paginationControl .disabled {
 font-weight: normal;
 color: #BBB}

/**enlarge image script*/
#geckImageBoxView .background{background: #000; cursor:pointer;}
#geckImageBoxView .imgFrame{border: 3px solid #F00;}
#geckImageBoxProgress {
  position:absolute;
  left:0px;top:0px;
  width:100%;height:100%;
  background: transparent url("./images/ajax-loader.gif") center center no-repeat;}