body {
font-family:arial, verdana, sans-serif;
font-size: 10pt;
font-weight:100;
color: #000000;
background: #445135;

margin-top: 0;
}

p.small {
font-family:verdana, rial, sans-serif;
font-size:8pt;
color:#99938c;
}

input {background-color: #b6b889;}

input:focus{background-color: #fff;} 

select {background-color: #b6b889;}

img {border:0}

a {text-decoration: none;}

a:link {color: #993300;}

a:visited {color: #ab8681;}

a:active {color: #993300;}

a:hover {
text-decoration: underline;
z-index:100;
}

h1 {
color: #484a40;
font-size: 24pt;
font-weight:100;
font-family:"times new roman", serif;
}

a:link h1 {
color: #993300;
font-size:18pt;
}

a:visited h1 {
color: #ab8681;
font-size:18pt;
}

h2 {
color: #484a40;
font-size: 14pt; 
}

h3 { 
color: #484a40;
font-size: 12pt;
}

h4 {
color: #484a40;
font-size:10pt;
font-weight:600;
}

.hr {
margin:10px 0px 10px 0px;
border-bottom:1px dashed  #b6b889;
}

em {
font-family:"times new roman", serif;
font-size:12pt;
font-style:italic;
color:#000;
}

.quotename {
font-size:8pt;
}

.clearboth {clear:both;}

/*....LAYOUT  CSS  ......*/

#container {
width:870px;
margin-right:auto;
margin-left:auto;
background-color:#fff;
border-left:3px solid #323b26;
border-right:3px solid #323b26;
}

#header {
width:870px;
height:73px;
position:absolute;
top:0;
text-align:right bottom;
font-family:verdana, arial, sans-serif;
font-size:8pt;
}

#navboxcontainer {
width:830px;
position:absolute;
top:73px;
padding:30px 20px 10px 20px;
background:#eaeed5;
border-top:2px solid #fff;
}

#submenu {
width:830px;
position:absolute;
clear:both;
top:2px;
left:0;
height:20px;
background:#eaeed5;
padding:7px 0 3px 23px;
}

#wrapper {
width:870px;
background:#eaeed5; 
position:relative;
top:240px;
}

#main {
width:520px;
padding:7px 10px 10px 30px;
float:left;
background:#eaeed5; 
}

#sideone{
width:230px;
background:#eaeed5; 
padding:5px 40px 30px 0;
float:right;
}

#sidetwo {
width:230px;
background: #eaeed5; 
padding:5px 40px 30px 0;
float:right;
clear:right;
}

#footer {
width:830px;
padding:10px 20px 10px 20px;
text-align:center;
font-size:8pt;
background:#eaeed5;
clear:both;
} 

.sidebox {
font-size:9pt;
background:#eaeed5;
padding:0;
}

.sidebox h2 {
font-family:"times new roman", serif;
font-size:12pt;
color: #b6b889;
font-weight:100;
background:#445135;
padding:2px 15px 4px 15px;
}


/*......BUTTON BOX ROW.....*/

.boxrow {
display:inline;
clear:both;
}

img.button {
width:45px;
height:45px;
}


/*.....MENU BOX.....*/

.navbox   {
height: 122px;
width: 110px;
float: left;
text-align: center;
margin: 8px 2px 7px 2px;
border: 1px solid #cc9;
}	

.desc {
text-align: left;
margin: 3px;
background:#eaeed5;
}

.navbox img {
height:90px;
width:110px;
}

#navboxcontainer ul , ul ul {
margin:0;   /*margin and padding of link */
padding:0;
position:absolute;   /* letting box display over page  -- not displacing page content*/
} 

#navboxcontainer ul ul {   /*drop down box*/
top:12px;  /*position of box to link parent */
left:0px;    /*position to link parent */
display:none;  /*hiding box from parent*/
width:220px;
list-style-type:none;
border:1px solid #aaa;
}

#navboxcontainer  li {  
display:block;   /*parent links*/
padding:0;  /*box position and space between link parent*/
position:relative;  /*position of parent links to each other*/
margin:0 2px; /*between child links and to inside of box*/
}

#navboxcontainer  li ul li {   /*drop down box*/
position:relative;
display:block;  /*child links*/
padding:2px 10px 5px 10px;  /*around child links*/
border-top:1px solid #fff;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
background:#f1f1e4;
z-index:98;
}

#navboxcontainer  li:hover ul  , li a:focus + ul {
display:block;
background:#fff;
}

/*.....TOOLTIP.....*/

a.info{
color:blue; 
text-decoration:none;
}

a.info span {
display:none;  /*hides tooltip*/
} 

a.info:hover span { 
display:block; 
width:200px;
position:absolute; 
color:#000; 
background-color:#DDD;
border:1px solid #000; 
text-decoration:none; 
padding:5px; 
z-index:99;}
 
a.info:hover {font-size:100%;}  /* IE6 fix */


/*.......PREVIEW......*/

.previewwrapper {height:180px;}

.preview {
height: 160px;
width: 110px;
float: left;
text-align: center;
margin: 8px 2px 7px 2px;
border: 1px solid #cc9;
}	

.previewtext {
font-size:8pt;
text-align: left;
margin: 3px;
background:#eaeed5; 
}

.preview img {
height:90px;
width:110px;
}


/*.....GALLERY......*/

.galleryport {
width:490px;
padding:15px;
background:#dce2b8;
margin-bottom:15px;
min-height:120px;
}


img.galleryport  {
width:70px;
min-height:100px;
margin-right:10px;
margin-bottom:5px;
float:left;
}

.galleryland {
width:490px;
padding:15px;
background:#dce2b8;
margin-bottom:15px;
min-height:90px;
}

img.galleryland  {
width:100px;
min-height:70px;
margin-right:10px;
margin-bottom:5px;
float:left;
}

/*.....TIPS AND HINTS INFO BOX.......*/

.tipbox {
width:200px;
padding:10px;
margin:15px 0 10px 15px;
background:#fff;
border:1px solid #39452c;
float:right;
}

.sidebox .tipbox {
margin-left:0;
margin-bottom:15px;
}


/*.....INTRO PIC.......*/

.intropic {
float:left;
margin:0 15px 10px 0;
}

img.intro {
float:left;
margin:0 15px 15px 0;
}

img.intro_right {
float:right;
margin:0 0 15px 15px;
}

/*.....BOX....*/

.box {
width:490px;
padding:15px;
background:#dce2b8;
margin-bottom:15px;
min-height:90px;
}

img.box { 
margin-right:10px;
margin-bottom:5px;
float:left;
}