/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.



Version: 1.3 (Nov 28, 2005)



Screen layout: */



body{

margin:0 auto;

padding:0;

font:76% Verdana,Tahoma,Arial,sans-serif;

background:#f4f4f4 url(bg.gif) top center repeat-y;

color:#303030;

}



#wrap{

background:#ffffff;

color:#303030;

margin:0 auto;

width:760px;

}



#header{

clear:both;

margin:20px 0 0 0;

padding:0;

height:185px;

}



#header h1{

width:250px;

margin:0 0 0 0;

float:left;

}



#header p{

width:500px;

float:right;

text-align:center;

color:#a0a0a0;

margin:0 0 0 0;

font-size:0.8em;

line-height:1.2em;

background-color:inherit;

}



#frontphoto{

margin:0 0 10px 0;

border:0;

}



#avmenu{
	clear:left;
	float:left;
	width:150px;
	margin:0 0 10px 0;
	padding:0;
	font-size:0.9em;

}



#avmenu ul{	

list-style:none;

width:150px;

margin:0 0 20px 0;

padding:0;

font-size:1.1em;

}	



#avmenu li{
	margin-bottom:4px;
}



#avmenu li a{
	font-weight:bold;
	height:20px;
	text-decoration:none;
	display:block;
	padding:6px 0 0 10px;
	background-color: #fffbab;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #ffe933;
	color: #303030;
}	

	

#avmenu li a:hover{
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #ffe933;
	background-color: #fffb77;

}



.announce{

margin:10px 0 10px 0;

padding:10px;

width:130px;

color:#505050;

background-color:#e4e4e4;

line-height:1.3em;

}



#extras{

float:right;

width:120px;

margin:0 0 10px 0;

padding:0;

font-size:0.9em;

line-height:1.5em;

}



#extras p{

margin:0 0 1.5em 0;

}



#extras h2{
	font-size:1.0em;
	margin:0 0 0.5em 0;
	color:#000000;
}



#extras ul{

	padding: 2px;

	margin: 5px;

}



#content{
	margin:0 130px 20px 160px;
	padding:0 10px 0 10px;
	line-height:1.6em;
	text-align:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #c0c0c0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #c0c0c0;

}
#content h1 {
	font-size: 1.4em;
	font-style: normal;
}




#content h2, h2 a{

font-size:1.2em;

margin:0 0 0.5em 0;

color:#000000;

}

#content .staff {
	height: 150px;
	width: 130px;
	float: left;
	margin: 0px;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#content .staffgrp {
	float: left;
	width: 100%;
}

#content h4 {
	font-size: 1em;
}


h3{

font-size:1.3em;

margin:0 0 10px 0;

}




a{

text-decoration:none;

color:#286ea0;

}



a:hover{

text-decoration:underline;

color:#286ea0;

}



a img{

border:0;

}



#footer{
	clear:both;
	margin:0 auto;
	padding:10px 0 20px 0;
	width:760px;
	text-align:center;
	color:#808080;
	font-size:0.9em;
	background-color: #fffbab;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #707070;

}



#footer a{

color:#808080;

text-decoration:none;

}



#footer a:hover{

text-decoration:underline;

}



.left{

margin:10px 10px 5px 0;

float:left;

}



.right{

margin:10px 0 5px 10px;

float:right;

}



.textright{

text-align:right;

}



.center{

text-align:center;

}



.small{

font-size:0.8em;

}



.bold{

font-weight:bold;

}



.hide{

display:none;

}
#contact label {
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: -2px;
	font-weight: bold;
}
#contact .fconfirm {
	margin-top: 10px;
}
#staffInfoContainer {
	display: none;
	width: 350px;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 100;
	font-size: 0.8em;
	text-align: center;
}
#staffInfoContainer img {
	float: left;
	clear: left;
}

#staffInfoContainer #staffInfoContent {
	text-align: left;
	width: 325px;
}

#staffInfoContainer #staffInfoCaption {
	text-align: center;
}
#content .staff img {
	width: 75px;
}
#mapvenue img {
	float: left;
	padding-right: 10px;
	width: 100px;
}
#mapvenue {
	overflow: auto;
	height: 100px;
	width: 275px;
	font-size: 75%;
	margin-right: 9px;
}


#loading {
	z-index: 100;
	position: absolute;
	height: 50px;
	width: 200px;
	text-align: center;
	background-color: #FFFFFF;
	display: none;
}
#vendets img {
	float: left;
}

.register label {
	font-size: 1em;
	margin-top: 10px;
	margin-bottom: -2px;
	font-weight: bold;
}

.register .options {
	font-weight: normal;
	font-size: 1em;
}
.register div {
	float: left;
	padding-bottom: 5px;
}

.register .textfield {
	float: left;
}

#inventory {
	border: thin solid #000000;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}
#inventory th {
	text-decoration: underline;
}
#inventory .itemname {
	border: thin solid #000000;
	font-weight: bolder;
}
#inventory .itemcost {
	border: thin solid #000000;
}
#personal {
	border: thin solid #000000;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}
#personal th {
	text-decoration: underline;
	font-weight: bold;
}
#personal td {
	border: thin solid #000000;
}
#nojava {
	height: 70px;
	width: 100%;
	background-color: #FFCC00;
	vertical-align: text-top;
	text-align: center;
}
.itemname #descript {
	font-weight: normal;
}

#tshirtview img {
	height: 300px;
}
#tshirtview div {
	float: left;
}
#tshirtview h2 {
	text-align: center;
}
#tshirtview span {
	float:left;
	text-align: right;
	width: 100%;
	margin-top: -15px;
}

#tshirtview {
	position: absolute;
	z-index: 300;
	background-color: #FFFFFF;
	height: 340px;
	width: 653px;
	border: thick solid #CCCCCC;
	display: none;
}
.icon {
	height: 15px;
	width: 15px;
}
#reg_items {
	list-style-type: none;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
#lookup {
	display: none;
}
#ingredient .item {
	width: 22%;
	padding-right: 1%;
	padding-left: 1%;
	height: 65px;
	border: 1px solid #000000;
}
#utensils .item {
	width: 45%;
	padding-left:2%;
	padding-right:2%;
	height: 20px;
	border: 1px solid #000000;
	text-align:right;
}
#schedule {
	border: 2.5px solid #CCCCCC;
	font-size: 0.9em;
}
#schedule td {
	border: thin solid #CCCCCC;
	padding-right: 10px;
}
#schedule .day {
	font-weight: bold;
	padding-top: 15px;
	background-color:#CCCCCC;
}
#content #event {
	display: none;
	height: 700px;
	width: 450px;
	position: absolute;
	background-color: #FFFFFF;
	z-index: 300;
	border: thin solid #CCCCCC;
}
.ename {
	float: left;
	width: 45%;
	font-size: 1.0em;
}
.etime {
	text-align: right;
	float: left;
	width: 55%;
	font-size: 1.0em;
}
.worktitle {
	font-size: 1em;
	font-weight: bold;
}
.venueimg {
	padding-right: 5px;
	float: left;
}

#vendets {
	margin-top: 10px;	
}.sponsor {
	font-size: 1.4em;
	width: 50%;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

