/* CSS Document */
/* Style sheet designed from "Build a Better Website" Summer_Fall 2008
    Putting CSS into practice - pp. 70-79 (and beyond)  BT-08/06/2009  */
	



#container  {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color:#FFFFFF;
	padding: 5px;
	
}

body {
	text-align: center;
	background-color: #666633;
	background-color: #99994D; /* Color change BT-15Dec2010  */
	
}


#header {
background-color:#56562C;


 /* Color change BT-15Dec2010  */

}




#menu {
	float: left;
	width: 150px;
	margin-right: 10px;
	clear:both;
	padding-left: 10px;
}



#widemenu {
	background-color:#dddddd;
	margin-bottom: 10px;
	height: 25px;
	
}




#widemenu ul li{
	float: left;
	list-style-type:none;
	padding: 5px 30px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 14px;
			
}


#widemenu ul {
	margin: 0px;
	padding: 0px;
	
}


#widemenu ul li a {
	color:#000000;
	text-decoration:none;
	
}


#widemenu ul li a:hover {
	color: #990000;
}




#content
{
  float: left;
  width: 560px;
  background-image: url('../images/lightergreen.gif');
  padding: 15px;
  background-repeat: repeat-x;
}

#sidebar {
	float: right;
	width: 180px;
	padding-bottom: 10px;
	padding-left:20px;
	
}

#footer_retire_aug09 {
	border-top: 1px solid #000000;
	clear: both;
	margin-left: 160px;
	padding-top: 10px;
	
}
	
	
#footer {
	clear: both;
	background: #dddddd;
	/* color: #CCCC66;   */
	
	
	
	padding: 5px 10px;
	text-align: right;
	font-size: 80%;

}

#footer_email {
color:#660000;
}


#page_heading  
{
  
}

h1
{
  font-size: 1.2em;

}




/* Adding Responsive HTML 5 to bdtcomp website~15jul2024-BT */


/*------------------------------MEDIA!!!------------------------------------*/

@media screen and (max-width: 478px)	{
	body {
		font-size: 13px;
	}
}

@media screen and (max-width: 740px)	{
	nav	{
		width: 100%;
		margin-bottom: 10px;
		
	}
	nav ul	{
		list-style:none;
		margin: 0 auto;
		padding-left: 0;
	}
	nav ul li	{
		text-align:center;
		margin-left:0 auto;
		width: 100%;
		border-top: 1px solid #878E63;
		border-right: 0px solid #878E63;
		border-bottom: 1px solid #878E63;
		border-left: 0px solid #878E63;
		
	}
	
	nav ul li a	{
		padding: 8px 0;
		font-size: 16px;
	}
	
	.left-col	{
		width: 100%;
	}
	
	.sidebar	{
		width: 100%;
	}
	
	.section	{
		float: left;
		width: 100%;
		margin: 0;
	}
}


@media print {
      /* insert your style declarations here */
	  
	  
/*	  nav, footer {
display: none;
}  */

nav ul li a	{
	font-size:9px;
}
p,img,body,blockquote, h1, h2, h3, h4, h5, h6, a,nav ul li a,li, footer, footer p, header, header p  {
	color:#000000;

}

	  
	  
    }

