/*   
FACT website Stylesheet         
Created by Nicholas Klick
3/10/2008
*/

/*------------------------------ Main HTML elements -------------------------------------*/
body{
background-color:#3E280B;
font-family: Helvetica, Verdana, sans-serif;
font-size: medium;
al
}
strong{
font-weight: bold;
}

a {
 border: none;
 text-decoration:underline;
 color:#000000;
}
a:hover {
text-decoration:none;
border: none;
}

h3{
 background-color:#000000;
 color:#FFFFFF;
 text-transform: uppercase;
 padding: 5px 0 5px 7px;
 
}

li{
  list-style-type: square;
}


/*-------------------------------- ID's --------------------------------------*/

#wrapper{
  width: 780px;
  background-color:#FFFFFF;
  padding:0px;
  margin: 0 auto;
  
  
}
#container{
  width: 760px;
  height:100%;
  padding-bottom:4px;
  padding-right:10px;
  padding-left:10px;
  
}

#header{
background: url(/images/header_whole.jpg) no-repeat;
height: 145px;
width: 760px;
display: block;
  
}



#content{
 
 text-align:left;
 width:760px;
 display:inline;
 
}

#footer{
 clear:both;
 padding-top:2px;

}

#logoLink{
 margin-top:-140px;
 border: none;

}

#flashAlign{
text-align:left;

}

#navBar{
 margin-left:225px;
padding-top:10px;
}

#leftVideo{
 
 width:380px;
 margin: 0px;
 padding-top:6px;
 float:left;
 vertical-align: top;
 text-align:left;
}

#rightVideo{
 vertical-align: top;
 width: 360px;
 float:left;
 padding:1px 0px 0px 7px;
 margin-top:-12px;
 text-align:left;


}

#flashVideo{
 padding:0px 0px 0px 3px;
 margin-top:18px;
 vertical-align: top;
 text-align:left;
}
#videoDescrip{
 font-size: 0.9em;
 font-weight: bold;
 text-align:left;
 color:#3E280B;
 border-top: 1px #000000 dotted; 
 margin:3px 3px 0px 3px;
 padding:3px 0px 5px 0px;
 text-transform: uppercase;
 width: 360px;
}

#signUp{
  background: url(/images/loginbg.jpg) no-repeat;
  width: 494px;
  height:114px;
  margin:0px;
  vertical-align: top;
}
#userForm{
 color:#ffffff;
 font-size: 0.8em;
 text-transform: uppercase;
 font-weight: bold;
 line-height:160%;
 padding-top: 10px;
 padding-left: 5px;
 vertical-align: top;
 padding:0px;
 height:114px;

}

#privacy{
 font-size:0.9em;
 width:465px;
 background-color:#FFFFFF;
 text-align:left;
 padding: 15px;
}

#copyright{
 text-align:left;
 font-size: 0.7em;
 width:400px;
 text-align:left;
 float:left;
 vertical-align: top;
}
#privacyLink{
 font-size: 0.7em;
 text-align:right;
 vertical-align: top;
}

#ticker {
text-laign:left;
margin-top:1px;
margin-right:4px;
}
#login_email{
float: left;
margin-left:4px;
margin-top:15px;
}
.login_pass{
float: left;
margin-left:5px;
margin-top:15px;
}

#notMember{
margin-left:15px;
clear: left;
}
#notMemBtn{
margin-top:6px;

}
#img{
 border:none;
}

#forgetPassword
{
  color: #ffffff;
}

#sessionCheck{
color:#FFFFFF;
text-align:right;
padding-right:5px;
background-color:#3E280B;
font-family: Helvetica, Verdana, sans-serif;
font-size: 0.7em;
color:#FFFFFF;
text-transform:uppercase;

}
#sessionCheck a{
color:#FFFFFF;
}

#notice{
font-size:0.8em;
font-style:italic;
}

#div_loginMessage
{
  color: red;
  font-weight: bold;
}

#div_loginErrors
{
  color: red;
  font-weight: bold;
}

#blogNav {
 font-weight: bold;
 margin-bottom:8px;
 margin-left:8px;
 text-align:left;
 font-size: 0.7em;
}

/*------------------------- classes -------------------------------*/

.leftSide{
/* height: 385px;  */
 width:187px;
 margin: 0px;
 padding-top:6px;
 float:left;
 vertical-align: top;
 
}
 
.rightSide{
 vertical-align: top;
 width: 570px;
 float:left;
 margin: 0px;
 
 
}
.copy{
 padding: 1px 20px 6px 20px;
 text-align:left;
 vertical-align: top;
 margin-top:-12px;
}


.mirrorImage{
  
}

.texta { 
 color:#FFFFFF; 
 border: 1px solid #3E280B;
 background-color:#3E280B;
 background-image: url(/images/input_bg.gif);
 text-transform: none;
}

.btn {
  border: 1px solid #3E280B; 
  background-color:#3E280B;
  color:#FFFFFF;
  font-family: Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  

  }
  
  
 .impactTitle {
  text-transform: uppercase;
  font-size:1.2em;
  font-weight:bold;
 }
 
 .impact {
  font-size: 1.0em;
  font-weight: bold;
  text-align:left;
  margin:25px 0px 60px 0px;
  width:100%;
 
 }
 
 .header {
  text-transform: uppercase;
  font-size:1.2em;
  font-weight:bold;
 }
 
 .flashBox {
 float:left;
 margin-left: 2px;
 }
 .flashBoxBtm {
padding-top: 2px;
padding-bottom: 6px;
display: block;
 }
 .flashBoxTop {
 margin-top: 4px;
 display: block;
 
 }
 .blogHead{
 font-size: 1.1em;
  font-weight: bold;
  text-align:left;
 } 
 
  .blogComment{
  font-size: 0.7em;
  text-align:left;
  font-weight: bold;
 } 
 
 .blogDate{
  font-size: 0.7em;
  text-align:left;
  color:#94918a;
 }
 
 .graphBack{
  height:27px;
  
 }
 
 .graphTile{
  height:27px;
  background: url(/images/graph_tile.jpg) repeat-x;
 }
 
 .graph { 
        position: relative; /* IE is dumb */
        background: url(/images/dark_tile.jpg) repeat-x;
        width: 100%; 
       
       
  }
  .graph .bar { 
        display: block;
        background: url(/images/graph_tile.jpg) repeat-x;
        text-align: center; 
        color: #000000; 
        line-height: 2em; 
        height:26px;           
  }
    
  .graphNum{
    width: 465px;
    text-align:right;
    float:left;
  }
  .zero{
    text-align:left;
    float:left;
    width: 65px;
    
  }
  .descrip{
    text-align:left;
    font-size:0.90em;
    font-weight: normal;

  }