/*
-----------------------------------------------
Aphrodite Cooks screen style
author: Lift Communications
version: August 16, 2006
-----------------------------------------------
*/




body, html {margin:0; padding:0; border:0;} /* Re-sets IE to "zero" for these values */


body {
	margin: 0;
	padding: 0;
	background: #fff;
	font: 12px Verdana, Arial, sans-serif;
	color: #333;
}	



/* Page Structure
----------------------------------------------- */
#wallpaper {
	background: url(/images/verticalGradient.gif) repeat-x;
}

#wrapper {
	width: 760px;
	margin: 0;
	padding: 0;
}

#footer {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 60px;
	clear: both;
	background: url(/images/bg-footer.gif) no-repeat;
}

.credits {
    font: 9px Verdana, Arial, sans-serif;
    color: #666;
	text-align: center;
	padding: 14px 8px 0 0;
}


/* Header
----------------------------------------------- */
#header {
	width: 760px;
	margin: 0;
	padding: 0;
}

#header #banner {
	background: url(/images/banner.gif) center no-repeat;
	height:110px;
}

#header #banner #logo {
	height:89px;
	width:218px;
}

#header #banner #testimonial {
  position:absolute;
  left:250px;
  top:-10px;
	height:0;
	width:300px;
}

#header #banner #accounts {
  position:absolute;
  left:470px;
  top:40px;
	height:30px;
	width:300px;
}

#testimonial p {
  margin:0;
  padding:0;
  font-size:14px;
  font-family:Verdana;
  color:#fff;
  text-align:center;
}



/* Second Nav */

#accounts ul {
  display:inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#accounts li {
	margin: 0;
	text-indent:-1000px;
  float: left;
  display:inline;
}


#accounts li a {
	display: block;
	padding:0;
	margin:0;
	height:30px;
}

#accounts #cart {
	background: url(/images/nav_cart_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;	
}

#accounts #cart:hover {
	/*
	background: url(/images/CartOver.gif) center no-repeat;
	height:30px;
	*/	
	background-position: 0 -30px;	
}

#accounts #login {
	background: url(/images/nav_login_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;	
}

#accounts #login:hover {
	/*
	background: url(/images/LogInOver.gif) center no-repeat;
	height:30px;
	*/	
	background-position: 0 -30px;	
}

#accounts #logout {
	background: url(/images/nav_logout_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;		
}

#accounts #logout:hover {
	/*
	background: url(/images/LogOutOver.gif) center no-repeat;
	height:30px;
	*/	
	background-position: 0 -30px;	
}

#accounts #signup {
	background: url(/images/nav_signup_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;		
}

#accounts #signup:hover {
	/*
	background: url(/images/SignUpOver.gif) center no-repeat;
	height:30px;
	*/	
	background-position: 0 -30px;	
}


#accounts #editaccount {
	background: url(/images/nav_edit_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;		
}

#accounts #editaccount:hover {
  /*
	background: url(/images/EditOver.gif) center no-repeat;
	height:30px;
	*/	
	background-position: 0 -30px;
}


#management_2 {
    width: 400px; height: 200px;
    margin: 10px auto; padding: 0;
    position: relative;}
#management_2 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#management_2 li, #management_2 a {
    height: 200px; display: block;}

#panel1a {left: 0; width: 56px;}
#panel2a {left: 56px; width: 52px;}
#panel3a {left: 108px; width: 52px;}

#panel1b {left: 0; width: 56px;}
#panel2b {left: 56px; width: 52px;}
#panel3b {left: 108px; width: 52px;}


/* Footer
----------------------------------------------- */
#footer {
	margin: 0;
	padding: 0;
	width: 800px;
	height: auto;
	background: url(/images/site/TopBorder.gif) repeat-y;	
}


#footer #footer-content {
	margin: 0;
	padding: 0;
	width: 800px;
	height:40px;
	clear: both;
	background: url(/images/site/FooterGreenBar.gif) no-repeat;	
}

#footer #footer-footer {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 33px;
	clear: both;
	background: url(/images/site/TopFooter.gif) no-repeat;
}

#footer #footer-copy {
	display:inline;
	font-size:0.8em;
	color:#999;
	float:left;
	margin: 15px 0 0 305px;
	padding:0;
}

#footer p {
	margin-bottom: 4px;
}

#footer .contactCopy {
	font-size:11px;
}

/* Content
----------------------------------------------- */
#content {
	float: right;
	width: 610px;
	margin: 0;
	padding: 0;
}

#content #mainCopy {
	float: left;
	width: 370px;
	margin: 0;
	padding: 0;
}

#content #contentGraphic {
	padding: 0;
	float: left;
	background: url(/images/contentDots.gif) center no-repeat;
	width:60px;
	height:167px;
}

#content #upcomingClasses {
	padding: 0;
	float: left;
	width:180px;
}


/* Classes
----------------------------------------------- */
#content #classList {
	float:left;
	margin:20px 0 0 20px;
	width:475px;
}

#content #classListShrink {
	margin:0;
	width:400px;
}

#content #classTopContent {
	margin:0 0 0 10px;
	width:500px;
}

#content #classTopContent #classGraphic {
	float:left;
	width:178px;
}

#content #classTopContent #classCopy {
	padding:10px 0 0 0;
}

#content #classContentGraphic {
	padding: 0;
	margin:0 0 0 10px;
	float: left;
	background: url(/images/contentDots.gif) center no-repeat;
	width:60px;
	height:167px;
}

#content #classDetail {
	float:left;
	margin:20px 0 0 20px;
	width:475px;
}

#content #classDetailContentGraphic {
	padding: 0;
	margin:175px 0 0 10px;
	float: left;
	background: url(/images/contentDots.gif) center no-repeat;
	width:60px;
	height:167px;
}

#content #disclaimer {
	font-size:10px;
	color:#666;
	width:300px;
}


#content #classLocationContentGraphic {
	padding: 0;
	margin:175px 0 0 0;
	float: left;
	background: url(/images/contentDots.gif) center no-repeat;
	width:60px;
	height:167px;
}

#content #classLocationDetail {
	float:left;
	margin:20px 0 0 20px;
	width:475px;
}

/* About Us
----------------------------------------------- */

#content #aboutUsDetail {
	float:left;
	margin:20px 0 0 20px;
	padding:0;
	width:475px;
}

#content #aboutUsCopy {
	float:left;
	padding:0;
	width:400px;
}

#map {
	border:1px solid #999;
}

/* Front Page
----------------------------------------------- */



/* Catering
----------------------------------------------- */

#content #cateringTopContent {
	margin:0 0 0 10px;
	width:475px;
}


#content #cateringDetail {
	float:left;
	margin:20px 0 0 20px;
	padding:0;
	width:475px;
}

#content #cateringTopContent #cateringGraphic {
	float:left;
	width:178px;
}


#content #cateringTopContent #cateringCopy {
	padding:10px 0 0 0;
}

#content #cateringInfo {
	float:left;
	margin:20px 0 0 20px;
	width:475px;
}

#content #cateringInfoShrink{
	margin:0;
	width:400px;
}

#content #cateringContentGraphic {
	padding: 0;
	margin:0 0 0 10px;
	float: left;
	background: url(/images/contentDots.gif) center no-repeat;
	width:60px;
	height:167px;
}

/* Calendar
----------------------------------------------- */
#content #calendarDetail {
	float:left;
	margin:20px 10px 0 20px;
	padding:0;
	width:475px;
}

#contentCalendar {
	float: left;
	width: 500px;
	margin: 0;
	padding: 0;
}

.calendar {
	font-size:16px;
}
.calendar-prev {
	text-align:left;
	padding:0;
	margin:0;
	font-size:14px;
}

.calendar-next {
	text-align:right;
	padding:0;
	margin:0;
	font-size:14px;
}

.calendar td {
	padding:5px 10px 5px 10px;
	text-align:center;
}

.linked-day {
	background-color:#eee;
}

.calendar-month {
	font-size:18px;
	text-align:center;
}

/* Sidebar
----------------------------------------------- */
#sidebar {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0 0 0 0;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
}

#sidebar #topMenuDot {
	background: url(/images/menuDot.gif) center no-repeat;
	height:40px;
}


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

#sidebar li span {
  position: absolute;
  width:    0;
  height:   0;
  overflow: hidden;
}



#sidebar li {
	margin: 0;
	text-indent:-1000px;
}

#sidebar #home {
	background: url(/images/nav_home_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;	
}

#sidebar #home:hover {
	/*background: url(/images/Home2.gif) center no-repeat;
	height:30px;	
	*/	
	background-position: 0 -30px;

}

#sidebar #aboutus {
	background: url(/images/nav_about_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;		
}

#sidebar #aboutus:hover {
	background-position: 0 -30px;
}

#sidebar #aboutus-active {
	background: url(/images/nav_about_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 -30px;
}

#sidebar #classes {
	background: url(/images/nav_classes_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;	
}

#sidebar #classes:hover {	
	background-position: 0 -30px;	
}

#sidebar #classes-active {
	background: url(/images/nav_classes_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 -30px;
}

#sidebar #calendar {
	background: url(/images/nav_calendar_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;
}

#sidebar #calendar:hover {	
	background-position: 0 -30px;
}

#sidebar #calendar-active {
	background: url(/images/nav_calendar_combined.gif) center no-repeat;
	height:30px;	
	background-position: 0 -30px;
}

#sidebar #faq {
	background: url(/images/nav_faq_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;
}

#sidebar #faq:hover {	
	background-position: 0 -30px;
}

#sidebar #faq-active {
	background: url(/images/nav_faq_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 -30px;
}
#sidebar #press {
	background: url(/images/nav_press_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;
}

#sidebar #press:hover {
	background-position: 0 -30px;
}

#sidebar #press-active {
	background: url(/images/nav_press_combined.gif) center no-repeat;
	height:30px;	
	background-position: 0 -30px;
}

#sidebar #links {
	background: url(/images/nav_link_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;
}

#sidebar #links:hover {
	background-position: 0 -30px;
}

#sidebar #links-active {
	background: url(/images/nav_link_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 -30px;
}

#sidebar #photos {
	background: url(/images/nav_photo_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;
}

#sidebar #photos:hover {	
	background-position: 0 -30px;
}

#sidebar #photos-active {
	background: url(/images/nav_photo_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 -30px;
}

#sidebar #testimonial {
	background: url(/images/nav_test_combined.gif) center no-repeat;
	height:30px;
	background-position: 0 0;
}
#sidebar #testimonial:hover {
	background-position: 0 -30px;
}
#sidebar #testimonial-active {	
	background: url(/images/nav_test_combined.gif) center no-repeat;
	height:30px;  
	background-position: 0 -30px;
}

#sidebar #catering {
	background: url(/images/nav_catering_combined.gif) center no-repeat;
	height:40px;
	background-position: 0 0;
}

#sidebar #catering:hover {
	background-position: 0 -44px;
}

#sidebar #catering-active {
	background: url(/images/nav_catering_combined.gif) center no-repeat;
	height:40px;
	background-position: 0 -44px;	
}


#sidebar li a {
	display: block;
	padding:0;
	margin:0;
	height:30px;
}


/* Second Nav */
#sidebar #cart {
	background: url(/images/nav-cart-off.gif) center no-repeat;
	height:30px;
}

#sidebar #cart:hover {
	background: url(/images/nav-cart-on.gif) center no-repeat;
	height:30px;
}

#sidebar #login {
	background: url(/images/nav-log-in-off.gif) center no-repeat;
	height:30px;
}

#sidebar #login:hover {
	background: url(/images/nav-log-in-on.gif) center no-repeat;
	height:30px;
}

#sidebar #logout {
	background: url(/images/nav-log-out-off.gif) center no-repeat;
	height:30px;
}

#sidebar #logout:hover {
	background: url(/images/nav-log-out-on.gif) center no-repeat;
	height:30px;
}

#sidebar #signup {
	background: url(/images/nav-sign-up-off.gif) center no-repeat;
	height:30px;
}

#sidebar #signup:hover {
	background: url(/images/nav-sign-up-on.gif) center no-repeat;
	height:30px;
}


#sidebar #editaccount {
	background: url(/images/nav-edit-account-off.gif) center no-repeat;
	height:30px;
}

#sidebar #editaccount:hover {
	background: url(/images/nav-edit-account-on.gif) center no-repeat;
	height:30px;
}



.sidebarimage {
	margin: 0;
	padding: 20px 40px 0 0;
}


#preloadDefaultImages { 
width: 0px; 
height: 0px; 
display: inline; 
background-image: url(/images/nav-about-us-on.gif); 
background-image: url(/images/nav-cooking-classes-on.gif); 
background-image: url(/images/nav-calendar-on.gif); 
background-image: url(/images/nav-catering-events-on.gif); 
} 




/* Table Border
----------------------------------------------- */

  table.shadow { 
    align: center;
  }

  td.shadow-top { 
    height: 8px;  
    background-image: url(/AphroditeCooks.com/images/table_top.gif)
  }

  td.shadow-topRight { 
    width: 12px;
    height: 8px;
    background-image: url(/AphroditeCooks.com/images/table_top_right.gif)
  }

  td.shadow-right { 
    width: 12px; 
    background-image: url(/AphroditeCooks.com/images/table_right.gif)
  }

  td.shadow-bottomRight { 
    width: 12px; 
    height: 8px; 
    background-image: url(/AphroditeCooks.com/images/table_bottom_right.gif)
  } 

  td.shadow-bottom { 
    height: 8px;
    background-image: url(/AphroditeCooks.com/images/table_bottom.gif)
  }

  td.shadow-bottomLeft { 
    width: 8px;
    height: 8px;
    background-image: url(/AphroditeCooks.com/images/table_bottom_left.gif)
  } 

  td.shadow-left { 
    width: 8px;
    background-image: url(/AphroditeCooks.com/images/table_left.gif)
  }

  td.shadow-topLeft { 
    width: 8px; 
    height: 8px; 
    background-image: url(/AphroditeCooks.com/images/table_top_left.gif)
  }      

  td.shadow-center { 
    background-color:#fff; 
  }




/* Links
----------------------------------------------- */
a, a:link, a:visited { 
	color: #d61920;
	text-decoration: underline;
}

a:active { 
	color: #003366;
	text-decoration: underline;
}

a:hover { 
	color: #7A0000;
	text-decoration: underline;
}

.menu a {
	border-bottom: 1px solid #990000;
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
	background-color: #ffffff;
	text-align: left;
	font-size: 10px;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-weight: bold;
	color: #2E3127;
	display: block;
	padding: 5px 5px 5px 23px;
	text-decoration: none;
}

.menu a:hover {
	background-color: #7A0000;
	text-decoration: none;
	color: #fff;
}
	


/* Typography
----------------------------------------------- */
h1 {
 	display: none;
}

h2	{
	margin-top: 0px;
	margin-bottom: 10px;
	font: 26px Verdana, Arial, sans-serif;
	color: #d71920;
}

h2.pageTitle	{
	margin-top: 0px;
	margin-bottom: 10px;
	font: 26px Verdana, Arial, sans-serif;
	color: #666;
}

h2.pageTitleSmall	{
	margin-top: 0px;
	margin-bottom: 10px;
	font: 20px Verdana, Arial, sans-serif;
	color: #666;
}

h2.classTitle	{
	margin:0;
	font: 20px Verdana, Arial, sans-serif;
	color: #666;
}

h2.classTitleSmall	{
	margin:0;
	font: 14px Verdana, Arial, sans-serif;
	color: #666;
}

h3 {
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0;
	font: 20px Verdana, Arial, sans-serif;
	color: #666666;
}

h3.classLocation {
	margin: 0;
	padding: 0;
	font: 16px Verdana, Arial, sans-serif;
	color: #d71920;
}

h3.classSubTitle {
	margin: 0;
	padding: 0;
	font: 15px Verdana, Arial, sans-serif;
	color: #666;
}

h3.frontClass {
	margin: 0;
	padding: 0;
	font: 12px Verdana, Arial, sans-serif;
	color: #666;
}

h3.frontDate {
	margin: 0;
	padding: 0;
	font: 12px Verdana, Arial, sans-serif;
	color: #d71920;
}


h3.generalSubTitle {
	margin: 0;
	padding: 0;
	font: 14px Verdana, Arial, sans-serif;
	color: #666;
}

h4 {
	margin-top: 0px;
	margin-bottom: 12px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}

h4.newsdate {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #990000;
}

p {
	margin-top: 0 0 5px 0;
}

p.mainCopy {
	font-size:14px;
	color:#666;
}

p.credit {
	font-size: 10px;
}

p.btt {
	text-align: right;
	margin-bottom: 32px;
}


.quote {
	font: italic 12px georgia, serif;
	color: #666;
	margin: 0;
	padding: 0 20px 6px 0;
}

p.quoteby {
	margin: 0;
	padding: 0 20px 30px 0;
	font-family: "Arial Narrow", Arial, sans-serif;
	text-align: right;
	font-size: 11px;
	color: #990000;
}

p.quotebyindent {
	margin: 0;
	padding: 0 200px 30px 0;
	font-family: "Arial Narrow", Arial, sans-serif;
	text-align: right;
	font-size: 11px;
	color: #990000;
}


#testimonial {
	padding: 30px 40px 0 24px;
	font-family: georgia, serif;
	font-size: 11px;
	color: #666;
}

#testimonialby {
	padding: 0 60px 0 0;
	font-family: "Arial Narrow", Arial, sans-serif;
	text-align: right;
	font-size: 11px;
	color: #990000;
}

.testimonials {
	margin: 0;
	padding: 12px 0 0 0;
	font: italic 12px georgia, serif;
}

.testimonialsby {
	margin: 0;
	padding: 12px 40px 24px 0;
	font-family: "Arial Narrow", Arial, sans-serif;
	text-align: right;
	font-size: 11px;
	color: #990000;
}

.homepagenewsitem {
	margin: 0px 40px 30px 20px;
	padding: 0;
	font: 12px Verdana, Arial, sans-serif;
	text-align: right;
}

.dottedrule {
	margin-bottom: 15px;
	padding: 0;
	border-bottom: 1px dotted #C8CDD0;
}


.errormsg {
	font: 12px Verdana, Arial, sans-serif;
	color: #CC0000;
}

.overview {
	margin: 20px 40px 0 24px;
	padding: 0;
}

.overviewbox {
	background: #fbfcfa;
	margin: 0;
	padding: 15px;
	font: 12px "Lucida Grande", Arial, sans-serif;
	border: 1px solid #EDF0E6;
}

.fileicon {
	float: left;
	margin: 0 8px 8px 0;
 }



/* Images
----------------------------------------------- */
img {
	display: block;
	border: 0;
}

.inline {
	display: inline;
	border: 0;
}

.inlinemid {
	display: inline;
	vertical-align: middle;
	margin-right: 50px;
	border: 0;
}

.sidebarphoto {
	padding-right: 40px;
}

img.photo {
	padding: 3px;
	border: 1px solid #C8CDD0;
}

.imgfloatleft {
	float: left;
	margin: 0 8px 8px 0;
 }

.imgfloatright {
	float: right;
	margin: 0 0 10px 10px;
 }

.imgfloatrightnoborder {
	float: right;
	margin: 0 0 10px 10px;
 }

.productfloatright {
	float: right;
	margin: 0 0 0 15px;
 }

img.imgfloatleft, img.imgfloatright, img.sidebarthumbs {
	padding: 3px;
	border: 1px solid #B7C49C;
}

.caption {
	font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 11px;
	color: #333;
	font-weight: bold;
}

.imagecontainer {
	width: 310px;
	margin:0;
	padding:0;
 }
 
 .clearboth { clear: both; }