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

@media screen {

ul.navigation {
	margin-top: 70px;
	color: #736e3e;
	font-family: "Arial Rounded", Arial, Helvetica, Serif;
	list-style-type: none; 
	font-size: 12px;
	text-align: right;
	padding: 10px 20px 0 0;
}

ul.navigation a {
    color: #736E3E;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #FFFFFF;
}

a.selected {
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
}

#wrapper {
    width: 500px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 510px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: auto;
    width: 490px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 10px;
    height: auto;
    width: 460px;
	color: #000000;
	text-align: center;
}

	div.panel h3 {
		font-weight: bold;
		font-size: 1.4em;
		text-decoration: underline;
	}
	
	div.panel h4 {
		font-weight: bold;
		font-size: 1.2em;
		text-decoration: underline;
	}
	
	div.panel ul {
		list-style-type: none;
	}
		div.panel ul li {
			font-size: 12px;
		}
		
		div.panel ul li.extra {
			font-size: 10px;
			font-style:italic;
		}
	
	div.panel p.service {
		font-style:italic;
	}
	
	div.panel p {
		font-size: 12px;
	}
	
	div.panel p.choice {
		font-style:italic;
		font-weight: bold;
	}
	
	div.panel .print {
		float: right;
		margin-left: 3px;
		padding: 0 0 0 19px;
		background: url("../images/print.gif") no-repeat 0 50%;
		font-size: 12px;
		color: #000000;
	} 

#shade {
    background: #ffffff url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation a:hover {
    border-bottom: 1px solid #FFFFFF;
	background-color: transparent;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

.clear {
	clear: both;
}


/* make everything disappear on print preview page */

	

	#header {
		height: 100px;
		width: 500px;
		
	}
	
	#menu {
		text-align: center;
		font-family: Helvetica, Arial, Verdana, Georgia, "Times New Roman";
		font-size: 10pt;
	}
	
	.panel {
		width: 490px;
		height: 100%;
		page-break-after: always;
		page-break-before: always;
		page-break-inside: avoid;
	}
	
	body {
		font-size: 10pt;
		color: black;
		font-family: Helvetica, Arial, Verdana, Georgia, "Times New Roman";
		background-color: white;
		margin: 0 auto;
	}
	
	#menu h3 {
		font-size: 24pt;
		padding-bottom: 10px;
		text-decoration: underline;
	}
	
	#menu p.service {
		display: block;
		visibility: visible;
		font-style:italic;
		font-size: 12pt;
	}
	
	#menu h4 {
		font-size: 14pt;
		text-decoration: underline;
	}
	
	ul.menu-list {
		list-style-type: none;
	}
	
	ul.menu-list li {
		list-style-type: none;
		font-size: 10pt;
		padding-bottom: 15px;
	}
	
	.bold {
		font-weight: bold;
	}
	
	.italic {
		font-style: italic;
	}
	
	#print-footer {
		width: 100%;
		display: inline;
		position:fixed;
		bottom: 0;
	}
		#print-footer #footer-left {
			float: left;
			width: 50%;
			text-align: left;
		}
		
		#print-footer #footer-right {
			float:right;
			width: 50%;
			text-align: right;
		}

}