/* Originally designed for www.essentialthings.co.uk 18/9/2007 */
/* Header, menulist tidied up 25/06/08 */

body {
	background: #799bc0;
	background-image: url(img/bg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	padding: 0px;
	margin: 0px;
	color: #000;
	font: 84% Arial, Helvetica, sans-serif;
}

a,
a:visited {
	color: #000;
}
a:hover {
	color: #9ae;
}

h2
{
	color: #000000;
	font-size: 140%;
	margin: 1ex;
	border-bottom: 1px solid #000;
}

h3 {
	color: #000000;
	font-size: 120%;
}

h3 a,
h3 a:visited {
	text-decoration:none;
}

h4 {
	color: #000000;
	font-size: 110%;
}

hr {
	height: 0;
	border: 0;
	border-top: 1px solid #78a;
}

div#content {
	background: #ffffff;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	position:relative;
}

div.pageHeader {
	padding: 1ex;
	margin: 0 1px 0 1px;
	text-align: center;
	vertical-align:middle;
	background: #000000 url(img/title-bg.jpg);
	height:135px;
}

h1#pageTitle {
	font-size: 400%;
	font-weight: bold;
	font-style: italic;
	margin: 0;
	padding: 0;
    color: white;
}

h2#pageSubTitle {
	font-size: 125%;
	font-weight: bold;
	letter-spacing: 1px;
	border: 0px;
	color: #f0f0f0;
	text-decoration:none;
}

h2#pageSubTitle a {
	color: #f0f0f0;
}

h2#pageSubTitle a:hover {
	color: #f0f000;
}

#headermenu {
	position:relative;
	background-image : url(./img/tableheader.png);
	width:100%;
	height: 30px;
	z-index:100;
}

#leftmenu {
	width: 35%;
	float: left;
	text-align:left;
	background-image : url(./img/tableheader.png);
	height: 100%;
}

#rightmenu {
	width: 65%;
	float: right;
	text-align:right;
	background-image : url(./img/tableheader.png);
	height: 100%;
}

#menulist {
	padding: 1ex;
	margin: 0;
	color: #ffffff;
}
#menulist li {
	display: inline;
	position:relative;
}
#menulist li:hover {
}

#menulist li ul {
	display:none;
}

#menulist li:hover > ul {
	display:block; 
	position:absolute; 
	top: 50%; 
	left: -120px;
}

div#add_feature {
	position:absolute;
}

* html #menulist li a:hover {
	position:relative; 
}

#menulist li > div#add_feature {
	display: none;
	padding-top: 15px;
}

#menulist li:hover > div#add_feature {
	display: block;
	top: 50%;
	left: 0px;
}

* html #menulist li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent; }
#menulist li a:hover ul { visibility:visible; left:-120px; top:20px; lef\t:-121px; to\p:21px; }

table#add_feature_content {
	background-color:#d7e1ec;
	color:#5779a0;
	border:1px solid #799bc0; 
	text-align:center;
	padding:2ex;
}

#menulist li:hover > ul a {
}

#menulist a,
#menulist a:visited {
	font-weight:bolder;
	text-decoration:none;
	color:#eeeeee;
	padding: 1ex;
}
#menulist a:hover {
	color:#ffffff;
}

#dropdown 
{
	position:absolute;
	padding-top:15px;
}

#dropdown a, 
#dropdown a:visited 
{
	font-weight:normal;
	font-size:12px; 
	display:block;
	color:#5779a0; 
	width:280px; 
	height:17px; 
	text-align:left;
	background: #c4d2e3;
	border:1px solid #799bc0; 
}

#dropdown a:hover
{
	border:1px solid #fff; 
	background: #799bc0;
	font-weight:bolder;
	color:#ffffff;
}

/*Full width pages*/
.bFullWidth {
	float: left;
	width: 100%;
	overflow: hidden;
	background: #ffffff;
}

/*3 column page*/
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead [T R B L]
							only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* 3 Column settings */
.threecol {
	background:#f6e5d0;		/* right column background colour */
}
.threecol .colmid {
	right:23%;				/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:55%;				/* width of the middle column */
	background:#f6e5d0;		/* left column background colour */
}
.threecol .col1 {
	width:53%;				/* width of center column content (column width minus padding on either side) */
	left:101%;				/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:22%;				/* Width of left column content (column width minus padding on either side) */
	left:25%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;				/* Width of right column content (column width minus padding on either side) */
	left:82%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;			/* right column width */
	background:#f6e5d0;	/* left column background colour */
}
.leftmenu .col1 {
	width:71%;			/* right column content width */
	left:102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:21%;			/* left column content width (column width minus left and right padding) */
	left:6%;			/* (right column left and right padding) plus (left column left padding) */
}

/* Styles for posts */
.bCentralContent {
	float: left;
	width: 460px;
	overflow: hidden;
	background: #ffffff;
}
.bNewsItem
{
	clear: both;
	margin: 2.5ex 2.5ex;
	padding: 0;
	border-bottom: 1px solid #ddd;
	/* border: 1px solid #78a; */
}
.bSmallHead {
	font-size: 80%;
	color: #999;
	margin: 2ex 0 1ex 0;
}
.bTitle {
	color: #000000;
	margin: 1px 0;
}
.bText {
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSmallPrint
{
	clear: both;
	color: #999;
	font-size: 80%;
	margin: 1ex 0 2ex 0;
}

.bCentralAndRight {
	float: left;
	width: 655px;
	overflow: hidden;
	background: #ffffff;
}

/* Styles for sidebar (right) */
.bSideBarRight {
	width: 195px;	
	float: right;
	overflow: hidden;
	background: #f0f8ff;
}
.bRightSideItem {
	margin: 2ex;
	padding: 0 0 2ex 0;
	border-bottom: 1px solid #ddd;
}

/* Styles for sidebar (left) */
.bSideBarLeft {
	width: 185px;	
	float: left;
	overflow: hidden;
	background: #f0f8ff;
}
.bLefttSideItem {
	margin: 2ex;
	border-bottom: 1px solid #ddd;
}
.bSideTitle {
	margin: 2ex;
}

table.tablestyle{
	border-bottom: #000080 1px solid;
	border-left: #000080 1px solid;
	border-right: #000080 1px solid;
	border-top: #000080 1px solid;
	background-color: transparent;
}

td.tableheader {
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 2px;
	background-color: #c71223;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#fff;
}

td.tableheader a,
td.tableheader a:visited {
	text-decoration:none;
	color:#ffffff;
}
td.tableheader a:hover {
	font-weight:bolder;
	color:#ffffff;
}

td.tableheader2 {
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	background-color: #d7e1ec;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
	text-align:center;
	vertical-align:middle;
}
td.tableheader2 a,
td.tableheader2 a:visited {
	text-decoration:none;
	color:#000000;
}
td.tableheader2 a:hover {
	font-weight:bolder;
	color:#808080;
}

td.tableheaderlarge {
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 2px;
	background-color: #f6e5d0;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
	text-align:left;
	height:24px;
/*	background-color: #ffffff;*/
/*	background-image : url(./img/tableheader.png);*/
/*	font-weight:600;*/
}

td.tableheaderlarge a,
td.tableheaderlarge a:visited { 
	font-style:italic;
	text-decoration:none;
	color:#222222;
}
td.tableheaderlarge a:hover {
	font-style:italic;
	text-decoration:underline;
	color:#222222;
}

td.tableheaderrest {
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
	text-align:center;
	width:100%;
	height:50px;
	background-color: #c4d2e3;
/*	background-image : url(./img/blue_pattern.jpg);*/
/*	font-weight:600;*/
}

td.tableheaderrest h1 {
	display:inline;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 20px;
	font-weight: bold;
	border-left: #000 2px none;
	border-right: #000 2px none;
	border-top: #000 2px none;
	border-bottom: #000 2px none;
}

td.tableheaderrest h2 {
	display:inline;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 12px;
	font-weight: bold;
	border-top: #000 1px none;
	border-bottom: #000 1px none;
	border-left: #000 1px none;
	border-right: #000 1px none;
}

td.tableheaderrest a,
td#tableheaderrest a:visited { 
	font-style:italic;
	text-decoration:none;
	color:#222222;
}
td.tableheaderrest a:hover {
	font-style:italic;
	text-decoration:underline;
	color:#222222;
}

td.tableheaderlarge2 {
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 2px;
	background-color: #e6d5b7;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
	text-align:left;
	height:24px;
/*	background-image : url(./img/tableheader.png);*/
/*	font-weight:600;*/
}

td.tableheaderlarge2 a,
td.tableheaderlarge2 a:visited {
	text-decoration:none;
	color:#ffffff;
}
td.tableheaderlarge2 a:hover {
	font-weight:bolder;
	color:#ffffff;
}

td.tablepic{
	background-color: transparent;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
}

td.tableitem1{
	background-color: #e6d5b7;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
}

td.tableitem1 a,
td.tableitem1 a:visited {
	text-decoration:none;
	color:#000000;
}

td.tableitem1 a:hover {
	font-weight:bolder;
	text-decoration:underline;
	color:#000000;
}


td.tableitem2{
	background-color: #c6b597;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
}

td.tableitem2 a,
td.tableitem2 a:visited {
	text-decoration:none;
	color:#000000;
}

td.tableitem2 a:hover {
	font-weight:bolder;
	text-decoration:underline;
	color:#000000;
}

td.tableitem2_nb{
	background-color: #d7e1ec;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
}

td.tableitem2_nb a,
td.tableitem2_nb a:visited {
	text-decoration:none;
	color:#000000;
}

td.tableitem2_nb a:hover {
	font-weight:bolder;
	text-decoration:underline;
	color:#000000;
}

td.tableitem3{
	background-color: #f3d2c4;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
}

td.tableitem3 a,
td.tableitem3 a:visited {
	text-decoration:none;
	color:#000000;
}

td.tableitem3 a:hover {
	font-weight:bolder;
	text-decoration:underline;
	color:#000000;
}

td.tableitem4{
	background-color: #fce1d7;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
}

td.tableitem4 a,
td.tableitem4 a:visited {
	text-decoration:none;
	color:#000000;
}

td.tableitem4 a:hover {
	font-weight:bolder;
	text-decoration:underline;
	color:#000000;
}

td.tableitem5{
	background-color: #dddddd;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
}

td.tableitem5 a,
td.tableitem5 a:visited {
	text-decoration:none;
	color:#000000;
}

td.tableitem5 a:hover {
	font-weight:bolder;
	text-decoration:underline;
	color:#000000;
}

td.tableitem6{
	background-color: #eeeeee;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
	border: #C3BDBD 1px solid;
}

td.tableitem6 a,
td.tableitem6 a:visited {
	text-decoration:none;
	color:#000000;
}

td.tableitem6 a:hover {
	font-weight:bolder;
	text-decoration:underline;
	color:#000000;
}

td.table_map1_selectable {
	background-color: #d7e1ec;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
	border: #e3ddbd 2px solid;
	background-image:url(img/enter_route.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

td.table_map1_selectable:hover {
	border: #ffff00 2px solid;
}

td.table_map2_selectable {
	background-color: #d7e1ec;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
	border: #e3ddbd 2px solid;
	background-image:url(img/use_route.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
td.table_map2_selectable:hover {
	border: #ffff00 2px solid;
}

td#appointment_hour_1{
	background-color: #c4d2e3;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	border: #C3BDBD 1px solid;
}

td#appointment_hour_1 a,
td#appointment_hour_1 a:visited {
	text-decoration:none;
	color:#000000;
}

td#appointment_hour_1 a:hover {
	font-weight:bolder;
	text-decoration:underline;
	color:#000000;
}

td#appointment_hour_2{
	background-color: #d7e1ec;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	border: #C3BDBD 1px solid;
}

td#appointment_hour_2 a,
td#appointment_hour_2 a:visited {
	text-decoration:none;
	color:#000000;
}

td#appointment_hour_2 a:hover {
	font-weight:bolder;
	text-decoration:underline;
	color:#000000;
}

.route_entry_page {
	clear: both;
	margin: 2.5ex 2.5ex;
	padding: 0;
	border-bottom: 1px solid #ddd;
	position: relative; 
	z-index: 50;
}

#route_entry {
	color:#4974a0;
	text-align:center; 
	font-size: 18px; 
	font-weight:bolder;
}

#route_entry_form {
	display:none;
	background-color: #c4d2e3;
	font-size: 12px; 
	font-weight: normal;
}

#route_select_form {
	display:none;
	background-color: #c4d2e3;
	font-size: 12px; 
	font-weight: normal;
}

#where_form {
	display:none;
	background-color: #c4d2e3;
	font-size: 12px; 
	font-weight: normal;
}

a#plain_link img {
	border: 1px solid #c4d2e3;
}

a#plain_link img:hover {
	border: 1px solid #FFFFFF;
}

#restaurant_menu {
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-align:center;
	background-color: #ffffff;
}

#edit_menu_header_left {
	background-image: url(./img/restaurant_menu_header_left.png);
	background-color: #c4d2e3;
}
#edit_menu_header_center {
	background-color: #c4d2e3;
	text-align:left;
	color:#ffffff;
	font-size:14px;
}
#edit_menu_header_right {
	background-image: url(./img/restaurant_menu_header_right.png);
	background-color: #c4d2e3;
	background-repeat:no-repeat;
}
#edit_menu_footer_left {
	background-image: url(./img/restaurant_menu_footer_left1.png);
	background-color: #c4d2e3;
	background-repeat: no-repeat;
}
#edit_menu_footer_right {
	background-image: url(./img/restaurant_menu_footer_right1.png);
	background-color: #c4d2e3;
	background-repeat: no-repeat;
}