@import url(reset.css);

body {
	background: url(../images/bground_home.gif);
	padding: 0px;
	margin: 0px;
}

p {
	padding: 0px;
	margin: 0px;
}

#container {
	width: 900px;
	height: auto;
	background-color: white;
	margin: 0px auto;
	padding-bottom: 50px;
	text-align: left;
}

#header {
	width: 900px;
	height: 168px;
}

#content {
	width: 900px;
	height: 710px;
	margin-top: 20px;
}

/*Main Nav*/
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
		/*new style for header*/
		
		#header {
		margin-left: 55px;
		padding-top: 50px;
		}
		
		#nav {
		padding:0; 
		margin-top: -140px;
		margin-left:280px; 
		list-style:none; 
		height:50px; 
		position: absolute; 
		z-index:200; 
		font-family:arial, verdana, sans-serif; 
		}
		
		#nav li.top {
		display:block; 
		float:left;
		}
		

		#nav li a {
		display:block; 
		height:103px; 
		width:75px;
		margin-right: 35px;
		border:none; 
		text-decoration:none; 
		padding:0; 
		cursor:pointer;
		}
		
		#nav li a b {

		}

		#nav li a.home {
			background:url(../images/home_btn.gif);
			background-repeat: none;
			}
		#nav li a.abt {
			background:url(../images/about_btn.gif);				
			background-repeat: none;
			}
		#nav li a.classes {
			background:url(../images/classes_btn.gif);
			background-repeat: none;
			}
		#nav li a.recipes {
			background:url(../images/recipes_btn.gif);
			background-repeat: none;
			}
		#nav li a.book {
			background:url(../images/book_btn.gif);
			background-repeat: none;
			}
		
		#nav li a.home: hover {
			background-repeat: none; padding-bottom: 5px; border-bottom-style: double; border-color: black; border-width: 2px;		
		}
		

		#nav li:hover a,
		#nav a:hover
		{background-position: 0 103px;}
		
		
		#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}
		
		#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
		
		#nav li:hover {position:relative; z-index:200; height: 150px;}
		
		#nav li a:hover {position:relative; z-index:200;}
		
		#nav a:hover {position:relative; white-space:normal; z-index:200;}
		
		#nav :hover ul.sub {
		left:-40px; 
		top:105px; 
		background: none; 
		width:150px; 
		height:auto; 
		z-index:300;
		}
		
		#nav :hover ul.sub li {
		display:block; 
		position:relative; 
		float:left;
		height:17px; 
		width:150px; 
		text-align: center; 
		font-family: Georgia;
		font-size: 12px;
		font-style:italic;
		line-height: 14px;
		}
		
		#nav :hover ul.sub li a {
		display:block; 
		height:15px; 
		width:150px;
		padding-top: 5px;
		padding-bottom: 5px; 
		color: #990066;
		text-decoration: none; 
		cursor:pointer;
		}
				
		#nav :hover ul li a.abtIME {
		}
		
		#nav :hover ul.sub li a:hover {
		background-position: 0 0px; 
		position:relative;
		font-weight: bold;

		}
		
		/*end new style*/

.tophead{
	margin-left: 55px;
	margin-right: 55px;
	margin-bottom: 40px;
	padding: 7px;
	text-align: center;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	color: #990066;
	border-width: 1.5px;
	border-style: dashed;
	border-color: #990066;
}


/*Column One Layout*/

.col-one{
	width:290px;
	float: right;
	margin-right: 55px;
}

.col-one h2, .coltwo h2, .colthree h2{
	font-family: Georgia;
	font-size: 20px;
	font-weight: bold;
	color: #990066;
	margin-bottom: 10px;
}

.col-one p, .colthree p{
	padding: 14px;
	font-family: Georgia;
	font-size: 14px;
	line-height: 22px;
	color: #003366;
	border-width: 1.5px;
	border-style: dashed;
	border-color: #cccccc;
}

.col-one img, .coltwo img, .colthree img{
	margin-bottom: -4px; 
	margin-right: 10px;
}

.col-one a{
	text-decoration: none; 
	color: #990066; 
	font-style: italic
}

.col-one a:hover{
	text-decoration: underline;
	font-weight: bold; 

}

/*Column Two*/
.coltwo {
	position: absolute;
	float: left;
	width: 210px;
	margin-left: 55px;
	margin-top: 386px;
}

.coltwo blockquote{
	font-family: Georgia;
	font-size: 15px;
	line-height: 26px;
	font-style: italic;
	color: #003366;
}

.coltwo h4, .colthree h4, .col-one h4 {
	font-family: Georgia;
	font-size: 17px;
	font-weight: bold;
	color: #990066;
	margin-bottom: 10px;
}

.coltwo p img{
	margin-left: 0;
	margin-top: 10px;
}

/*Column Three Image*/
.colthree{
	position: absolute;
	float:left;
	width: 215px;	
	margin-left: 296px;
	margin-top: 386px;
}


/*FEATURES SLIDER*/

#recent-container {
	width: 460px;
	height: 346px;
	background: url(../images/slide_bground.jpg);
	overflow:hidden;
	margin-left: 55px;
	margin-top: -14px;
	display:block;
	float:left;
}

.item {
	width: 460px;
	height: 346px;
	margin-left: 2px;
	overflow: hidden;
	float: left;
}

.item p{
	float: left;
	margin-left: 0px;
	margin-top: 206px;
	width: 195px;
	font-family: Georgia;
	font-size: 15px;
	line-height: 18px;
	color: #990066;
	background-color: white;
	padding:7px;
}

.item h3 {
	font-family: Georgia;
	font-size: 20px;
	color: #990066;
}

.item .img {
	float:left;
	width:460px;
	display:block;
}

.item .img a{
	margin-top: 42px;
	height:12px;
	display:block;
}

.item .desc {
	float: left;
	width: 400px;
	margin-left:10px;
	display: block;
}
.thumbs h3, 
.item .desc h3 {
	padding:0;
	margin:-39px 0 15px 0;
}
.thumbs h3 a,
.item .desc h3 a{
	color: red;
	text-decoration:none;
	padding:0px 3px;
	margin-left:-3px;
	display:inline-block;
	color: #990066;

}
.thumbs h3 a {
	margin-top:10px;
}
.thumbs h3 a:hover,
.item .desc h3 a:hover{
	color: #003366;
	text-decoration:none;
}
.thumbs h3 a span,
.item .desc h3 a span{
	background: url(../images/arrow.gif) right no-repeat;
	padding-right:12px;
}

.item .desc img{
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: -4px;
}

.leftScroll {
	float:left;
	display:block;
	margin-top: -180px;
	margin-left: 35px;
	width:21px;
	height:41px;
	background: url(../images/prev.gif) top left no-repeat;
}
.rightScroll {
	float:left;
	display:block;
	margin-top: -182px;
	margin-left: 516px;
	width:22px;
	height:42px;
	text-align:right;
	background: url(../images/next.gif) top right no-repeat;
}
.leftScroll span, 
.rightScroll span {
	display:none;
}
.leftScroll, 
.rightScroll {
	cursor:pointer;
}

/*END FEATURE SLIDER*/