@charset "iso-8859-1";
/* AUTHOR: Bear Creek Timberwrights */
/* CREATION DATE: 11/13/2002 */

body{ 
padding:0;
margin:0;
background:#330000;
font: 12px Tahoma, Verdana, Arial, sans-serif;
line-height: 125%;
letter-spacing:1px;
}
/* DIV id styles */
/* common id elements */

#mainbox{
width:950px;
padding:0 20px 20px 20px; 
margin:0 auto;
background:#220000;
}
#popmainbox{
width:680px;
padding: 0; 
margin: 0 auto;
background:#220000;
border-top:0;
border-right:2px #440000 groove;
border-bottom:2px #440000 groove;
border-left:2px #440000 groove;
}
/* logo block codes */
#logobox{
width:100%;
height:130px;
padding:0 0 50px 0;
margin:0;
}
#bearlogo{
padding:0 0 0 4px;
margin:0;
float:left;       
}
#namelogo {
padding:5px 0 0 10px;
margin:0;
float:left;
}
#taglogo{
padding:10px 40px 0 0;
margin:0;
float:right;
}
#menubox{
padding:8px 0 0 0;
margin:0;
float:right;
width: 100%;
}

/* bottom of page stuff */
#footer{ 
background:#666666; 
clear: both;
font-size:11px;
border:2px #440000 groove;
}
#footer ul{
text-align:center;
list-style: none; 
margin: 0 18px 6px; 
padding: 10px 0 6px;
letter-spacing:1px;
}
#footer li{ 
display: inline; 
padding-left:8px;
padding-right: 8px;
}
#footer p{ 
color: silver;
font-size:10px;
letter-spacing:1px;
margin: 0; 
padding: 0 18px 10px;
text-align:center;
}
/* end common id elements */
/* begin index id elements */
#flashbox{
float:right;
border-left:2px #440000 groove;
border-top:2px #440000 groove;
border-bottom:0;
border-right:2px #440000 groove;
}
#introbox{
width:350px;
float: left;
}
#intro{ 
padding:15px 25px 0 4px;
color:silver;
}
/* end of index id elements */
/* begin page id elements */
#pagebox{ 
float:left;
width: 100%;
}
#pagesidebox{
float: left;
margin-left: -100%;
}
#pagesidebox p{
font: 12px Tahoma, Verdana, Arial, sans-serif;
letter-spacing:1px;
color:silver;
padding:15px 0 0 4px;
}
/* side menu for typical page */
ul#pagesidemenu { 
list-style-type:none;
font: 12px Tahoma, Verdana, Arial, sans-serif;
letter-spacing:2px;
color:silver;
line-height:25px;
padding:15px 0 0 4px;
}
ul#pagesidemenu li{
display:block;
}
ul#pagesidemenu span{
letter-spacing:1px;
font-size:10px;
}
ul#pagesidemenu li a{
font-weight:normal;
color:silver;
}
ul#pagesidemenu li a:hover{
color:#4db31a;
text-decoration:none;
}
ul#pagesidemenu li a.current{
color:#b3e699;
font-weight:bold;
}
ul#pagesidemenu li a.current:hover{
color:#b3e699;
font-weight:bold;
}
ul#subsidemenu { 
font: 12px Tahoma, Verdana, Arial, sans-serif;
letter-spacing:2px;
color:silver;
padding-left:10px;
}
ul#subsidemenu li{
display:block;
padding:5px 0;
}
ul#subsidemenu li a{
color:silver;
}
ul#subsidemenu li a:hover{
color:#4db31a;
text-decoration:none;
}
ul#sidesubmenu li a.current{
color:#b3e699;
font-weight:bold;
}
ul#sidesubmenu li a.current:hover{
color:#b3e699;
font-weight:bold;
}
ul#subsidemenu2 { 
font: 12px Tahoma, Verdana, Arial, sans-serif;
letter-spacing:1px;
color:silver;
padding-left:10px;
}
ul#subsidemenu2 li{
display:block;
padding:5px 0;
}
ul#subsidemenu2 li a{
color:silver;
font-weight:normal;
}
ul#subsidemenu2 li a:hover{
color:#4db31a;
text-decoration:none;
}
ul#sidesubmenu2 li a.current{
color:#b3e699;
font-weight:bold;
}
ul#sidesubmenu2 li a.current:hover{
color:#b3e699;
font-weight:bold;
}
#pagecontentbox{
border-top:2px #440000 groove;
border-left:2px #440000 groove;
border-bottom:0;
border-right:2px #440000 groove;
background:#666666;
float:right;
padding:15px 0 30px 15px;
margin-left:215px;
font: 12px Tahoma, Verdana, Arial, sans-serif;
color:#FFFFFF;
line-height: 175%;
letter-spacing:1px;
}
#faq{
clear: both;
background:#220000;
font: 12px Tahoma, Verdana, Arial, sans-serif;
color:#FFFFFF;
line-height: 175%;
letter-spacing:1px;
}
.question{
font-weight:bold;
font-size:14px;
color:#b3e699;
letter-spacing:1px;
 }
#crewcontentbox{
min-height:600px;   
border-top:2px #440000 groove;
border-left:2px #440000 groove;
border-bottom:0;
border-right:2px #440000 groove;
background:#666666;
float:right;
padding:10px 0 30px 10px;
margin-left:190px;
font: 12px Tahoma, Verdana, Arial, sans-serif;
color:#FFFFFF;
line-height: 175%;
letter-spacing:1px;
}
#crewhdr{
clear:both;
}
#crew{
padding-right:10px;
float:left;
 }
/* table elements for logon box only */
table#logon {  
width:200px;
background:#666666;/*#220000*/
/*margin-top:20px;*//* !!*/
margin-right:10px;
margin-bottom:50px;/* !!*/
border:2px #440000 groove;/* !!*/
 }
table#logon td{
/*border:2px #555555 outset;*/
color:#dddddd;
background:#666666;
padding:5px;
}
table#logon td.entry{
padding:0;
/*border:0;*/
background:#666666;/*#220000*//* !!*/
 }
table#logon tr{
background:#666666;/*#220000*//* !!*/
 }
table#logon td.cleancell{
border:0;
background:#666666;/*#220000*//* !!*/
 }
table#logon th{
margin:2px;
border:2px #555555 outset;
color:#b3e699;
background:#666666;
font-weight:normal;
 }
#magbox{
width:179px;
float:left;
padding-bottom:10px;
}
/*end of page id elements*/
/* reference link classes */
/* on dark background . ..link=white  ..visit=silver ..active=kinda pink ..hover=kinda pink  */
a:link{
color:silver;
text-decoration:none;
font-family:Tahoma, Verdana, Arial sans-serif;
}
a:visited{
color:#C0C0C0;
text-decoration:none;
font-family:Tahoma, Verdana, Arial sans-serif;
}
a:active{
color:#FF8080;
text-decoration:none;
font-family:Tahoma, Verdana, Arial sans-serif;
}
a:hover{
color:#FF8080;
text-decoration:none;
font-family:Tahoma, Verdana, Arial sans-serif;
}
a.helpme{
color:#770000;/*#990000;*/
font-weight:normal;
}
a.helpme:hover{
color:#FF8080;
}
a.linkout{
color:#b3e699;
}
a.linkout:hover{
color:#FF8080;
}
/* headers color=silver */
H1{
font-weight:normal; 
font-family:Tahoma, Verdana, Arial sans-serif;
font-size:20px; 
color:#dddddd;
letter-spacing:2px;
}
H2{
font-weight:normal; 
font-family:Tahoma, Verdana, Arial sans-serif;
font-size:18px; 
color:#dddddd;
letter-spacing:3px;
}
H3{
font-weight:normal;
font-family:Tahoma, Verdana, Arial sans-serif;
font-size:16px;
color:#dddddd;
letter-spacing:3px;
}
H4{
font-weight:normal;
font-family:Tahoma, Verdana, Arial sans-serif; 
font-size:14px;
color:#dddddd;
letter-spacing:3px;
}
HR.red {
color:#550000;
margin-right:10px;
border:1px inset #550000;
background-color:#550000;
}
HR.short {
color:#777777;
margin-right:250px;
margin-left:5px;
border:1px inset #777777;
background-color:#777777;
 }
p{
font: 12px Tahoma, Verdana, Arial, sans-serif;
line-height: 175%;
letter-spacing:1px;
}
p.mag { /* used for text at mag icons */
font-size:11px;
padding:0 10px 10px 5px;
color:#FFFFFF;
letter-spacing:1px;
} 
.jty{
text-align:justify;
}
.ctr{
text-align:center; 
}
.boldgrn{
color:#b3e699;
font-weight:bold;
letter-spacing:1px;
}
/* facebox window styles */
.crewbox{
background:#220000;
font: 12px Tahoma, Verdana, Arial, sans-serif;
line-height: 125%;
color:silver;
}
.mapbox{
background:#FFFFFF;
font: 12px Tahoma, Verdana, Arial, sans-serif;
line-height: 125%;
color:#000000;
}
.showbox{
background:#000000;
}
/* more misc. crap */
.button{
padding:4px;
margin:0 0 20px 20px;
}
/* project index */
#indexblock:hover{
background:#999999;
 }
#indexblock{
margin:0px 10px 8px 0;
padding:8px;
border:2px #555555 groove;
color:#FFFFFF;
background:#777777;
clear:both;
}
#indextext{
margin-left:118px;
vertical-align:middle;
padding:10px 8px 0 15px;
border:2px #555555 outset;
background:#666666;
height:65px;
line-height: 150%;
letter-spacing:1px;
}
#indextn {
border:2px #555555 outset;
float:left;
 }
.pictitle{
color:#b3e699;
/*font-weight:bold;*/
font-size:14px;
letter-spacing:2px;
}
.feature{
line-height: 200%;
letter-spacing:1px;
font-style:italic;
}
ul.matchp{
line-height: 175%;
letter-spacing:1px;
/*list-style-type:square;*/
list-style-image:url('graphics/bullet_add.png');
 }
/* on services page */
#magictext{
margin-left:218px;
vertical-align:middle;
padding:10px 10px 0 15px;
border:2px #555555 outset;
background:#666666;
height:190px;
line-height: 175%;
letter-spacing:1px;
}
/* special class for form */
.stdf{
font: 12px Tahoma, Verdana, Arial, sans-serif;
line-height: 125%;
letter-spacing:1px;
color:#ffffff;
}
#popmainboxf{
width:680px;
padding: 0 0 20px 0; 
margin: 0 auto;
background:#220000;
border-top:0;
border-right:1px #440000 solid;
border-bottom:1px #440000 solid;
border-left:1px #440000 solid;
}
#formtopf{
padding:15px 15px 0 15px;
color:#cccccc;
clear:right;
}
table#formboxf td{  
padding:3px 10px;
/*border-width:0;*/
/*border:1px #666666 solid;*/
}
#formboxf{
border:1px #cccccc solid;
background:#666666;
margin-top:15px;
padding-top:10px;
padding-bottom:10px;
width:600px;
 }
#formboxe{
border:0;
background:#220000;
margin-top:10px;
margin-left:150px;
padding-top:10px;
padding-bottom:10px;
width:300px; }