/*
	StyleSheet by Tim Whims
	http://www.whimsweb.com
	Blue:#002142
	Brown:#422900
	Text: #bfbfbf
		
*/

body {
	margin: 5px auto 0px auto;
	font: .83em Arial, sans-serif;
	line-height: 1.5em;
	height:auto;
	background: #fff;
	background-image:url(../images/top.png); 
	background-repeat:repeat-x;
	}
	
a {color:#bfbfbf; text-decoration: underline; background:inherit;}
a:hover {color:#bfbfbf; text-decoration: underline; background:inherit;}
a:visited {color: #999;}
p {	margin: 5px 0; }
ul { margin: 3px 0px 3px 0px; padding : 3px 0px 3px 0px; list-style: none; overflow:hidden; }
img { border: 0; }
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: transparent; margin: 10px 0; }


.content { margin: 0px auto; width: 800px; }



/* Logo Area */


#top {
	margin: 0px auto 20px auto;
	padding: 0px 0px 0px 0px;
	height: 80px;
	width:900px;
	background-image:url(../images/daniels-scientific-text.png);
	background-repeat: no-repeat;
	overflow:hidden;
}

	#top #danielstxt { float: left; width:850px; height:70px; margin:5px 0px 0px 0px;}
	#top h1 { font: bold 1.0em Arial, Sans-Serif; padding: 0px 0 0px 0; margin: 0px 0px 0px 0px; letter-spacing: 1px; color: #fff; }
	#top #icons { float: right; padding:0px 0px 0px 0px; margin: 5px 30px 0px 0px; width:15px; height:70px; }
	#top #icons h1 { font: bold 1.1em Arial, Sans-Serif; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; letter-spacing: 2px; color: #fff; line-height: .1em; }
	#top #icons img { padding:0px 0px 0px 2px; }

/* Ad and Icon Area */


	
#ad { 
	background-color:#422900; 
	padding:0px 0px 0px 0px;
	width:800px;
	height:205px;
	margin:0px auto 5px auto;
	font: .85em Arial, sans-serif; 
	line-height: 1.2em;
	overflow:hidden;
	
}


#ad #image1{
	width:193px;
	height:195px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:5px 5px 5px 5px;
	background-color: #002142;
	
}

#ad #image1 h1 { background: url(../images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142; border-bottom:solid #525252 1px; }
#ad #image1 h1 span { background: url(../images/os-cart.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px;}
#ad #image1 p { color: #BFBFBF; padding: 0 4px 0 4px; text-align: justify }
#ad #image1 img {float: left; padding: 0 5px 5px 0 }
#ad #image1 blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
#ad #image1 ul { margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px; list-style:none; overflow:hidden; }
#ad #image1 li { line-height: 1.2 em; list-style:none;font: .93em Arial, sans-serif;}
#ad #image1 a { text-decoration: none; color:#BFBFBF; }
#ad #image1  a:hover{ text-decoration:  underline; color:#bfbfbf; background-image:url(../images/onlinecatalogandorderingsystem.png);

}

#ad #image2{
	width:194px;
	height:195px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:5px 5px 5px 0px;
	background-color: #002142;
}

#ad #image2 h1 { background: url(../images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142; border-bottom:solid #525252 1px; }
#ad #image2 h1 span { background: url(../images/os-cart.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px;}
#ad #image2 p { color: #BFBFBF; padding: 0 5px 0 5px; text-align: justify }
#ad #image2 img {float: left; padding: 0 5px 5px 0 }
#ad #image2 blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
#ad #image2 ul { margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px; list-style:none; overflow:hidden; }
#ad #image2 li { line-height: 1.2 em; list-style:none;font: .93em Arial, sans-serif;}
#ad #image2 a { background: #002142; text-decoration: none; color:#BFBFBF; }
#ad #image2  a:hover{ background: #002142; text-decoration:  underline; color:#bfbfbf; }

#ad #image3{
	width:194px;
	height:195px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:5px 5px 5px 0px;
	background-color: #002142;
}
#ad #image3 h1 { background: url(../images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142; border-bottom:solid #525252 1px; }
#ad #image3 h1 span { background: url(../images/os-cart.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px;}
#ad #image3 p { color: #BFBFBF; padding: 0 5px 0 5px; text-align: justify }
#ad #image3 img {float: left; padding: 0 5px 5px 0 }
#ad #image3 blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
#ad #image3 ul { margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px; list-style:none; overflow:hidden; }
#ad #image3 li { line-height: 1.2 em; list-style:none;font: .93em Arial, sans-serif;}
#ad #image3 a { background: #002142; text-decoration: none; color:#BFBFBF; }
#ad #image3  a:hover{ background: #002142; text-decoration:  underline; color:#bfbfbf; }


#ad #image4{
	width:194px;
	height:195px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:5px 5px 5px 0px;
	background-color: #002142;
}
#ad #image4 h1 { background: url(../images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142; border-bottom:solid #525252 1px; }
#ad #image4 h1 span { background: url(../images/os-cart.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px;}
#ad #image4 p { color: #BFBFBF; padding: 0 5px 0 5px; text-align: justify }
#ad #image4 img {float: left; padding: 0 5px 5px 0 }
#ad #image4 blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
#ad #image4 ul { margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px; list-style:none; overflow:hidden; }
#ad #image4 li { line-height: 1.2 em; list-style:none;font: .93em Arial, sans-serif;}
#ad #image4 a { background: #002142; text-decoration: none; color:#BFBFBF; }
#ad #image4  a:hover{ text-decoration:  underline; color:#bfbfbf;
}

		
/* Main Menu Area */

#row2 {
	height: 165px;
	width:800px;
 	margin:0px auto 5px auto;
	background-color:#422900;
}

/* Menu */

	#menu {
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 5px;
	height:160px;
	width:200px;
	float:left;
	background-color: #422900;
}
	#menu a {
	padding-left: 30px;
	font:  0.86em Arial, Sans-Serif;
	text-decoration: none;
	background: url(../images/lm-li1.gif) no-repeat left;
	background-color: #F6F6F6;
	color:#422900;
	font-variant:small-caps;
	}
	
	#menu a:hover {
	color:#f2f2f2; 
	background:#422900 url(../images/lm-li2.gif) no-repeat left;
	}
	
	#menu ul { padding: 5px 0 }
	#menu li { line-height: 1.9em; background: #F6F6F6 url(../images/li-line.gif) no-repeat bottom left; list-style: none; margin: 0px 0px 0px 10px; }
	
/*spotlights*/

#spotlight1 {
	width: 285px;
	height:155px;
	float:left;
	margin:5px 0px 0px 5px;
	background-color: #002142;
	overflow:hidden;
	line-height: 1.5em;
	font: .90em Arial, sans-serif;
}

		#spotlight1 h1 { background: url(../images/hbg1.jpg) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142 }
		#spotlight1 h1 span { background: url(../images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px}
		#spotlight1 p { color: #BFBFBF; padding: 0 5px 0 5px; text-align: left; font-size:90%; }
		#spotlight1 img { float: left; padding: 0 10px 5px 0 }
		#spotlight1 blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
		#spotlight1 ul { margin: 0px 0px 0px 0px; padding : 5px 0px 0px 0px; font-size:82%; overflow:hidden; }
		#spotlight1 li { line-height: 1.7em; background: #002142 url(../images/lm-li1.gif) no-repeat left; list-style: none; padding: 0px 0px 0px 30px; margin: 0px 0px 0px 0px;color:#bfbfbf}
		#spotlight1 a { background: #002142; text-decoration:underline; color:#bfbfbf; }
		#spotlight1  a:hover{ background: #343434; text-decoration:underline; color:#bfbfbf; 
		
		}


#spotlight2 {
	width: 285px;
	height:155px;
	float:left;
	margin:5px 0px 0px 5px;
	background-color: #002142;
	overflow:hidden;
	line-height: 1.5em;
	font: .90em Arial, sans-serif;
}

		#spotlight2 h1 { background: url(../images/hbg1.jpg) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142 }
		#spotlight2 h1 span { background: url(../images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px}
		#spotlight2 p { color: #BFBFBF; padding: 0 5px 0 5px; text-align: left; font-size:90%; }
		#spotlight2 img { float: left; padding: 0 10px 5px 0 }
		#spotlight2 blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
		#spotlight2 ul { margin: 0px 0px 0px 0px; padding : 5px 0px 0px 0px; font-size:82%; overflow:hidden; }
		#spotlight2 li { line-height: 1.7em; background: #002142 url(../images/lm-li1.gif) no-repeat left; list-style: none; padding: 0px 0px 0px 30px; margin: 0px 0px 0px 0px;color:#bfbfbf}
		#spotlight2 a { background: #002142; text-decoration:underline; color:#bfbfbf; }
		#spotlight2  a:hover{ background: #343434; text-decoration:underline; color:#bfbfbf; 
		
		}

/* Main Content Area */


#main { 
width: 800px;
margin:0px auto 5px auto;
padding:0px 0px 0px 0px;
font: .90em Arial, sans-serif; 
line-height: 1.5em; 
height:auto;

}

#main-full { 
width: 800px;
margin:5px auto 5px auto;
padding:0px 0px 0px 0px;
color:#BFBFBF;
border-top: solid #002142 1px;	
}




#left_side {
	width: 521px;
	background-color: #422900;
	margin:5px auto 5px auto;
	float:left;
	height:auto;
	
	
}
		#left_side h1 { background: url(../images/hbg1.jpg) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142; }
		#left_side h1 span { background: url(../images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px; margin: 0}
		#left_side h2 { font: bold 1.1em Arial, Sans-Serif; color:#FFF; text-decoration:underline; }
		#left_side p { color: #BFBFBF; padding: 0 5px 0 5px; font-size:85%;}
		#left_side a { color: #BFBFBF;}
		#left_side a:hover { color: #BFBFBF; text-decoration:underline;}
		#left_side img { float: left; padding: 0 10px 5px 0 }
		#left_side blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
		#left_side ul {margin-left: 3px;color: #BFBFBF; }
		#left_side li {padding:0px 0px 0px 10px; font-size:85% }

		
	.dateblock {border-top: 1px solid #bfbfbf;padding: 3px 0px 2px 0px;margin: 20px 0px 0px 0;text-align: right; background-color: #002142; text-decoration:none; color:#bfbfbf; font-weight:normal; text-align:center;}
	.dateblock a {color:#bfbfbf; text-decoration:none; background: #002142 url(../images/spotlightlink.gif) no-repeat left; list-style: none; padding: 2px 0px 2px 5px; margin: 0px 0px 0px 0px;}
		
		
		
#right_side { 
	float: right; 
	margin:5px 0px 5px 0px;
	width: 275px; 
	background: #422900;
	height:auto;
}


 
#right_side h1 { background: url(../images/hbg1.jpg) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Sans-Serif; color:#002142 }
#right_side h1 span { background: url(../images/h-art.gif) no-repeat left; padding: 1px 10px 0px 23px;  line-height: 22px;}
#right_side ul { padding: 0px 0px 0px 0px; }
#right_side li { line-height: 1.0em; background: url(../images/lm-li1.gif) no-repeat left #002142 ; list-style: none; margin: 5px 5px 5px 0px; padding:5px 0px 5px 30px; font:  0.90em Sans-Serif; color:#BFBFBF;  }
#right_side a {padding-left: 30px; font:  0.83em Arial, Sans-Serif; text-decoration: none; background: url(../images/lm-li1.gif) no-repeat left; background-color: #002142; color:#BFBFBF;}
#right_side a:hover {background:#422900 url(../images/lm-li2.gif) no-repeat left; color:#f2f2f2; }
#right_side p {padding: 1px 5px 0px 5px; color: #BFBFBF; line-height: 0.80em;}
	
	
/* The footer */
#footer {
clear: both;
width:800px; 
margin: 20px auto 0px auto;
line-height: 1.5em;
font: .83em Arial, sans-serif;

}

#footer a {text-decoration: none; color: #BFBFBF;}
#footer a:hover {text-decoration:underline; background: transparent; color: #002142; }
#footer ul { padding: 0px 0px 0px 0px; color: #BFBFBF; }
#footer li { line-height: 18px; background: url(../images/cat-li1.gif) no-repeat left; list-style: none; padding: 2px 0px 2px 20px;}

	#footerleft {
		width:260px;
		height:92px;
		float:left;
		padding:0px 0px 0px 0px;
		margin: 5px 5px 10px 5px;

	}

	#footermiddle {
		width:260px;
		height:92px;
		float:left;
		padding:0px 0px 0px 0px;
		margin: 5px 0px 10px 0px;
	}

	#footerright {
		width:260px;
		height:92px;
		float:left;
		padding:0px 0px 0px 0px;
		margin: 5px 5px 10px 5px;
	}

	#footerbottom { 
		clear: both;
		width:800px;
		height:20px; 
		border-top: 1px solid #DCDCDC; 
		padding:10px 0px 0px 0px;   
		background: #FFF;
		color: #777;
	}
	
