@charset "utf-8";
/* FIXES */
html, body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #ccf;
	position:relative;
	color: #000;
	text-align: center;
	border-style: none;
	vertical-align: middle;
}
html, body {
	height:100%;
	width:100%;
	text-align:left;
}
/* the following forces a vertical scroll bar to be always visible */
html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}
/* Reset important browser defaults */
* {
  margin: 0;
  padding: 0;
	/* border-box sets box size to the edge of border - default is content-box */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* Clear all list styling (bullets etc) */
ul {
  list-style: none;
}
/* style the csstabs div... */
a:link {
	color: #900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #F00;
}
a:hover {
	text-decoration: underline;
	color: #960;
}
a:active {
	text-decoration: none;
	position:relative;
	top:1px;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.lefted{
	display: block;
	margin-left: 140px;
	margin-right: auto;
}
.showdiv {
	display:block;
}
.hidediv {
	display:none;
}
.g {
	color:gray;
}
#header {
	width: 100%;
	height:175px;
}
#wrapper {
	position:relative;
	width:100%;
	height:100%;
}
#vmenu {
	position:absolute;
	z-index:1000;
	float:left;
	top:0px;
	width:110px;
/*	height:100%;*/
}
#vmenu li {
	z-index:1001;
	display:block;
	float:left;
	margin:5px;
	width:100px;
	height:100px;
	background-image: url('images/cnfjsmenu.png');
}
.hmenu {
	position:static;
	display:block;
	background: #ccf;
	top:0px;
	padding:5px;
	left:120px;
	z-index:1000;
	float:left;
	width:100%;
}
#disp {
	position:relative;
	left:120px;
	float:left;
	width:100%;
}
.stick {
	position:fixed;
}
#dinners {
	background-position: 0px 0px;
}
#dinners.selected {
	background-position: -300px 0px;
}
#dinners:hover {
	background-position: -100px 0px;
}
#dinners:active {
	background-position: -200px 0px;
}
#members {
	background-position: 0px -100px;
}
#members.selected{
	background-position: -300px -100px;
}
#members:hover {
	background-position: -100px -100px;
}
#members:active {
	background-position: -200px -100px;
}
#cellar {
	width:90%;
	background-position: 0px -200px;
}
.content {
	padding:20px;
	width:100%;
}
#cellar.selected{
	background-position: -300px -200px;
}
#cellar:hover {
	background-position: -100px -200px;
}
#cellar:active {
	background-position: -200px -200px;
}
#accounts {
	background-position: 0px -300px;
}
#accounts.selected {
	background-position: -300px -300px;
}
#accounts:hover {
	background-position: -100px -300px;
}
#accounts:active {
	background-position: -200px -300px;
}
#venues {
	background-position: 0px -500px;
}
#venues.selected {
	background-position: -300px -500px;
}
#venues:hover {
	background-position: -100px -500px;
}
#venues:active {
	background-position: -200px -500px;
}
#resources {
	background-position: 0px -400px;
}
#resources.selected {
	background-position: -300px -400px;
}
#resources:hover {
	background-position: -100px -400px;
}
#resources:active {
	background-position: -200px -400px;
}
.hideme {
	visibility:hidden;
}
.nodisplay {
	display:none;
}
.member {
	display:block;
	float:left;
	position:relative;
	width:740px;
	padding: 10px;
	border-bottom: black solid;
}
.member p:first-child {
	margin-top: 10px;
}
.mugshot {
	height: 120px;
	width: 90px;
	margin: 10px;
	box-shadow: 5px 5px 20px #333;
	float:right;
}
.dinner {
	width:90%;
	margin:5%;
	border-color:gray;
	border:1px;
	background:light-gray;
}