body {
	font-family: 'Trebuchet MS Bold','Verdana Bold', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	min-width: 600px;
	min-height: 100%;

	}
p {
	margin-top: 0px;
	margin-bottom: 0px;
	}
/*
img { 
	-ms-interpolation-mode:bicubic; 
}
*/

form.button-to {
	text-align: left;
}
#footer {
	text-align: center;
	position: static;
	clear: both;
	bottom: 10px;
	padding-bottom: 3px;
	background-color: cornflowerblue;
	width: 98.5%;
	color: white;
	}
#footer a {
	color: white;
	text-decoration: none;
}

#event_submit {
	text-align: left;
}
#topbar {
	margin: 4px;
	padding: 2px 8px 4px 2px;
	text-align: right;
	border-bottom: 1px solid cornflowerblue;
  } 
#notice {
	color: black; 
	background-color: yellowgreen; 
	padding: 2px;
	margin-left: 5px;
	width: 20%;
	float: left;

  }
#notice .warning {
	color: black; 
	background-color: pink; 
}
	
div#dynbar {
	height: 15px;
	margin: 4px;
	padding: 0px 5px 10px 2px;
	width: auto;
	text-align: left;
	;
	}
span#home a {
	text-decoration: none;
	font-weight: bold;
	color: white;
	text-align: left;
}
span#home {
	background-color: cornflowerblue;
	color:white;
	float: left;
	width: 300px;
	padding: 2px 10px 5px 10px;
	font-size: 40px;
	margin-bottom: 15px;
}
span#new_event {
	width: auto;
	float: right;
	margin: 5px 10px 5px 10px;
	border: 2px solid red;
	background-color: lightgrey;
	padding: 3px 8px 3px 8px;
	text-decoration: none;
	}
span#search {
	float: right;
	padding: 8px 0 8px 3px;
	}
span#search formbutton { 
	color:#050; 

	background-color:#fed; 
	border: 1px solid; 
	border-color: #313; 
	} 
div#box {
	margin: 0 0 40px 5px;
	width: 750px;
	margin:0 auto;
	text-align: left;
	min-height: 100%;

}
div.pagination {
	clear: both;
	text-align: left;
	margin: 7px 0 20px 0;
	}
div.pagination A:link A:visited A:active {
	text-decoration: none;
	}

div.pagination a {
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	background-color: #d3d3d3;
	margin-left: 5px;
	}
div.pagination A:hover {
	background-color: #e4e4e4;
	color:white;
	}

.next_page {
	padding: 5px 10px 5px 10px;
	background-color: lightgray;
	margin: 5px 10px 0 5px;
}
.current {
	color: white;
	padding: 5px 10px 5px 10px;
	background-color: gray;
		margin-left: 5px;
}
.next {
	background-color: lightgray;
}
.prev_page {
	padding: 5px 10px 5px 10px;
	background-color: lightgray;
	margin-right: 0;
	margin-left: 0 !important;
}
.disabled {
	background-color: gray;
	color: #999;
}
	
ul#flyers {
	list-style: none;
	width: 400px;
	float: left;
	margin-right: 50px;
	margin-top: 20px;
	height: 2000px;
}
table#edit {
	margin-top: 20px;
	text-align: left !important;
}
#event_form {
	text-align:left;
}
div.paging_info{
  }

div.flyer_field {
	margin-bottom: 10px;
}
div#flyer_show {
/* entire display column */
	width:400px;
	margin:20px 0 0 30px;
	float:left;
  }
div#flyer_show img {
	width: 340px;
	border: 2px solid grey;
	margin-bottom: 20px;
	}


div#flyers {
/* entire display column */
	width:400px;
/*
	margin:20px 0 0 30px;
*/
	float:left;
  }
div.flyer_edit ul {
	position:relative;
	top:-30px;
	left:-50px;

	}
div.flyer_edit img {
	width: 340px;
	border: 1px solid lightgrey;
	}
	
div.asset {
	width:400px;
	margin:20px 0 0 30px;
}
div.asset ul {
	position:relative;
	top:-30px;
	left:-50px;

	}
div.asset img {
	width: 340px;
	border: 1px solid lightgrey;
	}
	
div.flyer {
	width: 250px;
	float: left;
	margin-bottom: 15px;
	}
div.flyer img {
	width: 210px;
	border: 2px solid grey;
	}
div.flyer ul {
	position:relative;
	top:-95px;
	left:10px;
	}
div.comboflyer {
	font-size: 11px;
	width:200px;
	text-align:left;
	padding:2px 5px 10px 5px;
	border: 1px solid grey;
 	position:relative;
	top:-40px;
	left:1px;
	color:black;
	background:white;
	height: 25px;
	filter:alpha(opacity=80);
	opacity:.80;
	}



div.image_actions {
	text-align: right;
}


div#infobox {
	text-align: left;
	background-color: white;
	border-right: 2px solid navy;
	border-bottom: 2px solid navy;
	float:left;
	width:450px;
	padding-bottom: 10px;
	margin-top: 17px;
	}
div#infobox p {
	padding: 10px;
	padding-bottom: 30px;
  }

div#right-box {
}


div#comments {
	text-align: left;
	float:left;
	width:450px;
	padding-bottom: 30px;
	}
div#comment_form {
	text-align: left;
	float:left;
	width:450px;
	}
div.comment {
	border-bottom: 2px solid navy;
	border-right: 2px solid navy;
	margin-top: 2px;
	background-color: aliceblue;
	padding-bottom:10px;
	margin-bottom:5px;
	}
div.comment_info {
	padding:0 5px 0 5px;
	background-color:gainsboro;
	margin-bottom:10px;
	}
span.comment_date {
	width:auto;
	float:right;
	font-size:smaller;
	}
span.comment_time {
	width:auto;
	font-size:smaller;
	float:right;
	}
span.comment_author {
	width:auto;
	font-size:small;
	float:left;
	}
span.comment_text {
	font-size:medium;
	text-align:left;
	}


div#errorExplanation {
	background-color: pink;
	border: 2px red;
	}
div.errorExplanation {
	background-color: pink;
	}


/* begin css tabs */

ul#tabnav { 																	/* general settings */
	text-align: right; 													/* set to left, right or center */
	margin: 1em 0 1em 0; 												/* set margins as desired */
	font: bold 11px verdana, arial, sans-serif; /* set font as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
	position: relative;
	top: -33px;
}

ul#tabnav li { 			/* do not change */
	display: inline;
}

body#tab li.tab { /* settings for selected tab */
	border-bottom: 1px solid #000; 	/* set border color to page background color */
	background-color: #fff; 				/* set background color to match above border color */
}

body#tab li.tab a { /* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	color: #000; 						/* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 3px; 			/* must change with respect to padding (X) above and below */
}

ul#tabnav li a { 					/* settings for all tab links */
	padding: 3px 4px; 			/* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid yellow;
	background-color: #ddd; /* set unselected tab background color as desired */
	color: #222; 						/* set unselected tab link color as desired */
	margin-right: 0px; 			/* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
	background: #eee; /* set desired hover color */
}

/* end css tabs */