HTML {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
}

BODY {
	font-family: tahoma, verdana, arial;
	font-size: 80%;
	background-color: #dddddd;
	margin: 0;
	padding: 0;
	text-align: left;
	height: 100%;
	overflow: scroll;
}

OL,UL {
	list-style: none;
}

A {
	text-decoration: none;
	color: #0066CC
}

A:HOVER {
	color: #333333;
}

IMG {
	border: 0;
}

TABLE {
	border-collapse: collapse;
	min-width: 100%;
}

TH {
	padding: 0 0.5em;
	text-align: center;
	border-bottom: 1px solid #CCC;
}

TD {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	vertical-align: middle;
}

TR.shaded TD {
	background: #EEEEEE;
}

TD.adjacent {
	border-left: 1px solid #CCC;
}

FORM, FIELDSET{
	border: 0;
	}

/** custom **/
.errormessage {
	color: red;
}

.viewphoto {
	background-color: #0066cc;
}

#userMessage {
	font-weight: bold;
}

#bodyContainer {
	color: #333333;
	background-color: white;
	margin-left: 15%;
	margin-right: 15%;
	min-width: 600px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}

/** header **/
#bodyContainer #header {
	overflow: auto;
	background-color: white;
}

#bodyContainer #header #elements {
	font-family: impact;
	color: black;
	font-size: 2.5em;
	padding: 0.5em;
	float: left;
}

#bodyContainer #header #nav {
	float: right;
}

#bodyContainer #header #nav A {
	padding-right: 1em;
}

#bodyContainer #header #nav .selected {
	font-weight: bold;
}

/** blue band **/
#bodyContainer #band {
	background-color: #0066cc;
}

#bodyContainer #mainContent {
	background-color: white;
	padding: 1em;
}

/*
#bodyContainer #footer {
	position:absolute;
	bottom:0; 
	background:#ddd;
	border:1px solid black;
}
*/

/** standard box **/
.elementsBox {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.elementsBox .boxHeader {
	border-top-color: #0066CC;
	border-top-width: 1px;
	border-top-style: solid;
	font-size: 1.5em;
	font-weight: bold;
	color: black;
}

.elementsBox .boxContent {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	overflow: auto;
}

/** general use **/
.label {
	font-weight: bold;
}

.pager {
	text-align: center;
}

#pageTitle {
	font-weight: bold;
}

IMG.thumbnail {
	border-color: #0066CC;
	border-width: 1px;
	border-style: solid;
}

IMG.floatLeft {
	float: left;
	margin: 0.2em;
}

IMG.floatRight {
	float: right;
	margin: 0.2em;
}

/** page specific **/
#eventDate {
	color: gray;
	font-weight: bold;
}

.featuredEventPerformer {
	font-weight: bold;
	font-size: 1.3em;
}

IMG.eventImage {
	float: right;
	border: 1px solid #0066CC;
}

/** photos page **/
#photoResults TABLE {
	border-collapse: collapse;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}

#photoResults TD {
	border: 1px solid #0066CC;
	padding: 0.5em;
}

#djsTable{
	padding-top: 2em;
}

#overlay {
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: url('../images/overlay.png') repeat 0 0;
    display: none;
    text-align: center;
}

#overlay-panel {
    margin: 10% auto 0 auto;
    text-align: center;
    background: #FFF;
}

#overlay-panel IMG{
    border-color: white;
    border-style: solid;
    border-width: 10px;    
    background: #FFF;
}

/** ie6 and below only **/
* html #overlay {
    background-image: url('../images/overlay-ie6.png');
    height: 100%;
    position: absolute;
}