/*-------------------------------------------------------------------------*/
/*                                                                    basic elementia
/*-------------------------------------------------------------------------*/

* {margin: 2px  auto; padding: 2px;}

body {
white-space:normal;
position: relative;
text-transform:none;}

body, td, .big {vertical-align: middle;}

/*-------------------------------------------------------------------------*/
/*                                                                           text-size
/*-------------------------------------------------------------------------*/

body, p,td {font:bold 11pt/12pt Trebuchet MS, georgia,serif;}
h2 {font:small-caps bold 13px/14px Verdana, Helvetica, sans-serif;}
h3 {font: small-caps bold 12pt/13pt Comic Sans MS, Helvetica, sans-serif;}
h4 {font: small-caps bold 12pt/13pt Comic Sans MS, Helvetica, sans-serif;}
#ti {font:small-caps bold 8pt/9pt Comic Sans MS, Helvetica, sans-serif;}
li {font: small-caps bold 12pt/13pt Trebuchet MS, georgia, serif;}
dd {font:normal 11pt/12pt Trebuchet MS, georgia, serif;}

a:link, a:visited {font-weight: bolder;}
a {text-decoration: underline;}

 .menu {
    font:small-caps bold 13pt/14pt Comic Sans MS, Helvetica, sans-serif;
    color: #669900; text-decoration: underline; margin: 1%; padding: 2%;}
.menu:hover {border: 1px solid #bbbb66; color: #dddd99;
    text-decoration: none; background-color: #669900;}

li.lmenu a {color: #bbbb66; text-decoration: none;}
li.lmenu {color: #bbbb66; text-decoration: none;}
li.lmenu a:hover {color: #99cc00;}

/*-------------------------------------------------------------------------*/
/*                                                                           text-colors
/*-------------------------------------------------------------------------*/

/* silver */
body, p, td {color:#bbb;}

/* gold   */
h2, li, #gd {color:#bbbb66;}

/* white */
h3, a:link, a:visited, #year {color:#ddddee;}

/* greens */
h4, a:hover {color:#99cc00;}
.shadow2, .shadow3{text-shadow: black 4px 4px, 4px -28px 30px #99cc00;}
.gr {color:#669900;}

/* black */
#pd {color:#111;}

#year
{-webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg);
z-index:0;}

/*-------------------------------------------------------------------------*/
/*                                                                          border rules
/*-------------------------------------------------------------------------*/
/*light borders*/
/*-------------------------------------------------------------------------*/
#fishTank { border: solid #0000ff 0px;}

#top, .big, body,td, #bo {border:  solid #336600 0px;}

#main, #small, #box2,  #box2ns  { border:  solid #336600 3px;}


/*-------------------------------------------------------------------------*/
/*dark borders*/
/*-------------------------------------------------------------------------*/
#box3, #box3ctr, #p  {border:  solid #333 3px;}

/*-------------------------------------------------------------------------*/
/*                                                                          backgrounds
/*-------------------------------------------------------------------------*/
/*1100 by 660*/

body {background: #444 url("tankBG.jpg") repeat top left fixed;  z-index:0;}

.tablebkg {background: transparent url("bkg.jpg") repeat-y top center fixed; z-index:1;}

#top {background: transparent url("logo-sm.gif") no-repeat right top scroll; }

#main, #small
{background: transparent url("bmid2sm.jpg") no-repeat center top scroll;z-index:2 }

#box1  {background-color: #000011;}
#box2,  #box2ns
{background: #000011 url("clouds.jpg") repeat center top fixed;}
#box3ctr, #im   {background-color: transparent;}

#box3 {background: transparent url("clouds.jpg") repeat-y top center fixed; z-index:1;}
.gallery { background-color: #eee;}

#fleur
{ background: transparent url("klematis.jpg") no-repeat center top scroll;}

/*-------------------------------------------------------------------------*/
/*                                                                                blocks
/*-------------------------------------------------------------------------*/
.big {display: block; }

/*-------------------------------------------------------------------------*/
/*                                                                           text align
/*-------------------------------------------------------------------------*/
#lft2, #box3, #left,h4   {text-align: left;}
body, #im                          {text-align: center;}

ul.none {list-style-type:none;}
li {
margin-left: 40px;
	padding: 20px 20px 0px 0px;
	border-bottom: 1px solid #999;
	list-style: none;}
dd {margin-left: 65px;
	padding: 0px 20px 0px 0px;
	list-style: none;}

li.lmenut {
color: #999;
border: none;
margin: 0% 0% 0% 0%;padding: 0% 0% 0% 15%;
	  position:static; }

	li.menut {
		color: #669900;
		border: none;
	    margin: 0%;padding: 0% ;
	    text-align: center;
	     position: static;
	    }
	 li.menut:hover {
		border: none;
		color: #dddd99;
	     background-color: #none;
	     margin: 0% ;padding: 0% ;
	     text-align: center;
	    position: static;}


/*-------------------------------------------------------------------------*/
/*                                                                           table styles
/*-------------------------------------------------------------------------*/
#fishTank, .tablebkg {width: 1200px; height: 100%;}

.big {width: 1040px;}

#flowz {width: 90%;}
#colspan1 {width: 990px; height: 100%;}
#colspan2 {width: 20%; height: 100%;}

.divwrapper {width: 990px; height: 524px;}
#top {min-width: 556px; width: 556px; height:162px; float: right; }
#main, #small {min-height: 524px; height:524px; padding: 12% 0% 0% 0%;}
#main {min-width: 780px; width: 780px; float: left; }
#small {min-width: 180px; width: 180px; float: right;}

/*-------------------------------------------------------------------------*/
/*                                                                      main div styles
/*-------------------------------------------------------------------------*/

#box1         {width: 80%; height: 80%;position: relative;z-index: 1; }
#box2        {width: 99%; height: 93%;}
#box2ns     {width: 94%; height: 93%;}
#box3        {width: 90%;min-height: 80px;}

#box3ctr   {width: 90%; height: 79%;}
#box2, #box2ns,  #box3, #box3ctr {white-space:normal;}

#box2, ul       {margin: 0 auto; padding: 0; }
#box3        {margin: 0 auto; padding: 0; }

.gallery {position: static; min-width: 475px; min-height: 285px;width: 475px; height: 285px;z-index:1;}

.gallery1 {position: static; min-width: 630px; min-height: 326px;width: 630px; height: 326px;z-index:1;}
.gallery2 {position: static;top:0px; left:0px; min-width: 530px; min-height: 326px;width: 530px; height: 326px;z-index:1;}
.gallery3 {position: static;top:0px; left:0px; min-width: 530px; min-height: 326px;width: 530px; height: 326px;z-index:1;}

/*for paragraphs or img*/
#wrap {margin: 1%; padding: 1%;}
.right { float: right; }
.left { float: left; }

#pad {margin: 5px; padding: 5px;}
#pad5 {margin-left: 50px;
	padding: 10px 20px 10px 0px;}

/*-------------------------------------------------------------------------*/
/*                                                                            overflows
/*-------------------------------------------------------------------------*/

.big,
#box1, #box2ns, box3 {overflow: hidden; overflow-x: hidden;}
#box2, #box3f  {overflow: auto; overflow-x: hidden;z-index:1;}

.scroll {
scrollbar-base-color:#999;
scrollbar-arrow-color:#FFFF99;
scrollbar-DarkShadow-Color: #111;
scrollbar-Face-Color: #669900;
scrollbar-Highlight-Color: #99cc00;
scrollbar-Shadow-Color: #330066;
scrollbar-Track-Color: #000011;}


/*-------------------------------------------------------------------------*/
/*                                                                    images n links
/*-------------------------------------------------------------------------*/
ximg { position: absolute; top:0px; left:0px; z-index:3;}
img.rel { position: static;top:0px; left:0px;	}


img.moose:hover{opacity:0.4;alpha.opacity:40 ;}
img.moose2:hover{opacity:0.8;alpha.opacity:80 ;}

#fleurt {white-space:normal; width: 60px; height: 50px;
background-color: transparent;
border: 0px solid #0000ff;
margin: -4px -4px -4px -4px;
position: static; z-index:2;}

#fleur {white-space:normal; width: 120px; height: 83px; position: relative;}

#wsize {width: 530px;
height: 240px;}

.st {position: static;}

div.twitterclass img {display:block; align:absbottom;float:left;background-color: #0000ff;
background: #330099 url("clouds.jpg") repeat left top scroll;
margin: 10px; padding: 10px; position: static; width: 50px; height: 40px;}

div.tdiv {display:block; position: static;white-space: normal; text-align:left; margin: 10px; padding: 10px;}


/*-------------------------------------------------------------------------*/
/*                                                                            the end.
/*-------------------------------------------------------------------------*/