/*
Master CSS File
Author: Ben Elder
Company: Elder Web Designs and Consulting
Web Site: http://www.lbmfg.com
Email: benjamin.elder@gmail.com
*/

/* GENERAL STYELS - STRUCTURE
------------------------------------------*/

* {
  margin:0px;
  padding:0px;
  border:none;
	}

body{
  font-family: arial, sans-serif;
  font-size:62.5%;
  text-align:center;
  background:#fff url("images/gradient9.png") repeat-x;
  }
 
#outer{
	margin:10px auto;
	width:750px;
	padding:10px;
  	background-color:#fff;
	} 
    
#wrap{
	margin:0px auto;
	text-align:left;
	width:750px;
  	font-size:1.2em;
	}
  
#header{
  background:url("images/logo3.jpg");
  padding-top:35px;
  height:100%;
  }
  
#content{background-color:#ebebeb;
  height:100%;
  }
  
#left{
  float:left;
  width:180px;
  vertical-align:top;
  margin:5px 0 0 0;
  background-color:#ebebeb;
  height:100%;
  }

#right{
	/*float:left;*/
  height:100%;
  }
  
#banner{
  background-color:#ebebeb;
  padding:5px 5px 0px 5px;
  height:100px;
  float:left;
  margin:5px 0 0 0;
  width:559px;
  }

#center{
  float:left;
  width:569px;
  background-color:#ebebeb;
  }
  
#footer{
  clear:both;
  height:45px;
background:#ebebeb url("images/footerbg.jpg") no-repeat bottom;;
  }  

 
/* TABLES
------------------------------------------*/    
table{
  border-collapse: collapse;
  margin:4px 4px 10px 4px;
  }

tr{
	width:100%;
	}

td, th{
	text-align:left;
	padding:4px 5px;
	border-bottom:solid 1px #ebebeb;
	}  
  
/* COMMON HTML TAGS
------------------------------------------*/  

p{
	margin:0px 0px 10px 0px;
	line-height:1.4em;
  }
  
img{
	border:none;
	}
 
h1{
	color:#fff;
	padding:20px 15px;
	margin-left:20px;
  font-size:1.5em;
  background:url(images/) no-repeat;
  } 
  
h2{
	margin:0 0 5px 0;
	color:#666666;
	font-size:1.4em;
  	padding:0;
	}

h3{
	margin-bottom:10px;
	color:#666666;
	font-size:1.2em;
  
	}
h4{
	margin:10px 0 5px 0;
	padding:3px 0;
	color:#666666;
	font-size:1.1em;
	border-bottom:solid 1px #ebebeb;
	}

hr{
	margin-bottom:20px;
	}
 
span{
 display:none;
 }
 
ul{
  list-style-type:none;
  }

li{
  padding:2px 0;
  }
 
a, a:visited{
	text-decoration:none;
  	color:#CC0000;
  	font-weight:bold;
	}

a:hover{
	text-decoration:underline;
	}
 
/* OBJECT CLASSES
------------------------------------------*/ 
.padded{
  padding:0 5px 0 5px;
  }

.marged{
  margin-left:5px;
  }

.padding5{
	background-color: #fff;
	margin:5px;
	padding:5px;
  	border:solid 1px #cccccc;
	}  
  
.grad{
	background: #fff url("images/paragradf.png") repeat-x top;
  padding:8px;
  height:100%;
	}
  
.gradf{
	background: #fff url("images/paragradf.png") repeat-x top;
  padding:8px;
	}

.ulist{
			 list-style-type:circle;
			 margin:10px 0 20px 20px;
			 }	
	
/* MENU
------------------------------------------*/ 
#footer_menu{
  float:right;
   font-size:.8em;
   padding:15px 8px 5px 8px;
  }

#header_menu{
	width:100%;
  margin-top:5px;
  margin-bottom:0px;
  float:right;
   background:#ccc url(images/glass.jpg) repeat-x;
  /*background:#ccc url(images/menubg.jpg) repeat-x;
  
  border-top:solid 2px #777;
  border-bottom:solid 2px #999;*/
  }

.menu{
  color:#333;
  font-size:1.0em;
  padding-left: 0;
  margin-left: 0;
  float: right;
  font-family: arial, helvetica, sans-serif;
	}
   
.menu li{
  display: inline;
	}
  
.menu li a, .menu li a:visited {
  padding: 0.5em 1em;
  color: #333;
  font-size:1.0em;
  text-decoration: none;
  text-transform:uppercase;
  float: left;

	}
  
#footer_menu .menu li a{
  color:#333;
  font-size:1em;
  font-weight:normal;
  }
  
.menu li a:hover{
	color: #cc0000;
  text-decoration:none;
	}
  
#footer_menu .menu li a:hover{
	color: #cc0000;
	}

#lang{
float:right;
margin:-30px 80px 0 0 !important;
margin:-30px 40px 0 0;

}

  
/* BUG FIXES / HACKS
------------------------------------------*/

#wrap:after, #footer:after, #content:after, #header:after, .padding5:after, .grad:after, .cut:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
     
* html #footer,  * html #content,  * html #header, * html .padding5, * html .grad, * html .cut{
	height: 1%;
	}

* html #wrap{
  height: 100%; /* fixes weird IE body padding issue */
  } 

* html {
	margin: auto;
	}