*{
   margin:0;
   padding:0;
}

body {
   background:#FAFAFF url(images/body-bg.png) top center repeat-y;
   color:#112;
   font:84% Tahoma, Verdana, sans-serif;
}

a {
   color: #286ea0;
   text-decoration:none;
}
a:hover{text-decoration:underline;}
a img{border:0;}

h1 {
   font-size:2.4em;
   letter-spacing:-1px;
   margin:10px 0 5px;
}
h2 {
   font-size:1.5em;
   margin:0 0 12px;
   text-shadow:#ccc 2px 2px 4px;
}
h3 {
   font-size:1.2em;
   margin:0 0 10px;
   text-shadow:#ccc 2px 2px 4px;
}
h4 {
   font-size:1.1em;
   margin:0 0 3px;
}
p,ul {
   line-height:1.5em;
   margin:0 0 5px 5px;
   text-align:justify;
}
ul,ol {
   list-style:square;
   margin:0 0 5px 5px;
}
th {text-align:left;}
hr {
   clear:both;
   margin: 3px;
   height:1px;
   color: #447;
}

.gray {
   color:#AAA;
}

.break { page-break-before: always; }

#container {
   background:#FAFAFF;
   margin:0 auto;
   width:980px;
}
#main {
   float:left;
   margin:0 0 10px 20px;
   width:720px;
}


#logo {
   width: 200px;
   height: 150px;
   margin: 5px;
   background: url(images/FSAF_Fireweed.png) no-repeat left top;
}

#feature {
   background: url(images/Fireweed5.jpg) no-repeat center top;
   clear:both;
   color:#666;
   padding:10px 20px 5px 10px;
   margin: 0 0 10px 0;
   height: 181px;
}
#feature h2{padding-top:10px;}
#feature img{border:1px solid #ccc;}
#feature a .hidden {
   padding: 10px;
   color:#AAF;
   text-shadow:#000 0.5px 0.5px 1px;
   text-decoration:none;
}
#feature a.gray {
   padding: 10px;
   color:#33A;
   text-shadow:#CCF 0.5px 0.5px 1px;
   text-decoration:none;
}
#feature a:hover {
   color:#DDF;
}
#feature p{line-height:2em;}

ul#navitab li{display:block;float:left;}
ul#navitab li a{
   background:url(images/corner.png) no-repeat top right #CCE;
   border-left:1px solid #AAD;
   border-right:2px solid #FAFAFF;
   color:#557;
   display:block;
   height:1.2em;
   padding:5px 20px 7px;
   text-align:center;
   text-decoration:none;
   white-space:nowrap;
}
ul#navitab li a:hover{
   background:#DDF url(images/corner.png) no-repeat top right;
   border-left:1px solid #BBE;
}
ul#navitab li a.current{
   background:#EEF url(images/corner.png) no-repeat top right;
   border-left:1px solid #CCE;
}
#loginout {
   float: right;
   padding:5px 5px 0px 0px;
}
#loginout a {
   text-decoration: none; 
   color: #558;
}
#loginout a:hover {color: #AAA;}


#sidebar {
   float:right;
   margin:0 20px 10px 0;
   width:200px;
}
#sidebar h2{
   border-bottom:1px solid #ccc;
   font-size:1.2em;
   margin:0 0 6px;
   padding:0 0 2px;
   text-shadow:#ccc 2px 2px 4px;
}
#sidebar ul{margin:0 0 18px;}
#sidebar ul li{
   list-style:none;
   margin:0 0 4px;
}
#sidebar ul.sidelink{margin:5px 10px 18px;}
#sidebar ul.sidelink li{list-style:none;}
#sidebar ul.sidelink li a {
   background:url(images/corner.png) no-repeat top right #CCE;
   border-bottom:1px solid #AAC;
   border-left:1px solid #AAC;
   color:#557;
   display:block;
   margin:0 0 3px;
   padding:3px 0 2px 5px;
   text-align:left;
   text-decoration:none;
}
#sidebar ul.sidelink li a:hover {
   background:url(images/corner.png) no-repeat top right #DDF;
   border-bottom:1px solid #BBE;
   border-left:1px solid #BBE;
   color:#557;
   text-decoration:none;
}
#sidebar ul.sidelink li a.current{
   background:#557 url(images/corner.png) no-repeat top right;
   color: #CCE;
   border-left:1px solid #AAC;
}
#sidebar ul.sidelink ul {
   font-size:0.9em;
   margin:0;
   padding:0;
}
#sidebar ul.sidelink ul li a {
   margin:0 0 2px 10px;
   padding:2px 0 1px 5px;
}

.friends {
   text-align: center;
   width: 156px;
   padding: 3px;
   margin: 0 0 0 20px;
   background: #FFF;
   border-width: 2px;
   border-style: solid;
   border-color: #669;
   font-size: 11px;
}

#container .alignleft{
   display:inline;
   float:left;
   margin:0 20px 5px 0;
}
#container .alignright{
   float:right;
   margin:0 0 5px 20px;
}
#container .aligncenter {
   display:block;
   margin:10px auto;
}

.crop{
   float:left;
   margin:.5em 10px .5em 0;
   overflow:hidden;
   border:1px solid #ccc;
}


#footer {
   background:#EEF;
   clear:both;
   color:#557;
   margin:10px auto 0;
   padding:0;
   text-align:left;
   width:980px;
}
#footer a{color:#557;}
#footer p {
   font-size:0.7em;
   margin:0;
   padding:15px 0;
   text-align:center;
}

.hide{display:none;}

form {
   font-size: 90%;
}
input, textarea, select, pre {
   font-size: 100%;
}
form label {
   margin-right: 10px;
   padding-right: 10px;
   padding-top: 2px;
   width: 100px;
   display: block;
   float: left;
   text-align: right;
   position: relative;
}
form input,select,textarea {
   width: 250px;
   margin: 0px 0px 10px 0px;
}
.checkbox {
   width: 1em;
   height: 1em;
   padding: 0px;
   margin: 0px;
}
form .submit {
   width: 7em;
   margin-left: 100px;
}
form .plainsubmit {
   width: 7em;
   margin: 0px 0px 0px 0px;
}
form .plain {
   width: auto;
   margin: 0px 0px 0px 0px;
}
form .long {
   width: 40em;
   margin: 0px 0px 0px 0px;
}
form .center {
   width: 10%;
   margin-left: 50%;
}

.error {
   color: #F00;
}


img {border:0;}

table tr td {padding: 0 5px;}
table tr th {padding: 0 5px;}

.tablecenter {
   display: table;
   margin: auto auto;
}
.center {
   display: table;
   margin: auto auto;
   text-align: center;
   text-indent: 0px;
}
div.center img {
   display: table-cell;
}

.nobr { white-space:nowrap; }

#gallery img {
   padding: 10px;
   margin: auto;
}

#dephide2,
#dephide3,
#dephide12,
#dephide4,
#dephide24,
#dephide18,
#dephide22,
#dephide23,
#dephide10,
#dephide13,
#dephide21,
#dephide17,
#dephide16,
#dephide20,
#dephide14,
#dephide11,
#dephide27 {
   display: none;
}