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

	body, html {
		margin: 0px;
		background-color: #000000;
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .9em;
		}
		
	a, a:visited {
		color: #000;
		text-decoration: none;
		}
		
	a:hover {
		text-decoration: underline;
		}
		
	#bg_border {
		width: 780px;
		background-repeat: repeat-y;
		color: #000;
		background-color: #000;
		background-image: url(images/container.png);
		background-repeat: repeat-y;
		margin-left: auto;
		margin-right: auto;
		}
		
	#container {
		margin-left: auto;
		margin-right: auto;
		width: 750px;
		padding-bottom: 50px;
		}
		
	#header {
		background-image: url(images/header.gif);
		width: 750px;
		height: 150px;
		border-bottom: 1px solid #000;
		}
		
	#nav_surround {
		background-image: url(images/nav.png);
		height: 30px;
		background-repeat: repeat-x;
		padding: 3px;
		}
		
	#nav_surround a, nav_surround a:hover, nav_surround a:visited {
		color: #FFFFFF;
		font-weight: bold;
		}
			
	#top_info {
		margin-top: 10px;
		padding: 5px;
		height: 200px;
		}
		
	#top_info_left {
		float: left;
		width: 500px;
		height: 200px;
		border: 1px solid #000;
		}
		
	#top_info_left_title {
		margin-top: 150px;
		background-color: #666666;
		color: #FFFFFF;
		width: 450px;
		margin-left: auto;
		margin-right: auto;
		}
		
	#top_info_right {
		float: right;
		width: 232px;
		height: 200px;
		background-image: url(images/top_articles.png);
		}
		
	#top_info_right ul {
		padding-left: 20px;
		padding-top: 50px;
		}
		
	.main_content {
		width: 726px;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-image: url(images/top_content.png);
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-top: 10px;
		}
		
	.bot_content {
		background: url(images/bot_content.png);
		background-repeat: no-repeat;
		width: 736px;
		height: 35px;
		margin-left: -10px;
		padding-left: 10px;
		margin-top: 10px;
		}
		
	.bot_content_archive {
		background: url(images/bot_content.png);
		background-repeat: no-repeat;
		width: 736px;
		height: 35px;
		margin-left: -10px;
		padding-left: 10px;
		margin-top: -25px;
		}
		
	h1 {
		font-weight: bold;
		font-size: 20px;
		padding: 0px;
		margin: 0px;
	}
	
	.main_content p {
		text-indent: 1.5em;
		}
		
	.supplies {
		width: 650px;
		margin-left: auto;
		margin-right: auto;
		background-color: #eeeeee;
		border: 1px solid #666666;
		padding: 5px;
		}
	
	.posted_by {
		margin-top: -10px;
		}
	
	.steps {
		width: 720px;
		margin-left: auto;
		margin-right: auto;
		padding: 5px;
		}
		
	.steps ol li {
		font-weight: bold;
		font-size: 20px;
		border-bottom: 1px solid #000;
		margin-top: 15px;
		}
	
	.steps img {
		border: 1px solid #000;
		}
		
	.page_item { 
    	display: inline;
    	list-style-type: none;
    	}
		
/* Menu */


#nav {
  list-style: none;
  margin: 0;
  padding: 0;
  }
	
#nav ul {
  margin: 0;
  padding: 0;
  }

#nav li {
  float: left;
  margin: 0;
  padding: 0;
  }

#nav a {
  display: block;
  line-height: 20px;
  margin: 0;
  padding: 0px 5px;
  }

#nav li a:hover {
  color: #66FFFF;
  text-decoration: none;
  display: block;
  }

#nav li ul {
  list-style: none;
  position: absolute;
  width: 100px;
  left: -999em;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
	
#nav li li {
  float: left;
  margin: 0;
  padding: 0;
  width: 100px;
  }
	
#nav li li a {
  width: 100px;
  height: 10px;
  line-height: 10px;
  color: #333;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background: #c0c0c0;
  margin: 0;
  padding: 5px 20px 5px 15px;
  }
	
#nav li li a:hover {
  border-top: 1px solid #000;
  background: #999999;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }
  
  	.category_img {
		border-right: 1px solid #000000;
		float: left;
		margin-bottom: 10px;
		padding: 0 5px 0;
		width: 200px;
		}
		
	.category_info {
		width: 492px;
		float: left;
		padding: 5px;
		padding-top: 0px;
		}
		
	#feature_info {
		width: 490px;
		height: 35px;
		background-image: url(images/feature_info.png);
		margin-left: auto;
		margin-right: auto;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		color: #FFF;
		margin-top: -55px;
		z-index: 1;
		position: absolute;
		padding: 5px;
		}
		
	#feature_info a {
		color: #FFF;
		text-decoration: none;
		}
		
	#feature_info a:hover {
		color: #FFF;
		text-decoration: underline;
		}
		
	.feature_title {
		font-size: 14px;
		font-weight: bold;
		}
		
	h2.pagetitle {
		text-align: center;
		}
		
	.page_info {
		float: right;
		width: 212px;
		height: 180px;
		padding: 10px;
		border: 1px solid #000;
		background-color: #eee;
		}
		
	.page_info a {
		color: #0085CC
		}
		
	.page_info a:hover {
		color: #000;
		text-decoration: underline;
		}