body {
background-color: white;
font-size: medium;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: black;
}

#header {
position: absolute;
left: 10px; right: 10px;
width:96%;
}

#content {
padding: 10px;
font-size: 110%;
width: 78%;
text-align: left;
position: absolute;
top: 140px;
left: 180px;
z-index: 4;
color: black;
/* background: white url(graphics/logo_faint_med.png) no-repeat; */
}

h1, h2, h3, h4, h5, h6 {
font-family:  "times new roman", georgia, serif;
}
h1 {
border-bottom: 2px purple solid;
font-size: 300%;
font-weight: bold;
color: red;
text-align: left;}
h2 {
margin:0 0 10px 0;
padding:0px;
font-size: 175%;
font-weight: bold;
color: red;
}
h3 {
font-size: 150%;
font-weight: normal;
color: blue;
margin: 0px 0px 4px 0px;}
h4 {
font-size: 110%;
font-weight: normal;
text-align: left;
color: blue;
background: yellow;
margin: 0px;
padding: 30px;
}

h5 {
font-size: 105%;
font-weight: normal;
text-align: left;
color: purple;
background: white;
margin: 0 3px 0 3px;
padding: 0px;
}
h6 {
font-size: 105%;
font-weight: normal;
text-align: left;
color: green;
background: white;
margin: 0px;
padding: 0px;
}
a {
text-decoration: underline;
color: blue;
background-color: yellow;
}
#content a img {
border: 0 !important;
}
a:hover {
border-bottom: 1px fuchsia dashed;
color: yellow;background-color: blue;}
#content a.image-holder:hover {
border: 0
}
#sidebar {
width: 10em;
position: absolute;
top: 140px;
left: 5px;
z-index: 2;color: red;
background-color: white;
}

#sidebar ul {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style-type: none;
padding: 5px
}
#sidebar ul li a {
position: relative;
color: red;
background-color: white;
display: block;
text-decoration: none;
border-right: 1px solid red;
border-left: 1em red solid ;
padding: 5px;
border-top: 1px red solid;
border-bottom: 1px red solid;
}
#sidebar ul li a:hover {
border-color: white;
color: blue;
background-color: yellow;
}

table.schedule {
clear: right;
width: 100%;
line-height: 1.4em;
border-collapse: collapse;
border: 4px #adbbca solid;
background-color: #f0f0f0;
color: #4f6480;
}
table.schedule caption {
margin: 0;
padding: 0;
line-height: 2em;
text-align: center;
font-weight: bold;
color: red;
background-color: white;
}
table.schedule thead tr {
color: white;
background: #5e7796;
}
table.schedule thead tr th {
padding: 0.4em 0.6em 0.4em 0.6em;
border: 4px solid #adbbca;
}
table.schedule tbody tr {
border: 4px solid #adbbca;
}
table.schedule tbody th {
padding: 0.6em;
border: 4px solid #adbbca;
}
table.schedule tbody td {
background: #e9ecee;
color: #032469;
padding-left: 0.6em;
border-bottom: 4px #ccc solid;
}
table.schedule tbody tr.odd {
background: #c4cfdb;
color: #4f6480;
}
table.schedule tbody tr.odd td {
background: #f0f0f0;
color: #032469;
}

table.cafe {
clear: right;
width: 60%;
line-height: 1.4em;
border-collapse: collapse;
color: blue;
}
table.cafe tbody th {
color: red;
padding: 0.6em;padding-left: 2em;
}
table.cafe tbody td {
padding-left: 0.6em;
padding-right: 1em;
}
table.cafe tbody td.inabit {
padding-left: 5em;
}

#box {
border: 1px red solid;
background-color: white;
color: black;
padding: 5px 5px 0px 5px;
position: absolute;
margin: 10px;
width: 96%;
z-index: 1;
}

#footer {
font-size: small;
color: yellow;
background-color: red;
font-weight: bold;
padding: 5px 5px 5px 5px;
}

#photos {
	margin: 20px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 1200px;
}
#photos ul {
	list-style-type: none;
	margin:  0;
	padding: 0;
}
#photos ul li {
	background: white;
	float: left;
	text-align: center;
	width: 200px;
      height: 200px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	font: bold 0.8em Arial, Helvetica, sans-serif;
	color: blue;
}
#photos ul li img {
	margin: auto;
	display: block;
	border: 10px solid red;
}
#photos a:hover {
	background: white
}   					     	/* fix for IE6 */
#photos a img.big {
	height: 0; 
	width: 0; 
	border-width: 0
} 			/* hide the big image by making its height and width 0 */
#photos a img.biv {
	height: 0; 
	width: 0; 
	border-width: 0
} 			/* hide the big image by making its height and width 0 */
#photos a:hover img.big {
	position: fixed; 
	top: 150px; 
	left: 200px;
	height: 400px;
	width: 600px;
	border: 10px solid red;
} 
#photos a:hover img.biv {
	position: fixed; 
	top: 113px; 
	left: 715px;
	height: 600px;
	width: 400px;
	border: blue solid 10px;
} 

#form {font-family:"Trebuchet MS", Verdana, sans-serif;width:35em}
p {margin:0 0 1em 0;padding:0;font-size:90%}
fieldset {border:none;margin-bottom:1em;width:24em;padding-top:1.5em}
p.legend {background:#DED983;color:black;padding:.2em .3em;font-size:1.2em;border:2px outset #DED983;position:relative;margin-bottom:-1em;width:10em;margin-left:1em;margin-top:1em}
#personal {background:#F3B4F5;border:outset #f3b4f5}
#choices {background:#F5D9B4;border:outset #f5d9b4}
#suggestions {background:#B4F5DA;border:outset #b4f5da}
#personal label {position:absolute;font-size:90%;padding-top:.2em;left:20px}
#personal input {margin-left:9em;line-height:1.4em;margin-bottom:.2em;}
#choices label {position:absolute;padding-top:.2em;left:20px}
select {margin-left:9em;margin-bottom:0}
#size {font-size:90%}
#size input {margin-left:9em}
#size input + input {margin-left:1em}
#size br+ input {margin-left:9em}
#extras {font-size:90%}
#extras input {margin-left:9em}
#extras input +input {margin-left:1em}
#extras br+input {margin-left:9em}
textarea {font:.8em "Trebuchet MS", Verdana, sans-serif;width:29em;padding:.2em}
input[type="submit"], input[type="reset"] {background:#DED983;font:1.2em "Trebuchet MS", Verdana, sans-serif}
#buttons {text-align:center}

.splashline {
	background: red;
	color: yellow;
	position: relative;
	text-align: left;
	font-size: 150%;
	display: block;
	text-decoration: none;
	border-style: double;
	margin: 15px 600px 15px 0px;
	padding: 6px 12px 6px 12px;
}

.splashline a:link {
	background: yellow;
	color: red;
	position: relative;
	text-align: left;
	font-size: 120%;
	display: block;
	text-decoration: underline;
	border-style: dotted;
	margin: 15px 0px 15px 0px;
	padding: 6px 12px 6px 12px;
}

.splashline a:visited {
	color: purple; 
	background: red;
	text-decoration: none;
}

.splashline a:hover {
	background: black;
	color: white;
	border-style: dotted;
	margin: 15px 0px 15px 0px;
	padding: 6px 0x 6px 0px;
}

/*#main, #header, #content, #sidebar {border: 2px blue dashed; color: #4f6480;}*/