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

html    { height:100%; }

body 	{ background-image:url(../interface/site-background.gif);
		  background-repeat:repeat;
		  background-color:#666666;
 		  margin: 0px 0px 0px 0px; 
		  height: 100%;
		  }
		  
#container-wrap { position: relative;
			 	  margin-left:auto;
			 	  margin-right:auto;
			 	  top: 0px;
				  height:100%;
		  	 	  width: 770px;
			 	  z-index: 100;
			      text-align: left;
           		}		     

#content-wrap   { position: absolute;
             	  background-image:url(../interface/site-content-background.gif);
		     	  background-repeat:repeat;
				  /*padding-bottom:88px;*/
 				  top: 231px;
			  	  width: 770px;
				  z-index: 100;
				  text-align: left;
				  float: left;
           		}	
				
			   

#content-wrap-s { position: absolute;
             	  background-image:url(../interface/site-content-background.gif);
		     	  background-repeat:repeat;
				  padding-bottom:15px;
 				  top: 149px;
			  	  width: 770px;
				  z-index: 100;
				  text-align: left;
				  float: left;
           		}	
				
#content-wrap-s2 { position: absolute;
             	   background-image:url(../interface/site-content-background.gif);
		     	   background-repeat:repeat;
				   padding-bottom:0px;
 				   top: 149px;
			  	   width: 770px;
				   z-index: 100;
				   text-align: left;
				   float: left;
           		 }							   
		   
#navigation { position: absolute;
			  background-image:url(../interface/navigation-bar.jpg);
			  background-repeat:no-repeat;
			  padding-top:19px;
	 
			  color:#FFFFFF;
			  top: 10px;
			  height:45px;
		  	  width: 770px;
			  z-index: 102;
			  text-align: left;
			  float:left;
            }			   
			
#moodsetter { position:absolute;
			  background-image: url(http://www.beyondthecrux.com/code/interface/site-moodsetter.jpg);
			  background-repeat:no-repeat;
			  top: 55px;
			  height:176px;
		  	  width: 770px;
			  z-index: 103;
			  text-align: left;
			  float:left;
            }			
			
#moodsetter-short { position:absolute;
			  		background-image: url(http://www.beyondthecrux.com/code/interface/site-moodsetter-short.jpg);
			  		background-repeat:no-repeat;
			  		top: 55px;
			  		height:94px;
		  	  		width: 770px;
			  		z-index: 103;
			  		text-align: left;
			  		float:left;
            	  }
			
#flash-tool    { position: relative;
			  	 top: 0px;
				 left:4px;
			  	 height:356px;
		  	  	 width: 553px;
			   	 z-index: 107;
			  	 text-align: left;
				 float:left;
               }	
			   
#flash-tool-bottom { position: relative;
			         background-image: url(../interface/flash-bottom.gif);
			  	 	 background-repeat: no-repeat;
					 padding-left:50px;
					 padding-top:3px;
			  	 	 bottom: 0px;
					 left:0px;
			  	 	 height:20px;
		  	  	 	 width: 503px;
			   	 	 z-index: 106;
			  	 	 text-align: left;
					 float:left;
               	   }			   
			   		   
		   
#static-header { position: relative;
			     background-image: url(../interface/body-extra-wide-background.gif);
			  	 background-repeat: repeat-y;
			  	 top: 0px;
			  	 height:363px;
		  	  	 width: 770px;
			   	 z-index: 104;
			  	 text-align: left;
				 float:left;
               }		   
			   
#sh-top        { position: relative;
			     background-image: url(../interface/body-extra-wide-top.gif);
			  	 background-repeat: no-repeat;
				 padding:0px;
			  	 top: 0px;
			  	 height:5px;
		  	  	 width: 770px;
			   	 z-index: 105;
			  	 text-align: left;
				 float:left;
               }
			   
#sh-bottom     { position: relative;
			     background-image: url(../interface/body-extra-wide-bottom.gif);
			  	 background-repeat: no-repeat;
				 padding:0px;
			  	 bottom: 0px;
			  	 height:5px;
		  	  	 width: 770px;
			   	 z-index: 105;
			  	 text-align: left;
				 float:left;
               }
			   

#footer        {position: relative;
				background-image: url(../interface/site-footer.jpg);
				background-repeat: no-repeat;
				bottom: -54px;
				height:99px;
				width: 770px;
				z-index: 101;
				text-align: left;
				float:left;
               }	
			   
#footer2       {position: relative;
				background-image: url(../interface/site-footer.jpg);
				background-repeat: no-repeat;
				bottom: 0px;
				height:99px;
				width: 770px;
				z-index: 101;
				text-align: left;
				float:left;
               }			   			  				  

#footer-events {position: relative;
				background-image: url(../interface/site-footer.jpg);
				background-repeat: no-repeat;
				bottom: -18px;
				height:99px;
				width: 770px;
				z-index: 101;
				text-align: left;
				float:left;
               }	

#footer-rates  {position: relative;
				background-image: url(../interface/site-footer.jpg);
				background-repeat: no-repeat;
				bottom: -18px;
				height:99px;
				width: 770px;
				z-index: 101;
				text-align: left;
				float:left;
               }

#footer-about  {position: relative;
				background-image: url(../interface/site-footer.jpg);
				background-repeat: no-repeat;
				bottom: 0px;
				height:99px;
				width: 770px;
				z-index: 126;
				text-align: left;
				float:left;
               }

#footer-programs   {position: relative;
					background-image: url(../interface/site-footer.jpg);
					background-repeat: no-repeat;
					bottom: 0px;
					height:99px;
					width: 770px;
					z-index: 126;
					text-align: left;
					float:left;
               	   }

#footer-btckids    {position: relative;
					background-image: url(../interface/site-footer.jpg);
					background-repeat: no-repeat;
					bottom: 0px;
					height:99px;
					width: 770px;
					z-index: 126;
					text-align: left;
					float:left;
               	   }

#footer-btckids    {position: relative;
					background-image: url(../interface/site-footer.jpg);
					background-repeat: no-repeat;
					bottom: 0px;
					height:99px;
					width: 770px;
					z-index: 126;
					text-align: left;
					float:left;
               	   }
				   
#footer-contactus  {position: relative;
					background-image: url(../interface/site-footer.jpg);
					background-repeat: no-repeat;
					bottom: 0px;
					height:99px;
					width: 770px;
					z-index: 126;
					text-align: left;
					float:left;
               	   }	
				   
#footer-forum	   {position: relative;
					background-image: url(../interface/site-footer.jpg);
					background-repeat: no-repeat;
					bottom: 0px;
					height:99px;
					width: 770px;
					z-index: 126;
					text-align: left;
					float:left;
               	   }		
				   
#footer-links	   {position: relative;
					background-image: url(../interface/site-footer.jpg);
					background-repeat: no-repeat;
					bottom: 0px;
					height:99px;
					width: 770px;
					z-index: 126;
					text-align: left;
					float:left;
               	   }					   		   			   

#footer-catalog	   {position: relative;
					background-image: url(../interface/site-footer.jpg);
					background-repeat: no-repeat;
					bottom: 0px;
					height:99px;
					width: 770px;
					z-index: 126;
					text-align: left;
					float:left;
               	   }

#tagline       {position: absolute;
				background-image:url(../interface/site-background.gif);
		  		background-repeat:repeat;
				margin-top:10px;
				margin-bottom:10px;
				bottom: -50px;
				width: 770px;
				z-index: 102;
				text-align: right;
				vertical-align:middle;
				float:left;
               }		
			   
			   
			   
.forum-table   { width: 190px;
				 height: 200px;
				}			   
			   
.forum-top     { background-image: url(../interface/forum-login-top.gif);
			  	 background-repeat: no-repeat;
				 text-align: left;
				}	
				
.forum-bottom  { background-image: url(../interface/forum-login-bottom.gif);
			  	 background-repeat: no-repeat;
				 text-align: left;
				}							   			  			   

.forum-background  { background-image: url(../interface/forum-login-background.gif);
			  	 	 background-repeat: repeat-y;
				  	 text-align: left;
				   }
				   
.forum-field	   { background-image: url(../interface/forum-login-field.gif);
			  	 	 background-repeat: no-repeat;
					 background-color: #e2e1d7;
					 padding-left:4px;
					 border:none;
					 width: 114px;
					 height: 21px;
				  	 text-align: left;
				   }				   	#container-wrap #content-wrap #new-events #news-column-events .news-text strong {
	color: #C00;
}