/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";
@import "lib/menu/menu_style.css";


/* Site
-------------------------------------------------------------- */
  
body{ 
margin: 0; 
padding: 0;
text-align: center;
background: #5b5858 url(../images/bck-texture.jpg) repeat-x;
color: black; 
}

/*color*/

a:link{ 
text-decoration: none; 
color: #ff0000;
font-weight: bold; 
}
a:visited{ 
text-decoration: none; 
color: #ff0000; 
}
a:hover{ 
text-decoration: underline; 
color: #850a0a; 
}
a:active, a:focus{ 
text-decoration: underline; 
color: #000; 
}

/*globals*/
#very-top{
width: 100%;
height: 25px;
background: black;
}

#header{  
margin-bottom: 4px;
text-align: center;
}
#header h3{
color: white;
text-transform: uppercase;
letter-spacing: 0.2em;
}
#logo{
width: 940px;
height: 138px;
margin: 14px auto 0 auto;
background: url(../images/logos.png) no-repeat center;
text-indent: -9999px;
}
#logo a{
display: block;
width: 940px;
height: 138px;
}
#shadow{
width: 940px;
position: relative;
margin: 0 auto;
background: url(../images/shadowAlpha.png) bottom center;
padding: 0 5px 10px 5px;
}
#wrapper{
width: 960px;
position: relative;
margin: 0 auto;
padding: 0;
text-align: left;
}
#shadow{
width: 960px;
position: relative;
margin: 0 auto;
background: url(../images/shadowAlpha.png) bottom left;
padding: 0 5px 7px 5px;
}
.masthead{
margin: 0 0 5px 0;
}
.white{
background: white;
color: #2b2b2b;
}
.trans {
background:url(../images/new-transparent.png) repeat;
  /* for IE 
filter:alpha(opacity=50);
  CSS3 standard 
opacity:0.5;*/
}
.vid{
width: 400px;
height: 300px;
margin: 2em 0 2em 5em;
}

.subNav {
margin: 1.08em 0 1.08em 10px;
}

.subNav li {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1em;
list-style: none;
padding: 1px 0;
}
.subNav  li a {
font-size: 1.25em;
}
.subNav li a:hover {
color: #e4000f;
}

.current  a {
color: #222222;
text-decoration: underline;
}

.photo {
float: left;
width: 178px;
margin: 0 5px 15px 10px;
}
/*clear fix*/

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;max-height:0;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}



/*footer*/
#footer{
background: #3c3c3c;  
width: 960px;
height: 100px;
clear: both; 
margin: 0 auto 0 auto;
}
#footer p{
text-align: left;
margin: 2em 0;
color: #707070; 
}
.foot-right{
text-align: right;
margin: 1em 0;
}
#footer .tabs{ 
width: 405px; 
margin: 5px auto;
background: #222;
color: white;
}
#footer .tabs a{ 
padding: 10px 30px 10px 0; 
color: #666; text-decoration: none; 
}
#footer p.quiet { color: #ccc; }

.black{
background: #222222;
color: white;
height: 35px;
}