@charset "UTF-8";
/* CSS Document */

 
body {
	background-color:#456152;
	font-family:Helvetica;
	font-size:13px;
	color:#666;
	margin:0px;
	text-align:center;
 	background-image: url(images/background_huge.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	background-attachment: fixed;
  margin: 0;
  padding: 0;
 /* Height is 100%, so the tiled BG will tile all the way down
13	       the page, not just as far down as the page's content
14	       (when the content's height is less than the window's height) */
    height: 100%;
}
/*
18	Hackety-hack-hack...
19	FF2, with the above code, will only display the repeat-y image for as
20	    high as the window's viewport is; higher content (upon
21	    scrolling) will not have the bg.
22	This "hack" makes the tiled background work properly in FF2.
23	This type of "advanced selector" is not understood by IE6...dunno
24	 'bout IE7.
25	*/
	html>body {
    min-height: 100%;
    height: auto;
	}

/* ============DIVS============= */


#wrapper {
	width: auto;
	
}

#page {
	width:800px;
	text-align:left;
	margin:auto;
}

#header {
}

#nav {
	height:30px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/bg_nav.png);
	background-color:none;
	clear:both;
	padding-bottom:5px;
}

#nav-inner {
	color:#a17525;
	font-size:135%;
	font-weight:normal;
	padding-top:8px;
	padding-left:20px;
	clear:both;
	
}

#nav-inner a {
	color:#a17525;
	text-decoration:none;
}

#nav-inner a:hover {
	color:#456152;
}

#nav-local {
	color:#a17525;
	font-size:110%;
	font-weight:normal;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:8px;
	
}


#nav-local a {
	color:#a17525;
	text-decoration:none
}


#nav-local a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#nav-text {
	color:#ECCF87;
	font-size:95%;
	font-weight:normal;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:8px;
	
}


#nav-text a {
	color:#ECCF87;
	text-decoration:none
}


#nav-text a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#content {
	background-color:none;
	background-image:url(images/bg_page.png);
	background-repeat:repeat-y;
	background-position:left top;
	clear:both;
}

#content-inner {
	padding-left: 20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:15px;
	width:750px;
	color: #456152;
	
}

/*#contentCatering-inner {
	padding-left: 20px;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:15px;
	width:560px;
	float:right;
	
}*/

#footer {
	background-image: url(images/bg_footer.png);
	background-repeat: no-repeat;
	background-position: left top;
	clear:both;
	padding-left:10px;
}

#footer-inner {
	color:#a17525;
	font-size:90%;
	padding-top:5px;
	padding-left:10px;
}
#footer-inner a {
	color:#a17525;
}

.cell-border {
	border-bottom: dashed 1px #336666;
}

.clear {
	clear:both;
}

.table {
	background-image:url(images/bg_navlocalColumn.png);
	background-repeat:repeat-y;
	background-position:left top;
}

.table2 {
	background-image:url(images/bg_navlocal2.png);
	background-repeat:repeat-y;
	background-position:left top;
}

.column-nav {
	color:#FFF;
}
	
/* ============FONT============= */

p,
p a {
	font-family:Helvetica, sans-serif, 12px, #777;
	margin:0px;
	line-height: 1.5em;
	text-decoration:none;
}
a {
	color:#666;
}

p a:hover {
	text-decoration: underline;
}



h1	{
	font-size:200%;
	font-weight:lighter;
	color: #c19336;
	margin:0;
	letter-spacing:0;
}

h2,
h2 a {
	font-size:125%;
	color:#456152;
	font-weight:bold;
	margin:0;
	text-decoration:none
}

h3,
h3 a {
	color:#333333;
	font-weight:bold;
	margin:0;
	text-decoration:none;
	font-size: 100%;
}

h3 a:hover {
	text-decoration:underline;
}

h4,
h4 a {
	font-size:120%;
	color:#456152;
	font-weight:bold;
	margin:0;
	text-decoration:none
}

.image {
	padding-right:10px;
	padding-top:5px;
	padding-bottom:10px;
}

ul,li {
	line-height:1.5ems;
	margin-top:0px;
	padding-top:0px;
}