/* CSS Document */


body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:10px;
	position:relative;
	background:url(/images/background.jpg) top left repeat #4a9540;
	color:#333333;
}
h2{
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#5e2750;
	font-size:22px;
}
form{
	margin:0px;
	padding:0px;
}
input.input, textarea.input{
	padding:2px 5px;
	margin:0px;
	border:1px solid #5e2750;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
a:link, a:active, a:visited{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#000000;
}

#page{
	position:relative;
	margin:30px auto 20px;
	width:900px;
	height:575px;
}

#container{
	background:url(/images/contentBack3.jpg) center bottom no-repeat #FFFFFF;
	position:absolute;
	top:0px;
	left:0px;
	width:888px;
	height:568px;
	margin-top:2px;
	border:6px solid #491a3e;
}

#header{
	position:absolute;
	top:0px;
	left:0px;
	height:102px;
	width:902px;
	z-index:900;
	color:#FFFFFF;
}
#headerCap{
	position:absolute;
	top:0px;
	height:1px;
	left:0px;
	width:902px;
	z-index:1000;
}

#footer{
	position:absolute;
	top:592px;
	left:0px;
	width:900px;
	height:70px;
	color:#FFFFFF;
}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover, #header a:link, #header a:active, #header a:visited, #header a:hover{
	color:#FFFFFF;
}


#contentBody{
	top:38px;
	left:0px;
	height:515px;
	width:888px;
	position:absolute;
	overflow:hidden;
	display:none;
}
#sideContent{
	position:absolute;
	left:-200px; 
	bottom:0px;
	width:190px;
	height:452px;
	background:url(/images/dropBack.png) top left repeat;
}
#mainContent{
	bottom:0px;
	height:520px;
	width:774px;
	position:absolute;
	left:58px;
	overflow:hidden;
}
#mainContentBack{
	bottom:0px;
	height:520px;
	width:774px;
	position:absolute;
	left:58px;
	overflow:hidden;
	background:url(/images/mainBack.png) left bottom no-repeat;
}
#mainContent div.top, #sideContent div.top{
	height:55px;
	width:764px;
	position:relative;
	padding:5px;
	overflow:auto;
}
#mainContent div.repeat, #sideContent div.repeat{
	height:438px;
	width:774px;
	position:relative;
	overflow:hidden;
}
#mainContent div.scroll, #sideContent div.scroll{
	height:438px;
	width:745px;
	position:relative;
	padding:0px 10px;
	margin-left:3px;
	overflow:auto;
}
#mainContent div.bottom, #sideContent div.bottom{
	height:17px;
	width:774px;
	position:relative;
	padding:0px;
	overflow:auto;
}

a{
	text-decoration:none;
}

/* MINI NAV */

#miniNav{
	position:absolute;
	top:-18px;
	right:5px;
	text-align:right;
	font-size:11px;
	z-index:2011;
	width:695px;
}
#alertDiv{
	position:absolute;
	top:-35px;
	left:5px;
	text-align:left;
	font-size:16px;
	z-index:2011;
	width:325px;
	color:#FFFF66;
}
#alertDiv1{
	float:left;
	top:-35px;
	left:5px;
	text-align:left;
	font-size:16px;
	z-index:2011;
	width:325px;
	color:#FFFF66;
}



/* TOP NAV */

#topNavDiv{
	z-index:101;
	position:absolute;
	right:15px;
	top:27px;
	height:67px;
	width:565px;
	padding-top:10px;
	padding-right:5px;
	text-align:right;
}
#topNavDivBack{
	z-index:100;
	position:absolute;
	right:15px;
	top:27px;
	height:67px;
	width:565px;
	padding-top:10px;
	padding-right:5px;
	text-align:right;
	background:url(/images/menuDrop.png) top left no-repeat;
}
#topNav{
	list-style:none;
	z-index:100;
	padding:0px 5px;
	text-align:left;
	margin:0;
	color:#FFFFFF;
	height:12px;
	position:absolute;
	bottom:22px;
	left:67px;
}
#topNav a:link, #topNav a:visited, #topNav a:active, #topNav a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
#topNav .navItem{
	display:inline;
	position:relative;
	padding:0;
	margin:3px 6px;
	cursor:default;
	z-index:101;
	width:195px;
	height:14px;
	font-size:12px;
}

#topNav .navItem .subNav{
	position:absolute;
	top:12px;
	left:-5px;
	margin:0px;
	display:none;
	padding-left:5px;
	padding-top:5px;
	font-size:11px;
	z-index:102;
	text-align:left;
}
#topNav .navItem .subNav .SubnavItem{
	display:block;
	margin:0px;
	width:105px;
	padding:3px 8px;
	z-index:103;
	font-size:12px;
	background-color:#8d507e;
	border-left:5px solid #5e2750;
}


/*  DEPARTMENTS  */

#slideShow{
	position:relative;
	width:600px;
	height:430px;
	float:right;
	border:3px solid transparent;
}
#loadSlide{
	position:absolute;
	top:0px;
	left:0px;
	width:600px;
	height:430px;
	z-index:20;
	background-color:#FFFFFF;
}
.deptSlide{
	position:absolute;
	top:0px;
	left:0px;
	width:600px;
	height:430px;
	display:none;
	z-index:2;
}
.deptSlide #name{
	padding:10px 10px 5px;
	font-size:26px;
	font-weight:900;
	margin:0px;
	margin-right:198px;
}
.deptSlide #tagline{
	position:relative;
	font-size:16px;
	font-weight:900;
	color:#666666;
	padding:0px 10px;
	margin:0px;
	margin-right:198px;
}
.deptSlide #description{
	position:relative;
	line-height:150%;
	padding:5px 10px;
	margin:0px;
	height:auto;
	color:#000000;
}
.deptSlide #description span{
	background-color:#FFFFFF;

}
#deptNav{
	position:absolute;
	left:5px;
	top:4px;
	width:160px;
	height:428px;
	z-index:6;
	display:none;
	overflow:hidden;
}
#deptNav #thumbContainer{
	position:relative;
	top:0px;
	left:0px;
	margin:0px;	
	padding:0px;

}
#deptNav li{
	padding:0px;
	margin:0px;
}
#deptNav #thumbContainer img{
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	cursor:pointer;
	width:120px;
	height:80px;
}


/*    CALENDAR    */

.calTable{
	color:#333333;
	font-size:14px;
}
.calTable th{
	font-weight:100;
	font-size:14px;
}

.miniSideBox{
	position:relative;
	width:26px;
	height:27px;
	float:left;
	margin-right:8px;
	background:url(/images/calendar/miniDateBox.gif) left top no-repeat transparent;
}
.miniSideBoxMine{
	position:relative;
	width:26px;
	height:27px;
	float:left;
	margin-right:8px;
	background:url(/images/calendar/miniDateBoxMine.gif) left top no-repeat transparent;
}
.miniSideBox .day, .miniSideBoxMine .day{
	position:absolute;
	top:0px;
	left:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:9px;
	text-align:center;	
	width:26px;
	height:9px;
	padding-bottom:1px;
	padding-top:1px;
	margin:0;
	text-transform:lowercase;
}
.miniSideBox .date, .miniSideBoxMine .date{
	position:absolute;
	top:12px;
	left:0px;
	color:#333333;
	font-size:12px;
	text-align:center;
	padding:0px;
	width:26px;
	height:10px;
}

.dateBox{
	padding:3px 5px;
	font-size:14px;
	cursor:default;
}
.dateBox.event{
	color:#398b41;
}
.dateBox.day{
	color:#666666;
}
.dateBox.today{
	color:#FFFFFF;
	background-color:#398b41;
}
.dateBox .add{
	cursor:pointer;
}
.dateBox .add:hover{
	text-decoration:underline;
}

.dateBox .info{
	display:none;
	z-index:80;
	position:absolute; 
	top:12px; 
	left:10px;	
	width:150px;
	font-size:11px;
	color:#333333;
	border:1px solid #398b41;
	background-color:#54924d;
}
.dateBox:hover .info{
	display:block;
}
.dateBox .info ul{
	padding:0px 0px 0px 20px;
	margin:0;
}
.dateBox .info li{
	padding-left:-20px;
	padding-bottom:3px;
}
.dateBox .infoDate{
	color:#333333; 
	padding:2px;
	padding-right:16px;
	font-style:italic;
	font-size:12px;
	font-weight:900;
	height:13px;
	background: url(/images/eventArrow.gif) right top no-repeat transparent;
}

.smallish{
	font-size:8px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}
.sideEvent + .sideEvent{
	border-top:1px solid #AAAAAA;

}
.sideEvent{
	position:relative;
	padding:3px 4px;
	font-size:12px;
	margin:0px 8px;
	width:150px;
	height:auto;	
}
.sideEvent:hover{
}
.sideEvent .time{
	color:#666666;
	font-size:11px;
	cursor:pointer;
	letter-spacing:150%;
}
.sideEvent .title{
	color:#333333;
	font-size:13px;
	letter-spacing:150%;
	cursor:pointer;
	padding-top:2px;
}
.sideEvent:hover .time, .sideEvent:hover .title{
}
#EventForm{
	position:absolute;
	top:95px;
	left:10px;
	width:auto;
	height:410px;
	background:url(/images/calendar/addBack.gif) left top repeat-x #dddbd5;
	color:#333333;
	border:1px solid #AAAAAA;
	padding:5px;
	z-index:100;
	display:none;	
}
#EventFormText{
	position:relative;
	margin:5px;
	padding:5px;
	width:510px;
	height:auto;
	z-index:100;
}
.sideEventBlurb{
	position:absolute;
	top:-135px;
	left:135px;
	width:315px;
	height:208px;
	background: url(/images/popupMedium.png) top left no-repeat;
	padding:5px;
	z-index:30;
	display:none;
}
.monthEvents{
	position:relative;
	color:#333333;
	padding:10px 0px;
	width:465px;
	text-align:justify;
	border-bottom:1px dotted #666666;
}
.monthEvents .time{
	font-size:12px;
	color:#666666;
}
.monthEvents .title{
	font-size:14px;
	font-weight:900;
	color:#3c1d34;
}
.monthEvents .descr{
	padding-bottom:3px;
	margin:6px 0px 6px 0px; 
	color:#333333;
	font-size:12px;
	text-align:justify;
}



/* RECIPES */

.rec_nav_top{
	color:#5e2750;
}
#recSubNav .class1, #recSubNav .class2{
	padding:4px 8px 5px 8px;
	width:160px;

}
#recSubNav .class1{
}
#recSubNav .class2{
}

.deptTitle{
	font-size:18px;
}
.deptTitlePurp{
	font-size:18px;
	color:#111111;
}

.recResult{
	font-size:12px;
	padding:3px 0px;
	border-top:1px dotted #AAAAAA;
	cursor:pointer;
	color:#333333;
}
.recResult:nth-child(odd){
}
.recResult:hover{
	background-color:#FFFFCC;
}
.recResult:last-child{
	border-bottom:1px dotted #AAAAAA;
}
.recResult .title{
	font-weight:900;
	width:auto;
}
.recResult .servings{
	float:right;
	width:auto;
	text-align:right;
}
.recResult2{
	font-size:11px;
	padding:3px 0px;
	border-top:1px dotted #AAAAAA;
	cursor:pointer;
	clear:both;
}
.recResult2 .servings{
	float:right;
	width:115px;
	text-align:right;
}
.recResult2 .title{
	text-align:left;
	width:auto;
	margin-right:115px;
}
.recResult2:hover{
	background-color:#FFFFCC;
}
.recResult3{
	font-size:11px;
	padding:7px;
	border-top:1px dotted #AAAAAA;
	cursor:pointer;
	clear:both;
}
.recResult3 .servings{
	float:right;
	width:115px;
	text-align:right;
}
.recResult3 .title{
	text-align:left;
	width:auto;
	margin-right:115px;
}
.recResult3:nth-child(even){
	background-color:#f3f3f3;
}
.recResult3:hover{
	background-color:#dddddd;
}




/*  ADS AND SPECIALS   */

div#turner {
margin:0px auto;
width:590px;
height:375px;
top:0px;
position:relative;
background: #FFFFFF; /* this graphic gives us the book edges and the shadows around the edges */
border:1px solid #398b41;
}

#turner #prev, #turner #next{
	width:21px;
	height:83px;
	position:absolute;
	top:140px;
	cursor:pointer;
}
#turner #prev{
	left:-22px;
}
#turner #next{
	right:-22px;
}

#leftpage, #rightpage {
float:left;
position:relative;
overflow:hidden;
width:290px;
height:375px;
left:0px; 
cursor:crosshair;
text-align:center;
}
#rightpage{
	margin-left:10px;
}
#curll{
	position:absolute; 
	bottom:-5px; 
	left:-5px;
	width:150px;
	height:150px;
	background:url(/specials/eldens/corner.png) bottom right no-repeat;
	display:none;
	z-index:2000;
}
#curlr{
	position:absolute; 
	right:-5px; 
	bottom:-5px;
	width:150px;
	height:150px;
	background:url(/specials/eldens/corner1.png) bottom right no-repeat;
	display:none;
	z-index:2000;
}
.loading{
	position:absolute;
	top:0px;
	left:0px;
}
.leftPages, .rightPages{
	position:absolute;
	top:0px;
	left:0px;
	display:none
}
.leftPages img, .rightPages img{
	margin-bottom:2px;
}
.leftPages a, .rightPages a, .allPdf a{
	padding:1px 6px;
	color:#FFFFFF;
	background-color:#398b41;
}
div#flip {
background:url(/specials/eldens/3d.png) top center;
height:388px;
width:221px;
position:absolute;
left:190px;
top:-7px;
z-index:99;
margin-bottom:0;
padding-bottom:0;
display:none;
}
#js {
font-family:"Courier New", Courier, monospace;
font-size:small;
padding:2em;
clear:both
}
#js strong{
color:#003399
}
#js em{
color:#aaa
}
#js p.sc{
color:#c00;
font-weight:700;
margin:0;
padding:0
}
#js .function{
color:#090;
font-weight:700;
}
#js .css{
color:#900;
font-weight:700;
}



#countdown{
	position:absolute;
	right:0px;
	top:0px;
	width:120px;
	height:70px;
	z-index:2000;
	background:url(/images/countdownTicker1.png) top left no-repeat transparent;
	cursor:pointer;
}
#countdown #days1{
	color:#000000;
	position:absolute;
	left:20px;
	top:6px;
	width:45px;
	height:45px;
	text-align:center;
	z-index:2001;
}
#countdown #days1 #time{
	font-size:28px;
	line-height:24px;
}
#countdown #days1 #label{
	font-size:11px;
	font-weight:900;
}