/* CSS Document */

*{font-size: 1em; margin: 0; padding: 0; line-height: 1.3em; font-family: Arial, Helvetica, sans-serif;}

body {position: relative; background: url(../images/layout/bg_decking.jpg) 0 0 #FFF; margin: 0px auto; padding: 0px; width: 800px;}
#container {float: left; position: relative; margin: 20px 0px; padding: 0 0 0 0; width: 800px; border: 3px solid #5f97d1; background-color: #FFFFFF; background: url(../images/layout/footer.jpg) no-repeat bottom #FFF;}
#masthead {float: left; position: relative; width: 800px; height: 202px; background: url(../images/layout/masthead.jpg) no-repeat top left;}

#left-col {position: relative; float: left; width: 171px; padding: 0px 25px 0 25px; margin: 30px 0 0 0;}
#right-col {position: relative; float: right; width: 508px; padding: 0px 25px 0 25px; margin: 30px 0 0 0; border-left: 1px solid #f9efe3;}

#footer {position: relative; float: left; width: 800px; height: 250px; clear: both; top: 208px;}
#footer-icons {position: relative; float: left; width: 230px;}
#footer-text {position: relative; float: right; width: 540px; padding: 0px 10px;}

.w3c {padding: 0px 1px 2px 30px; border: none; margin: 0;}

#news-book {position: relative; float: left; width: 171px; margin: 45px 0 0 0;}
#news-book img {padding: 0 0 10px 0;}

.photos_home {position: relative; float: left; width: 508px; padding: 0 0 0 0;}
.photos_home img {border: 1px solid #5f97d1; margin: 0 0 0 0;}

.break {background: url(../images/layout/page_break.png) no-repeat center; padding: 10px; height: 41px;}

.rightimage {
	clear:both;
	border: 1px solid #5f97d1;
	margin: 5px;
}


#print-only {display: none !important;}

/*Menu*/
ul {list-style: none; margin: 0; padding: 0;}

#menu { width: 171px; font-size: 75%;}
#menu li a {height: 28px; text-decoration: none;}	
#menu li a:link, #menu li a:visited {color: #4e75a8; display: block; background: url(../images/layout/menu_normal.jpg) no-repeat; padding: 10px 0 0 46px;}
#menu li a:hover {color: #FFF; background:  url(../images/layout/menu_hover.jpg) no-repeat;}


/* Text styles */
.center {text-align: center !important;}

.small-orange-center {text-align: center !important; font-size: 65%; color: #da9544;}

.text-img {padding: 0 0 10px 0px;}

#left-col p a:hover {background-color: #da9544;}

h1 {color: #4e75a8; text-transform: uppercase; font-size: 80%; padding: 0 0 10px 0;}
h2 {text-transform:uppercase; color:#4e75a8; font-size: 77.5%; padding: 0 0 10px 0;}
h3 {text-transform:uppercase; color:#DA9544; font-size: 75%; padding: 0 0 10px 0;}


p {font-size: 75%; color: #4e7ba9; text-align: justify; padding: 0 0 10px 0;}
p a {color: #88a1c5; text-decoration: none;}
p a:hover {color: #FFF; background-color: #da9544;}

#footer p {font-size: 65%; color: white;}
#footer p a {color: white; text-decoration: none;}
#footer p a:hover {background-color: #da9544}

form {margin-right:5px; padding-right:5px;}
form p label{float:left; width:23%;}
form p {clear:left; margin:0; padding-top:1px;}

td {padding: 0 8px 8px 0; vertical-align:top; font-size:100%}

tr:hover {background-color:#ECF4FD;}

td p {text-align:left !important;}


.veg {font-weight: bold; color: #00CC00;}
.announcement {font-weight: bold; color: #CC0000;}
.pdf { background: url(../images/layout/icon_pdf.png) no-repeat left; font-weight: bold; padding: 5px 0 0 20px; float: right; }
.menu p{text-align: left;}
.menu-prices {  text-align:right; padding:0 0 0 25px;  font-size:110%; font-weight:bold; }
.uppercase {text-transform: uppercase;}

.sub-menu {padding: 0px 0px 0px 60px !important; font-size: 100% !important; height: 20px !important
	
}
.sub-menu a {padding: 0px 0px 0px 20px !important; background: url(../images/layout/icon_arrow.png) no-repeat left center !important; display: block;}
.sub-menu a:hover {background: url(../images/layout/icon_arrow-hover.jpg) no-repeat left center #a7ceeb !important; color: #FFF;}