@import url("fx-041101.css");

/* basic 3-column */
/* Rosa's dream... */

@media screen {
html {margin: 0; padding: 0;}
body {margin: 0; padding: 3px 5px 3px 3px; background-color:#c0c7d0; text-align: center; font-family: Georgia,"Trebuchet MS",sans-serif; font-size: 100.01%; line-height: 120%; color:#000;}


/* the page */
div#wrapper {max-width: 1200px; min-width: 590px; margin: 0 auto; border: solid 1px #333; text-align: left; width: 100%; position: relative;overflow: visible; border-width: 1px 2px 2px 1px; background-color:#d0d7d0;background-image: url(../imagedepot/back14wh.jpg);}
div#iewrapper {width: 100%; background-image: url(../imagedepot/hogmog-green.png); background-repeat: no-repeat; padding-top: 12em; }

div#superwrapper1 {margin: 0; border-left: double 80px #8a8; border-right: double 80px #8a8; }
div#superwrapper2 {}
div#superwrapper3 {margin: 0 -81px 0 -80px; position: relative; background-image: url(../imagedepot/shrud-7.png); background-repeat: repeat-x; background-position: 0 10px; min-height: 600px;}


div#container {float: right; width: 100%; margin-left: -151px; clear: both; padding: 0; margin-bottom: 10px;}
div#container div#content {float: left; width: 100%;  margin-right: -155px; padding: 0 0 2px 0;}
div#content div {padding: 0 156px 0 155px; max-width: 600px; margin: 0 auto; position: relative;}
div#content div div {padding: 1px 0; border: solid 1px #333; margin: 0 3px 2px 3px; margin-top: 4px; background-color:  #f7faff; border-right: solid 3px #333;  border-bottom: solid 2px #333;}
div#content div div div.tac {border: none;}
div#content div div ul,div#content div div ol {margin: -2px 3px 3px 3px; padding: 0 0 0 1.7em;}
div#content div div ul li,div#content div div ol li {margin: 0; padding: 0;}
div#content div div ul li {text-indent: -6px; padding-left: 6px;}

div#content div div.ed1 {margin-left: 2px; margin-right: -2px;}

.exp {background-color: #e0e8ef; display: block; padding:2px;}
li .exp {margin-right: 20px; padding: 0;}

.b,.bl,.g,.r,.p,.gry,.n {background-image: url(../imagedepot/shrud-4gry.png)!important; background-repeat: no-repeat; background-position: bottom center;}
.b {background-image: url(../imagedepot/shrud-4b.png)!important;}
.bl {background-image: url(../imagedepot/shrud-4bl.png)!important;}
.g {background-image: url(../imagedepot/shrud-4g.png)!important;}
.p {background-image: url(../imagedepot/shrud-4.png)!important;}
.n {background-image: url(../imagedepot/shrud-5.png)!important; background-color: #e8f0f8!important; font-weight: 200; font-family: "Trebuchet MS", sans-serif; font-style: oblique;}

.nobgnd {background-color: transparent!important;}


div#add1,div#add2 {width: 179px; float: left; text-align: center; position: relative;}
div#add1 {margin-top: 0; border-top: solid 1px #abc; overflow: hidden; }
div#add2 {margin-top: 0; width: 149px; margin-right: -10px; border-top: solid 1px #abc; overflow: hidden;}

div#add1 p,div#add1b p,div#add1c p,div#add1d p,div#add1e p,div#add2 p,div#add2b p,div#add2c p,div#add2d p,div#add2e p {text-align: left;font-family: "Trebuchet MS", sans-serif; font-size: 82%; line-height: 110%;}

* html div#spacer {width: 1px; height: 600px; float: right;}
div#footer {text-align: center; min-height: 2.5em; width: 100%; float: left; background-color: #8a8; border-top: solid 1px #8a8; }
h1,h2,h3,h4,h5,h6 {margin: 6px 3px 0 3px; padding: 0;}
p {margin: 1px 6px 9px 6px; padding: 0;}

h1 {font-size: 140%;}
h2 {font-size: 120%;}
h3 {font-size: 112%;}
h4 {font-size: 108%;}
h5 {font-size: 105%;}

p.head {position: absolute; top: -20px; right: 20px; font-weight: 800; text-align: right; margin-top: 2em; margin-left: -200px;}

/* some basics */
q,em {font-weight: 800; font-style: oblique; margin-left: 3px; margin-right: 3px; font-family: "Trebuchet MS",sans-serif;  }
i {font-weight: 200; font-style: italic; margin-left: 3px; margin-right: 3px; }
b,strong {font-weight: 800; font-style: normal!important; }
big {font-size: 120%; line-height: 100%;}
small {font-size: 85%; line-height: 110%;}
pre {font-family: "Courier New"; font-size: 11px;}

p.sgn-b {max-width: 50%;}
.sgn-b img {vertical-align: top; width: 5em; height: auto;}
p img.inl {vertical-align: -.1em; width: auto; height: 1.3em; margin: -.2em 0; border: none;}
html>body .nowr {white-space: nowrap;}
p.bottom {padding-bottom: 30px;}


/* basic clearing between elements */
br {font-size:1px; line-height: 0px; height: 0px; width: 10px; }
br.left {clear:left }
br.right {clear:right }
br.both {clear:both }

/* clearing of elements */
img.left,p.left,div.left {clear: left;}
img.right,p.right,div.right {clear: right;}
img.both,p.both,div.both {clear: both;}
img.none,p.none,div.none {clear: none;}

/* some positioning in the flow */
.tal {text-align: left!important; }
.tac {text-align: center!important; }
.tar {text-align: right!important; }
.taj {text-align: justify!important; }
.flr {float: right; margin: 1px 3px 1px 6px; }
.fll {float: left; margin: 1px 6px 1px 3px; }
.throwleft {position: absolute; top: -9000px; left: -900px;}


/* addition */

div#add1,div#add1b,div#add1c,div#add1d,div#add1e {width: 153px;border: solid 1px #333; margin: -60px -2px 10px -50px; background-color: #f7faff; position: relative; float: right; clear: right; display: inline; border-width: 1px 3px 2px 1px;}
div#add1b,div#add1c,div#add1d,div#add1e {margin-top: 0;}

* html div#add1,* html div#add1b,* html div#add1c,* html div#add1d,* html div#add1e {width: 155px;}


div#add2,div#add2b,div#add2c,div#add2d,div#add2e {float: left; border: solid 1px #333; margin: -10px -50px 10px -3px; background-color: #f7faff; width: 153px; width: 155; clear: left; position: relative; display: inline; border-width: 1px 3px 2px 1px;}

div#add2b,div#add2c,div#add2d,div#add2e {margin-top: 0;}

div#add2b {width: 149px; width: 151; margin-left: 1px;}

div#content div div {margin-bottom: 1em;}
div#content div div p {clear: left;}


div#container div#content div div#inlineheader {border: none; margin-top: -7em; position: relative; background-image: url(../imagedepot/moondish-green.png); background-repeat: no-repeat; background-position: 8em 1.1em; margin-bottom: 0;background-color: transparent;}
div#container div#content div div#inlineheader img {margin-left: 10px; margin-top: 0; float: right; margin-right: -100px; position: relative;}
div#container div#content div div#inlineheader div.spacer {width: 1px; height: 60px; float: right; border: none!important; visibility: hidden;}

h1,p#overlay,p#overlay-ie {font-size: 1.55em; margin: 0; padding: 0; margin-right: -100px; display: inline;}
h1 {margin-left: -70px; position: absolute; color: #333;}
p#overlay,p#overlay-ie {position: absolute; top: -0.05em; left: 86px; color: #fff; font-weight: 800; z-index: 10; height: 2em;}

h2 {margin-top: 1.5em; position: relative; color: #333; padding-bottom: 0.6em; margin-right: 10px; width: 97%;}

div#footer div.nav {margin: 10px 170px 3px 10px; padding-bottom: 3px;}
div#footer div.flr {margin: 6px 25px 3px 0; height: 40px; width: 150px; display: inline; position: relative;}
div#footer div.flr img {position: relative; z-index: 2;}
div#footer ul { margin: 0; padding: 0; font-size: 83%; display: block; font-family: "Trebuchet MS", serif;}
div#footer ul li {display: inline; margin: 1px 2px; padding: 1px 3px 2px 3px; border: solid 1px #333; background-color:#ded; float: left;border-width: 1px 3px 2px 1px;}


img#head {position: absolute; top: 0px; left: 0px; width: 50%; height: 55px;}

div#content div div h3.head,div#content div div h4.head {border: solid 1px #333; display: inline; background-color:#ded; padding: 0 8px 1px 4px; margin: -0.68em 10px 0 6px; position: relative; float: left; color: #000; background-image: url(../imagedepot/shrud-1bl.png); background-repeat: no-repeat; background-position: left bottom; font-weight: 200; font-family: Georgia,"Trebuchet MS",sans-serif; font-style: normal; border-right: solid 2px #333; border-bottom: solid 2px #333;}
div#content div div h4.head {margin-top: -0.75em;}

ul.nav {font-family: "Trebuchet MS","Times new roman", sans-serif!important; background-color:#e0f0ff!important; }

div#footer div.flr {clear: right; margin-top: -1px;}

}

/* correction for Opera 7.20+ */
@media Screen and (min-width: 0px){/*be even nicer to Opera*/
body {font-size: 16px; line-height: 130%;} /* get all versions in line */
/*div#content div {border-bottom: solid 1px transparent; margin-bottom: -1px;}*/

div#content div {padding-bottom: 1px;}

div#container div#content div div#inlineheader div.spacer {height: 55px;}
div#spacer {width: 1px; height: 600px; float: right;}

}

