@charset "UTF-8";
/* Hartleys styles */

/*
Colours:
Dark-brown (average colour used in wallpaper): rgb(36,10,0)
Mid-brown: rgb(96,56,19)
Caramel (average colour used in wallpaper): rgb(159,130,83)
Cream: rgb(215,181,114)
*/

body { font-family:"Lucida Grande", "Trebuchet MS", Arial, sans-serif; font-size:65.5%; background-image:url(images/bkg_wallpaper.gif); background-repeat:repeat; margin:0; padding:0; }
body.school { background-image:url(images/bkg_wallpaper_caramel.gif); }

ul { padding-left:1.5em; margin-left:0; margin:0 0 15px 0; font-size:1em; line-height:1.4em; color:rgb(96,56,19); text-align:justify; }
li {margin:0 0 5px 0;}

p { margin:0 0 10px 0; font-size:1em; line-height:1.4em; color:rgb(96,56,19); text-align:justify; }
label { color:rgb(96,56,19); }

h3 { font-weight:bold; font-size:1.5em; color:rgb(215,181,114); margin:0 0 20px 0; }
h4 { font-weight:bold; font-size:1.1em; color:rgb(215,181,114); margin:15px 0 10px 0; }
h5 { font-weight:normal; font-size:1em; line-height:1.4em; color:white; }
a { color:rgb(215,181,114); text-decoration:none; }
a:hover { text-decoration:underline; }
.float_left { float:left; }
.float_right { float:right; }
.brown_italic { font-style: oblique; color: rgb(96,56,19); }
.brown { color:rgb(96,56,19); }
.cream { color:rgb(215,181,114); margin:0px 0px 0px 0px; }
.quote { color:rgb(215,181,114); font-size:0.9em; margin: 0 0 10px 0; }
.white { color: white; margin: 0; }

#container {}

#logo { position:absolute; top:38px; left:38px; }

#menu_column { width:252px; }
#menu_swoosh { position:absolute; top:114px; left:0; }

#menu_button { position:absolute; top:560px; left:37px; }
#menu_contact { position:absolute; top:610px; left:0; text-align:center; width:252px; }
#menu_contact h3 { font-weight:normal; margin: 0 0 10px 0; }
#menu_email_link { font-weight:normal; margin-top:0; }


#menu_button_patisserie { position:absolute; top:230px; left:37px; }
#menu_contact_patisserie { position:absolute; top:285px; left:0; text-align:center; width:252px; }
#menu_contact_patisserie h3 { font-weight:normal; margin: 0 0 10px 0; }


#nav { list-style-type: none; margin:0; padding:0; margin:200px 0 0 38px; text-align: left; }
#nav li { float:left; display:block; width:155px; padding:2px 5px 5px 15px; margin: 0 0 5px 0; text-transform: uppercase; color: rgb(215,181,114); border-bottom: rgb(215,181,114) 1px solid; position:relative; z-index:21; }
#nav li a { display:block; width:auto; color: white;}
#nav li ul { display: none; margin:0; padding:0; z-index:10; top:0; width:auto; left:-999em; position: absolute; background-color: rgb(36,10,0); text-align: left;}
#nav li ul li { padding:0; border-bottom-width: 0px; margin: 0px; }
#nav li ul li a { padding:5px 10px 5px 10px; width:auto; display: block; margin: 0px; background-color: rgb(36,10,0);}
#nav li ul li.selected {padding:5px 10px 5px 10px; display: block; margin: 0px; background-color: rgb(36,10,0);}
#nav li ul li a:hover {background-color: rgb(215,181,114); text-decoration: none;}
#nav li:hover ul , #nav li.sfhover ul {display: block; left:175px;}

#main { background-color:white; background-image:url(images/pic_swoosh-whitebkg.jpg); background-repeat:no-repeat; background-position:0 47px; width:526px; padding:0 0 0 0; position:absolute; left:252px; top:0; z-index:20; }

#text {	padding:132px 60px 0 60px; margin:0 0 30px 0;}
#page_home.school #text { position:relative; z-index:20; }

#page_italian_cooking.heading_2 {margin:10px 0 10px 0; }
.heading { margin:0 0 15px 0; }
.box_link { margin:0px 0 0 0; }

#text #pictures { margin-top:20px; margin-left:0px; width:100%; }
#page_home.events #pictures, #page_chocolatiers_apprentice.events #pictures, #page_chocolate_experience.events #pictures, #page_chocolate_tasting.events #pictures, #page_chocolate_wine_tasting.events #pictures, #page_generation_game.events #pictures, #page_fawlty_chocolate_towers.events #pictures, #page_italian_cooking.events #pictures { margin-bottom:20px; }
#pictures img { display:inline; }
#pictures img.left_image { margin-right:40px; }
#pictures img.right_image { margin-left:0; }

#page_home.school #pictures { position:absolute; top:145px; left:0px; z-index:10; margin:0px;}

#page_home.school #pictures img { margin:0; display:block; }

#team_table {margin: 40px 0px 20px 0px;}
td.table_pic { margin:40px 0px 10px 0px;} 
.table_text { font-size:1em; line-height:1.4em; color:rgb(96,56,19); font-weight: bold; padding-top: 15px; }

/* Patisserie home */

#homeText {	width:220px; padding-left:60px; float:left; padding-top:132px; }
#homeImage { width:216px; padding-right:30px; float:right; padding-top:132px; }


/* Booking form */

#booking_form td { vertical-align:middle; }
#booking_form .gap { padding-top:20px; }

#homepage_boxes { margin:20px 0 0 0; padding:0px 0px 0 0px; }
.brown_box { background-color:rgb(96,56,19); padding:15px; margin:0 0 20px 0; }
.brown_box p { color:white; }

.brown_box_testimonials { background-color:rgb(96,56,19); padding:15px; margin:0 60px 20px 60px; }
#page_testimonials .brown_box_testimonials { background-color:rgb(96,56,19); padding:15px; margin:0 0px 20px 0px; }

.brown_box_contact { background-color:rgb(96,56,19); padding:15px; margin:40px 0 20px 0; }
.brown_box_contact p { color:white; }

.beige_box_news {background-color:rgb(215,181,114); padding:15px; margin:0 60px 20px 60px; }
.beige_box_news p {}
.beige_box_news a { color:rgb(96,56,19); text-decoration:none; }
.beige_box_news a:hover { text-decoration:underline; }
.brown_box_news {background-color:rgb(96,56,19); padding:15px; margin:0 60px 20px 60px; }
.news_headline {border-bottom:1px solid rgb(96,56,19); padding: 10px 0 5px 0;}
.news_headline p { margin:0 0 0 40px; color:rgb(96,56,19);}
.news_headline_pic { float:left; }
.box_link_news { margin:10px 0 0 0; }

table.gallery {margin:0 0 0 0; }
td.gallery_thumbs {padding: 0 8px 8px 0px;}
.caption {font-size:0.9em; padding:10px 0 0 0;}

.banner {margin: 10px 0 0px 60px; }

.news-article {border-bottom:1px solid rgb(36,10,0); margin-bottom:0px; padding: 15px 0 0px 0; width:407px;}
.news_thumbnail {float:right; padding:5px 0 5px 5px; width:120px; margin: 0 0 0 15px; }
.news_thumbnail img {margin-bottom:10px; display: block; }

.news_date {float:right; margin:0px 0 0 0; font-size:0.9em;}

.clear {clear:both;}

.choc_wine_tasting_pic {float:right; margin:70px 0 0 20px;}

table.venues {padding:0 0 0 0; margin:40px 0 0 0; border-collapse:collapse; width:auto;}
table.venues td.column_1 {padding: 0 0 0 0px; }
table.venues td.column_2 {padding: 0 0 0 7px; }
table.venues td.column_3 {padding: 0 0 0 7px; }

#footer { padding-right: 0px; border-top: rgb(215,181,114) 1px solid; padding-left: 0px; float: none; padding-bottom: 15px; margin: 0px 60px; padding-top: 10px; }
#footer p { font-size: 0.9em; margin: 0px; }
#footer ul { padding-right: 0px; display: inline; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none; }
#footer li { display: inline; color: rgb(96,56,19); margin-right: 5px; }
p#footer_copyright { margin: 15px 0px 0px 0px; }

#footer nav { margin:20px 0 0 0; }
#footer nav ul , #footer nav li { float:none; margin:0; padding:0; }