html, body{ 

 margin:0; 

 padding:0; 

font-family:arial, helvetica, sans-serif;

 background-image:url('images/bg4.gif');

 background-repeat:repeat-x;

 background-position:top;



} 

p{

	font-family:arial, helvetica, sans-serif;

font-size:14px;

}
h4{

font-family:Arial, Helvetica, sans-serif

margin: 0;

padding: 0;

color: #594e5f;
font-style:italic;
}
h3{

font-family:Arial, Helvetica, sans-serif

margin: 0;

padding: 0;

color: #594e5f;
font-style:italic;
}


h2 {

font-family:Arial, Helvetica, sans-serif

margin: 0;

padding: 0;

color: #594e5f ;

}

h1 {

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

margin: 0;

padding: 0;



width: 600px;

color: #404040 ;

}

#table {

  border-collapse: collapse;

  border-spacing: 0;



    margin:0px;

    padding:0px;

}


#pagetop{ 

 width:100%; 

 text-align:center; 

 margin:0 auto; 

background-color:#4a4747;
color:#FFFFFF;
} 
#pagewidth{ 

 width:900px; 

 text-align:left; 

 margin:0 auto; 
 

} 

 

#header{

	position:relative;

	height:150px;

	background-color:none;

	width:900px;

	display:block;

	overflow:none;

} 

 #navigation{

 position:relative; 

 height:34px; 



 width:900px;

 float:left; 

 display:block;

 overflow:none;

} 

  #slider{

 position:relative; 

 height:246px; 


 width:900px;


 display:block;

 overflow:none;

} 
  #rect{

 position:relative; 

 height:120px; 


 width:900px;


 display:block;

 overflow:none;
 background-color:#ffffff;

} 
  #topimage{

 position:relative; 

 height:100px; 


 width:900px;


 display:block;

 overflow:none;

} 
#wrapper{
 background-color:#ffffff; 

 }



#leftcol{

 width:200px; 

 height:auto;

 float:left; 

 padding: 10px;

 float:right; 

 background-color:#ffffff; 

 }

 

#maincol{

  background-color:#ffffff; 

 position: relative; 

 width:640px;

height:auto; 

 padding-left: 20px;
  padding-right: 20px;
   padding-bottom: 20px;
    padding-top: -10px;

 float:left; 

 }

 #mainonly{

  background-color:#ffffff; 

  background-position:top;

 position: relative; 

 width:860px;

 

 padding: 20px;

 float:left; 

 }

#footer{

 height:82px; 

  background-color:#4a4747; 

 clear:both;

 display:block;

 overflow:auto;



} 

#footerlink {

    color:#ffffff;

	font-weight:bold;

 }

 
#bartext {

    color:#ffffff;
	font-size:16px;
	line-height:100%;

 }


/* Menu

-------------------------------------------------------------------------*/

/* Menu
-------------------------------------------------------------------------*/
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:extra-bold;
	background-color: #FFFFFF;
	}	
.menu ul{
	background:#7c6a87 url('images/buttonbg.gif');
	background-repeat:repeat-x; 
	height:34px;
	width:900px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:right;
		padding:0px;
		}
	.menu li a{
		background-image: url("images/buttonbg.png"), url("images/seperator.gif");
  		background-repeat: repeat-x, bottom right no-repeat;
	
		color:#ffffff;
		display:block;
		font-weight:normal;
		line-height:34px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #ca1b2c url("images/hover_2.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:160px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:160px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#ca1b2c url('images/hover_sub_2.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	
	.tdsideback {
		 background-image: url('images/mockupslices_18.gif') ;
		 background-repeat:repeat-x;
		 
		 }
}






 

 

/* ******************************************************************** */ 

/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */

/* ******************************************************************** */

.clearfix:after {

 content: "."; 

 display: block; 

height: 0; 

 clear: both; 

 visibility: hidden;

 }

 

.clearfix{display: inline-block;}

td img.decoration {display: block;}

/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  





 

 

/* ******************************************************************** */ 

/*                      printer styles                                  */ 

/* ******************************************************************** */ 

     

 @media print{ 

/*hide the left column when printing*/ 

#leftcol{display:none;} 

#twocols, #maincol{width:100%; float:none;}

}