html, body {
	background-color: #bec8cc;
	margin: 0;
	padding: 0;
}

html, body, div, span, a, p, ul, li, form, input, label, select, option, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

img { border: 0; }
.fl { float: left; }
.fr { float: right; }

.cf { clear: both; }
.cf10 { clear: both; height: 10px; }
.cf20 { clear: both; height: 20px; }
.cf40 { clear: both; height: 40px; }

.mr20 { margin-right: 20px; }
.mr40 { margin-right: 40px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }

.hr, .hr20 {
	background-color: #d7d8d9;
	border-bottom: 1px solid #fff;
	font-size: 0;
	height: 1px;
	line-height: 1px;
	margin: 10px 0;
	width: 100%;
}

.hr20 { margin: 20px 0 }

a { color: #0084cc; text-decoration: underline; }
a:hover { text-decoration: none; }

#main_banner {
	background-image: url(../images/bg_banner.jpg);
	height: 294px;
	left: 50%;
	margin-left: -468px;
	position: absolute;
	top: 110px;
	width: 936px;
	z-index: 10;
}
	
	#student {
		background-image: url(../images/student.png);
		height: 387px;
		left: 50%;
		margin-left: 149px;
		position: absolute;
		top: -123px;
		width: 264px;
		z-index: 20;
	}
	
   #logo { margin: 0; }
	#logo a {
		background-image: url(../images/atlc_logo.png);
      display: block;
		height: 127px;
		left: 50%;
      margin: 0 0 0 -388px;
		overflow: hidden;
		position: absolute;
		text-indent: -9999px;
		top: 92px;
		width: 491px;
		z-index: 30;
      
      font-size: 0;
      line-height: 0;
	}

.container {
	margin: 0 auto;
	width: 880px;
}

#top_menu {
	background-color: #57422e;
	border-bottom: 3px solid #ced6d9;
	width: 100%;
}

	#top_menu .container ul {
		border-left: 1px solid #36291c;
		border-right: 1px solid #694f37;
		display: inline-block;
		margin: 0;
		padding: 0;
		width: auto;
	}

		#top_menu .container ul li {
			display: block;
			float: left;
		}

		#top_menu .container ul li a {
			border-left: 1px solid #694f37;
			border-right: 1px solid #36291c;
			color: #b2a89f;
			display: inline-block;
			font-size: 16px;
			font-weight: bold;
			line-height: 48px;
			height: 48px;
			height: 48px;
			padding: 0 10px;
			text-decoration: none;
		}

		#top_menu .container li a:hover {
			border-left: 1px solid #5c4530;
			border-right: 1px solid #291f15;
			background-color: #4a3827;
			color: #d2cdc9;
		}
	
#search_box {
	background-color: #eff1f2;
	background-image: url(../images/bg_searchbox.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	margin: 0 auto;
	padding: 10px;
	width: 272px;
	z-index: 100;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;	
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
}
	
	#search_box form input.input_search {
		background-color: #dcdede;
		background-image: url(../images/bg_search.png);
		background-position: 0 50%;
		background-repeat: no-repeat;
		border: 0;
		color: #7f8080;
		display: block;
		float: left;
		font-size: 12px;
		font-weight: normal;
		height: 18px;
		line-height: 18px;
		margin: 0 10px 0 0;
		padding: 5px 5px 5px 40px;
		width: 155px;
	}
	
	#search_box form input.btn_search {
		background-color: transparent;
		background-image: url(../images/btn_search.png);
		background-position: 0 0;
		background-repeat: no-repeat;	
		border: 0;
		cursor: pointer;
		display: block;
		float: left;
		height: 28px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		text-indent: -9999px;
		width: 62px;
      
      font-size: 0;
      line-height: 0;
	}
	#search_box form input.btn_search:hover { background-position: 0 -28px; }
	#search_box form input.btn_search:active { background-position: 0 -56px; }
	
#main {
	background-color: #eff1f2;
	/*margin-top: 236px;*/
   margin-bottom: 236px;
	padding: 50px 20px 0 20px;
   position: relative;
   top: 236px;
	width: 840px;
}

	#main .home_left {
		float: left;
		margin-right: 40px;
		width: 520px;
	}
	
		#main .home_left h2, #main .home_right h2, #main h2 {
			color: #909191;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 24px;
			font-weight: bold;
			letter-spacing: -1px;
			margin-top: 0;
		}
		
	#main .home_product a.product_thumb img {
		height: 80px;
		width: 80px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;	
	}
	
		.home_product .product_info { width: 250px; }
	
		.home_product .product_info .product_category, .home_product .product_info2 .product_category {
			color: #404040;
			font-size: 12px;
			font-style: italic;
		}
			.product_category span.label { color: #8b8c8c; font-style: normal; }
	
		.home_product .product_info h3, .home_product .product_info2 h3 { margin: 5px 0 0 0; padding: 0; }
		.home_product .product_info h3.product_title a, .home_product .product_info2 h3.product_title a { font-size: 16px; }
		
	.home_product .product_price {
		margin-top: 17px;
		text-align: center;
		width: 100px;
	}
		
		.home_product .product_price .price_label {
			color: #909191;
			font-size: 12px;
			letter-spacing: 2px;
			margin-bottom: 5px;
			text-transform: uppercase;
		}
		
		.home_product .product_price .price_value {
			color: #005380;
			font-size: 24px;
			
		}		
			.price_value sup { font-size: 12px; }
			
		.btn_reserve {
			background-color: transparent;
			background-image: url(../images/btn_reserve.png);
			background-position: 0 0;
			background-repeat: no-repeat;	
			border: 0;
			cursor: pointer;
			display: block;
			float: left;
			height: 40px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			text-indent: -9999px;
			width: 128px;
         
         font-size: 0;
         line-height: 0;
		}
		.btn_reserve:hover { background-position: 0 -40px; }
		.btn_reserve:active { background-position: 0 -80px; }

	
	#main .home_right {
		float: left;
		width: 260px;
	}
	
		.home_right .box {
			background-color: #dcdede;
			padding: 20px;
			width: 240px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
		}
		
		.box form label, .box form div, #main p, #main .home_news, .home_product .product_details {
			color: #404040;
			font-size: 14px;
		}
      
      #success1 {  background-color: #8AC645; }
      #error1 {  background-color: #c64545; }
      .confirmation {
			color: #0084cc;
         display: block;
			font-size: 16px;
         font-style: italic;
         margin-bottom: 10px;
         padding: 6px;
         max-width: 100%;         
      }
		
		.box form label {
			display: inline-block;
			float: left;
			line-height: 28px;
			margin: 0;
			width: 74px;
		}
		
		.box form input.input_login {
			background-color: #fff;
			border-style: inset;
			border-width: 1px;
			color: #000;
			display: inline-block;
			float: left;
			font-size: 12px;
			font-weight: normal;
			height: 18px;
			line-height: 18px;
			padding: 5px;
			padding: 4px;
			width: 156px;
		}
		
		.box form input.btn_signin {
			background-color: transparent;
			background-image: url(../images/btn_signin.png);
			background-position: 0 0;
			background-repeat: no-repeat;	
			border: 0;
			cursor: pointer;
			display: block;
			float: right;
			height: 40px;
			margin: 0;
			overflow: hidden;
			padding: 0;
			text-indent: -9999px;
			width: 94px;
         
         font-size: 0;
         line-height: 0;
		}
		.box form input.btn_signin:hover { background-position: 0 -40px; }
		.box form input.btn_signin:active { background-position: 0 -80px; }
		
		.box ul.categories {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
			ul.categories li {
				background-color: #8ac645;
				height: 20px;
				margin: 5px 0;
				padding: 0 0 0 20px;
			}
		
				ul.categories li a {
					background-color: #eff1f2;
					color: #404040;
					display: block;
					font-size: 12px;
					font-style: italic;
					height: 14px;
					line-height: 14px;
					margin: 0;
					padding: 3px;
					text-decoration: none;
				}
		
				ul.categories li a:hover{
					background-color: #53cff2;
					color: #fff;
				}
            
#main #policies {
   margin: 0;
}

   #policies li {
      color: #404040;
      font-size: 14px;
      line-height: 24px;
      margin: 15px 0;
   }
   
#main .category_list {
   float: left;
	width: 100%;
}

#footer {
	background-color: #8a6849;
	border-top: 3px solid #8e9699;
	padding: 20px 0;
	width: 100%;
}

	#footer ul {
		list-style-type: none;
		margin: 0 40px 0 0;
		padding: 0;
	}

	#footer ul li, #footer ul li a {
		color: #c7baae;
		font-size: 12px;
		font-style: italic;
		margin: 5px 0;
		text-decoration: none;
	}

		#footer ul li a:hover { text-decoration: underline; }
	
	#footer ul li.heading {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	#footer .copyright { color: #c7baae; float: left; font-size: 19px; line-height: 48px; }
	#footer .litewired { float: left; }
	#footer .litewired a {
		background-color: transparent;
		background-image: url(../images/litewired.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		cursor: pointer;
		display: block;
		float: left;
		height: 41px;
		margin: 0 20px 0 0;
		overflow: hidden;
		padding: 0;
		text-indent: -9999px;
		width: 117px;
	}
	#footer .litewired a:hover { background-position: 0 -41px; }
   
.page-numbers { text-align: center; width: 100%; font-size: 13px; }
.page-numbers .label { font-style: italic; color: #404040; margin-bottom: 10px; display: block; }

.notice {font-size:12px;color:#666;}