@charset "utf-8";
/* CSS Document */


/*--------------------- common elements ------------------------*/
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #45657e;
  text-align: center;
  font-family:Arial, Helvetica, sans-serif;
}


.white{
  color:#fff;
}

.red{color:#d42020;}


#wrapper{
background-image:url('/images/FirstComm_background_top.jpg');
background-repeat:no-repeat;
width:960px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color:#bc2b26;

}




#container{
width:768px;
position:relative;
top:96px;
left:97px;
}

#content_pane{
float:left;
background-color:#FFF;
width:768px;
}


#header{
  position:relative;
  left:360px;
  width:392px;
  
}

#top_nav{
  position:relative;
  left:16px;
}

#articles{
float:left;
background-color:#FFF;
width:752px;
padding-bottom:40px;
Padding-top:16px;
padding-left:16px;
}


#homearticles{
float:left;
background-color:#FFF;
width:600px;
padding-bottom:40px;
Padding-top:16px;
padding-left:16px;
padding-right:152px;
}

#homearticles2{
float:left;
background-color:#FFF;
width:748px;
padding-bottom:40px;
Padding-top:16px;
padding-left:16px;
padding-right:4px;
}

#content_window{
  display:inline;
  width:768px;
  padding-left:2px;
  height:184px;
}


#flash_window{
  display:inline;
  float:left;
  background-color:#fff;
  padding-left:2px;
  padding-right:2px;
  height:184px;
}

#black_block{ 
width:412px;
height:184px;
background-color:#000;
padding-left:16px;
padding-right:0px;
float:left;
}

#articlepane{
  float:left;
  width:400px;
  top:-2px;
  left:0px;

}

#login_pane{
width:150px;
float:left;
height:184px;
}


#login_pane2{
width:150px;
float:left;
height:184px;
}

.blk{

}

.blk img{
float:left;
padding:0px;
margin:0px;
}

#bottom_buttons{
  position:relative;
  top:2px;
  width:768px;
  float:left;
  display:inline;

}

#bottom_nav{
float:right;
  position:relative;
  top:0px;
  left:0px;
padding-bottom:8px;
padding-left:40px;
  

}


#footer{
  position:relative;
  background-image:url('/images/FirstComm_background_footer.jpg');
  background-repeat:no-repeat;
  font-size:9px;
  width:960px;
  height:184px;
  margin-top:30px;
  background-position:bottom;



}






/*----------------- home page ----------------------------*/


#homecontent{
width:520px;
position:relative;
top:20px;
padding-left:16px;
}


/* ---------------- comm page ---------------------------*/


#side_nav{  
  float:right;
  width:152px;
}

#comm_footer{
  clear:right;
  position:relative;
  font-size:9px;
  top:240px;
  width:736px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:10px;
}

#navwrapper{

  position:relative;
  width:420px;
  top:12px;
  left:0px;


}



#navwrapper-about{

  position:relative;
  width:420px;
  top:-10px;
  left:0px;
}



.comnav{
  position:relative;
  left:-40px;
  font-size:14px;
  color:#fff;
  list-style-type: none;
  
}



#content{
float:left;
  width:500px;
  padding-left:16px;
  padding-right:16px;
  padding-top:2px;
  font-size:12px;

}

#secondnav{
float:left;
width:540px;
padding-bottom: 40px;
padding-left:16px;
padding-top:16px;
height:200px;
}


#pagearticles{
float:left;
width:550px;
padding-bottom: 40px;
padding-left:16px;
padding-top:16px;
background-color:#FFF;
}

#articlecontainer{
width:768px;
background-color:#FFF;
padding-bottom:30px;
}

.clear{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


a:link {
  color: #000000;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #000000;
}
a:hover {
  text-decoration: none;
  color: #FF0000;
}
a:active {
  text-decoration: none;
  color: #000000;
}



.navlink{
color:#FFFFFF;
text-decoration:none;
}

.navlink a:link {
color:#FFFFFF;
text-decoration:none;
}

.navlink a:visited {
color:#FFFFFF;
text-decoration:none;
}

.navlink a:active { 
color:#FFFFFF;
text-decoration:none;
}

.navlink a:hover {
color:#FF0000;
text-decoration:none;
}

ul.box{
margin-top:0px;
margin-bottom:0px;
list-style-type: square;
}

.redlink{
  margin-bottom: 0;
  color:#d42020;
  
  }
  
.left{
margin-left:30px;
font-weight:bold;

}