/* css style sheet for Chapel Dining Room*/
/* created by Isabelle Jackson - http://www.isabellejackson.co.uk*/

/*
================= Colours ============================
LIGHT CREAM: #FFFFF3
LIGHT CREAMY GREY (bg color): #f2efe2 
DARK RED: #8a181b
DARK GREY: #696969;
*/


html {width:100%;font-size:101%;}
body {font-family:  Georgia, Times, serif; font-size: 95%; margin: 0 auto; padding: 0; background-color: #8A181B; color:#696969; background-image: url(../images/margin_leftRosace.jpg); background-position: top left; background-repeat: no-repeat;}
.clear {clear:both;}
img {border:none;}
a {text-decoration: none; color: #8a181b;}
a:hover {color: #000;}

.floatLeft{float: left;}
.floatRight{float: right;}
/* --------------------------------wrappers --------------------------------- */ 
#wrapper {margin: 0 auto 0 80px; padding: 0; border: none; background-color: #FFFFF3; width: 800px; color: #696969; border-left: 2px solid #8a181b;}
#header {width: 800px; height: 86px; margin: 0; padding: 0;}
#mainTextArea {float: left; padding: 0; width: 100%; margin: 2px 0; background-color: #FFFFF3;}
#centreContent {float: left; padding: 0; margin: 0; width: 65%; background-color: #FFFFF3;}
#footer {width: 799px; margin: 0; border: none; background-color: #f2efe2; float: right;} 

/*=========== Navigation ====================================*/

#navBar {float: right; margin: 1px 0 235px 0; padding: 0; width: 150px; background-color: #8a181b;   background-image: url(../images/menuHover_bg.jpg); background-position: center right; background-repeat: no-repeat;}

ul.navBar {padding:0; margin: 0; float: right; width: 150px; background-color: transparent;}
ul.navBar li {background-color: transparent; margin: 0; padding: 0; float: left; width: 100%; list-style: none;}
ul.navBar li a, ul.navBar li a:active, ul.navBar li a:visited {background-color: #fffff3; margin: 0; padding: 20px 0 0 0; display: block; width: 100%; color: #8a181b; font-size: 2em; text-align: center; height: 80px;}

ul.navBar li a:hover {background-color: transparent; margin: 0; padding: 0; color: #FFFFF3; text-align: center; padding:20px 0 0 0;}

/*------------------------------------------------------------*/

p {padding: 3px 20px; font-size: 1em; line-height: 1.5em;}

.para_footer {margin: 5px; line-height: 1em; padding: 0; text-align: right;}


h1 {margin: 0; padding: 0;}

h2 {font-size: 2em; padding: 20px; margin: 0; text-align: right; font-weight: lighter; text-align: left;}
h3 {font-size: 1.5em; padding: 20px; margin: 0; text-align: right; font-weight: lighter; text-align: left;}

h3.pageHeading{font-size: 1.8em; font-style: italic; padding: 0 10px 30px 10px; font-weight: lighter;}

.contact {list-style: none; line-height: 1.6em;}