@import url(base.css);
@import url(content.css);

BODY {background: #FFF; color: #000; font-size: 0.75em; }

#canvas {border-top: 5px solid #360; margin: 0 auto; max-width: 108em; min-width: 890px; position: relative; width: 100%; }

#top {background: #D5EAC0 url(../i/topBgXTiled.gif) repeat-x; position: relative; width: 100%; }
#topA {background-image: url(../i/topBgL.gif); width: 100%; height: 155px; }

#content .line {background: #f2f2f2; border-top: 5px solid #333; margin-bottom: 10px; width: 100%; }
#content .lineA {background: url(../i/contentLineBgRTiled.gif) right top repeat-y; margin-top: -5px; padding-top: 5px; position: relative; }
* HTML #content .lineA {height: 1px; }

#content .line .mainBox {float: left; margin-right: -245px; width: 100%; }
#content .line .main {margin-right: 245px; padding: 10px; }
* HTML #content .line .main {height: 1px; }
#content .line .main H3 {font-size: 1.167em; margin: 0; margin-bottom: 0.4em; }
#content .line .main H3 SMALL {display: block; font-size: 0.786em; font-weight: normal; margin: 0.2em 0; }
#content .line .main H3 SMALL SPAN {display: none; }
#content .line .main .info {overflow: hidden; width: 100%; }
#content .line .main .info .pic {float: left; overflow: hidden; width: 102px; }
#content .line .main .info .pic IMG {border: 1px solid #360; vertical-align: top; }
#content .line .main .info .txt {margin-left: 112px; min-height: 0; }
* HTML #content .line .main .info .txt {margin-right: -3px; position: relative; left: -3px; height: 1px; }

#content .line .other {float: right; padding: 10px; width: 245px; }
#content .line .other/**/ {width: /**/225px; }
* HTML #content .line .other {overflow: hidden; }
#content .line .other DL {margin: 0; }
#content .line .other DT {color: #360; font-size: 0.917em; font-weight: normal; margin-bottom: 0.2em; }
#content .line .other DD {margin-bottom: 1.25em; }
#content .line .other DL A,
#content .line .other UL A {color: #333; }

#content .line .other UL,
#content .line .other UL LI {margin: 0; }

#content .line .other UL {margin-top: 2.75em; }
#content .line .other UL LI {margin-left: 1.25em; margin-bottom: 0.4em; }

#content .line .more {font-size: 100%; margin: 0; margin-top: 1.25em; padding: 0; }

/* sidebars common */
#mnuCol,
#app {padding-bottom: 25px; }

* HTML #mnuCol,
* HTML #app {overflow: hidden; }

#mnuCol .blk,
#app .blk {border-top: 5px solid #CCC; margin: 10px 0; padding-top: 10px; padding-left: 10px; width: 100%; }

#mnuCol .blk/**/,
#app .blk/**/ {width: /**/auto; }
* HTML #mnuCol .blk,
* HTML #app .blk {height: 1px; }

#mnuCol H5,
#app H5 {font-size: 1.5em; font-weight: normal; margin: 0; margin-bottom: 0.2em; }

#mnuCol .bn,
#app .bn {padding-left: 0 !important; padding-right: 0 !important; text-align: center; }

* HTML #mnuCol .bn UL,
* HTML #app .bn UL {margin-bottom: -10px !important; }

#mnuCol .bn IMG,
#app .bn IMG {vertical-align: top; }

#mnuCol .bn UL,
#mnuCol .bn UL LI,
#app .bn UL,
#app .bn UL LI {margin: 0; padding: 0; }

#mnuCol .bn UL,
#app .bn UL {list-style: none; }

#mnuCol .bn UL LI,
#app .bn UL LI {margin-bottom: 10px; }

#mnuCol .bn H5,
#app .bn H5 {display: none; margin: 0; margin-bottom: 0.5em; }
/* /sidebars common */

#mnu H5 {display: none; }

#mnu {padding-left: 0 !important; }

#mnu UL,
#mnu UL LI {margin: 0; padding: 0; width: 100%; }

#mnu UL {font-weight: bold; list-style: none; padding: 0.5em 0; }

#mnu UL LI {background-image: url(../i/mnuBull.gif); background-position: 19px 0.6em; vertical-align: top; }
#mnu UL A {color: #369; display: block; padding: 0.3em 5px 0.4em 31px; }
* HTML #mnu UL A {height: 1px; }
#mnu UL A:hover {color: #000 !important; }

#mnu UL UL {font-size: 0.917em; }
#mnu UL UL LI {background: none; font-weight: normal; }
#mnu UL UL LI A {padding-top: 0.05em; padding-bottom: 0.1em; }
#mnu UL UL LI.cur A {color: #999; text-decoration: none; }
#mnu UL UL UL {font-size: 100%; }

#bot {border-top: 10px solid #360; color: #999; font-size: 0.917em; margin-left: 200px; min-height: 50px; padding: 10px 0; padding-right: 380px; position: relative; }
#bot P {margin: 0; }
* HTML #bot {height: 1px; }

#counters {position: absolute; right: 0; top: 1em; }

#counters UL,
#counters UL LI {margin: 0; padding: 0; }

#counters UL {float: right; list-style: none; }
#counters UL LI {float: left; padding-left: 2px; }

#counters IMG {vertical-align: top; }

#mnuCol {float: left; margin-top: -10px; width: 190px; }
#mnuCol .blk {padding-left: 20px; }

#mnuCol .bnWide {padding-left: 0; text-align: right; }
#mnuCol .bnWide IMG {vertical-align: top; }

#mnuCol .bnWide UL,
#mnuCol .bnWide UL LI {margin: 0; padding: 0; }

#mnuCol .bnWide UL {list-style: none; }

#friends UL,
#friends UL LI {margin: 0; margin-bottom: 0.2em; padding: 0; }

#friends UL {list-style-position: inside; }

#friends A {color: #333; }

#app {float: right; margin-top: -10px; width: 240px; }
#app .blk {padding-right: 5px; }

#contentNAppBox {float: right; margin-left: -200px; width: 100%; }
#contentNApp {margin-left: 200px; }

#contentBox {float: left; margin-right: -250px; width: 100%; }
#content {border-top: 5px solid #333; margin-right: 250px; padding: 10px; padding-bottom: 15px; }
#html_home #content {border-top: none; padding-top: 0; padding-left: 0; padding-right: 0; }

#main {width: 100%; }

#serv {font-size: 0.917em; position: absolute; left: 60%; top: 45px; }

#serv UL,
#serv UL LI {margin: 0; padding: 0; }

#serv UL {list-style: none; }
#serv UL LI {background-image: url(../i/servBull.gif); background-position: 0 0.45em; margin-bottom: 0.5em; }
#serv UL LI A {padding-left: 9px; }
#html_home #serv .home {display: none; }

#logo {background-image: url(../i/logo.gif); margin: 0 !important; position: absolute; left: 210px; top: 38px; }
#logo A {display: block; margin-top: -85px; position: relative; }

#logo,
#logo A {overflow: hidden; padding-top: 85px; width: 320px; height: 85px; }

#logo/**/,
#logo A/**/ {height: /**/0; }

#ostrovLogo {background-image: url(../i/ostrovLogo.gif); margin: 0 !important; position: absolute; left: 20px; top: 5px; }
#ostrovLogo A {display: block; margin-top: -140px; position: relative; }

#ostrovLogo,
#ostrovLogo A {overflow: hidden; padding-top: 140px; width: 153px; height: 140px; }

#ostrovLogo/**/,
#ostrovLogo A/**/ {height: /**/0; }


#flbLogoFlash {position: absolute; right: 64px; top: 35px; }

#flbLogo {background-image: url(../i/flbLogo.gif); margin: 0 !important; }
#flbLogo/**/ {height: /**/0; }

#flbLogo A {display: block; margin-top: -89px; position: relative; }

#flbLogo,
#flbLogo A {overflow: hidden; padding-top: 89px; width: 86px; height: 89px; }

#flbLogo/**/,
#flbLogo A/**/ {height: /**/0; }

#homeHalt {background: #d5eac0; border-right: 250px solid #FFF; font-size: 0.917em; margin-bottom: 10px; }
* HTML #homeHalt {height: 1px; }
#homeHaltA {margin-right: -250px; position: relative; }
* HTML #homeHaltA {height: 1px; }
#homeHalt .txtBox {float: left; margin-right: -250px; width: 100%; }
#homeHalt .txt {margin-right: 250px; padding: 10px; }
* HTML #homeHalt .txt {height: 1px; }

#homeHalt .txt BLOCKQUOTE,
#homeHalt .txt P {margin: 0; padding: 0; }

#homeHalt .txt BLOCKQUOTE {font-style: italic; margin-bottom: 1.25em; }

#homeHalt .ad {float: right; overflow: hidden; width: 240px; }
#homeHalt .ad IMG {vertical-align: top; }

#appPhotoOfMonth DT IMG {border: 1px solid #360; margin-bottom: 0.5em; vertical-align: top; }

#search {padding-left: 19px !important; }
#search H5 {display: none; }
#search FORM {overflow: hidden; width: 100%; }
#search FORM .field {float: left; margin-right: 5px; width: 100px; }
#search FORM .field INPUT {border: 1px solid #360; margin: 0; padding: 0.05em 0; width: 100%; }
#search FORM .submit {float: left; margin: 0; padding: 0; width: 4em; }
#search FORM .submit INPUT {margin: 0; padding: 0; width: 100%; }

#subscribe DL {margin: 0; margin-bottom: 0.6em; }
#subscribe DT {margin-bottom: 0.3em; }
#subscribe DD {margin: 0; }
#subscribe DD INPUT {border: 1px solid #360; width: 140px; }
#subscribe .submit {margin: 0; padding: 0; }
#subscribe .submit INPUT {width: 8em; }

#poll DL {width: auto; }
#poll DT {font-weight: normal; margin-bottom: 1em; }
#poll DD UL {margin: 1.25em 0; width: 100%; }
#poll DD LI {line-height: 1.6em; overflow: hidden; width: 100%; }
#poll DD LI INPUT {float: left; }
#poll DD LI LABEL {display: block; margin-left: 30px; margin-top: 1px; }
* HTML #poll DD LI LABEL {height: 1px; margin-right: -3px; position: relative; left: -3px; }
#poll .submit {margin: 0; padding: 0; }
#poll .submit INPUT {width: 8em; }

UL#photo,
UL#photo LI {margin: 0; padding: 0; }

UL#photo {list-style: none; min-height: 0; margin: 0 -10px; }
* HTML UL#photo {height: 1px; }
UL#photo LI {background: #f2f2f2; border-top: 5px solid #CCC; margin-bottom: 10px; padding: 10px; width: 100%; }
UL#photo LI/**/ {width: /**/auto; }
* HTML UL#photo LI {height: 1px; }
UL#photo LI H2 {font-size: 1.167em; }
UL#photo LI DIV {overflow: hidden; width: 100%; }
UL#photo LI DIV DIV {margin-left: 120px; overflow: visible; padding-left: 10px; width: auto; }
* HTML UL#photo LI DIV DIV {left: -3px; margin-right: -3px; position: relative; }
* HTML UL#photo LI DIV DIV {height: 1px; }
UL#photo LI DL {margin: 0; }
UL#photo LI DT {color: #360; float: left; margin-right: 0.4em; }
UL#photo LI DD {margin: 0; margin-bottom: 0.2em; padding: 0; }
* HTML UL#photo LI DD {text-indent: -3px; }
UL#photo LI P {float: left; overflow: hidden; width: 120px; }

#localNav UL,
#localNav UL LI {margin: 0; padding: 0; width: 100%; }

#localNav UL {font-size: 1.167em; font-weight: bold; list-style: none; }
#localNav UL A {display: block; padding: 0.05em 0; vertical-align: top; }
* HTML #localNav UL A {height: 1px; }
#localNav UL A:hover {color: #000 !important; }
#localNav UL UL {font-size: 100%; }
#localNav UL LI.cur A {color: #999; text-decoration: none; }

DL.pagesBottom {color: #999; font-size: 1.167em; margin-top: 2.5em; }
DL.pagesBottom DT {float: left; margin-right: 0.6em; }

DL.pagesBottom UL,
DL.pagesBottom UL LI {margin: 0; padding: 0; }

DL.pagesBottom UL {list-style: none; }
* HTML DL.pagesBottom UL {text-indent: -3px; }
DL.pagesBottom UL LI {display: inline; margin-right: 0.3em; }

#html_photo .pagesBottom {margin-left: -10px; position: relative; }
* #html_photo .pagesBottom {height: 1px; }

#photoItemContent H3#sectionTitle {font-size: 2em; font-weight: normal; margin-left: -1px; }
#photoItemContent H3#sectionTitle SMALL {font-size: 0.636em; font-weight: bold; vertical-align: middle; }
#photoItemContent H3#sectionTitle SMALL A {color: #99b27f; }
#photoItemContent H1 {font-size: 1.167em; font-weight: bold; }
#photoItemContent .info {background: #f2f2f2; border-top: 5px solid #ccc; margin-bottom: 10px; margin: 0 -10px; padding: 10px; padding-bottom: 0; position: relative; width: 100%; }
#photoItemContent .info/**/ {width: /**/auto; }
* HTML #photoItemContent .info {height: 1px; }
#photoItemContent .info DL {margin: 0; }
#photoItemContent .info DT {color: #360; float: left; margin-right: 0.4em; }
#photoItemContent .info DD {margin: 0; margin-bottom: 0.2em; padding: 0; }
* HTML #photoItemContent .info DD {text-indent: -3px; }

#photoItemContent .authorPhotos,
#photoItemContent .authorPhotos LI {margin: 0; padding: 0; }

#photoItemContent .authorPhotos {background: #FFF; list-style: none; margin: 10px -10px; min-height: 0; padding-top: 10px; }
* HTML #photoItemContent .authorPhotos {height: 1px; }

#photoItemContent .authorPhotos LI {background-color: #f2f2f2; background-position: center; float: left; margin: 5px; margin-top: 0; margin-left: 0; }
#photoItemContent .authorPhotos LI DIV {background-image: url(../i/iconPhotoZoom.gif); background-position: left bottom; width: 190px; height: 190px; }
#photoItemContent .authorPhotos LI A {display: block; width: 190px; height: 190px; }
#photoItemContent .authorPhotos LI IMG {display: none; }

#photoItemContent P.back {font-size: 1.167em; font-weight: bold; margin-left: -10px; position: relative; }
* HTML #photoItemContent P.back {height: 1px; }

UL.localNavInline,
UL.localNavInline LI {margin: 0; padding: 0; }

UL.localNavInline {list-style: none; }
UL.localNavInline LI {display: inline; }

DL.news DT {margin-bottom: .2em; }
DL.news DD P {margin: 0; }
DL.news DD .info {margin-top: 0.3em; overflow: hidden; width: 100%; }
DL.news DD .info .pic {float: left; overflow: hidden; width: 102px; }
DL.news DD .info .pic IMG {border: 1px solid #360; vertical-align: top; }
DL.news DD .info .txt {margin-left: 112px; min-height: 0; }

P.date {font-size: 0.917em; }
P.date SMALL {font-size: 100%; }


/* 2007-03-06 */
#content {text-align: justify; }
#html_home #content,
#content H1,
#content H2,
#content H3,
#content H4,
#content H5,
#content H6 {text-align: left; }
/* /2007-03-06 */


#comments {margin: 1.5em 0; }
#comments DL DD {margin-left: 35px; }

#comments H4,
#frm-comment {border-top: 5px solid #ccc; margin: 0 -10px 1em; padding: 1em 10px 0; position: relative; }

	#comments H4,
	#comments DL DD {min-height: 0; }

	* HTML #comments H4,
	* HTML #comments DL DD {height: 1px; }
