/* CSS for index.html */

#background-holder-depth0 {
	background-image: url(/Images/Background/bg_strip.jpg);
}

#background-holder-depth1 {
	background-image: url(/Images/Background/bg_upper.jpg);
}

#background-holder-depth2 {
	background-image: url(/Images/Background/bg_lower.png);
}

#content {
/*	border: 1px solid red; */
	width: 915px;
	padding-bottom: 30px;
	overflow: auto;
}
/* Firefox 1.0 bug - position:absolute on overflow:auto cancel hover */
html.ff1p0 #content { overflow: hidden; }

#left-column {
/*	border: 1px solid blue; */
	float: right;
}

#right-column {
/*	border: 1px solid blue; */
	float: right;
}

div#wisdom-corner {
	padding-top: 10px;
	width: 255px;
}

div#wisdom-corner div.expandable-layer {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #666666;

	width: 100%;
	height: 8em;
	position: relative;
	padding-top: 10px;
}

/* Order and specificity of the following two rules are important for IE */
/* Reference: http://www.xs4all.nl/~peterned/csshover.html */
div#wisdom-corner div.expandable-layer:hover .expandable-layer-content {
	border: 1px solid #666666;
	width: 200%;
	height: auto;
	overflow: visible;
	position: absolute;
	z-index: 150;
}

div#wisdom-corner div.expandable-layer .expandable-layer-content,
div#wisdom-corner div.expandable-layer div.expandable-layer-content:hover {
	border: none;
	background-color: white;
	width: 100%;
	height: 6.8em;
	overflow: auto;
}
/* Firefox 1.0 bug - position:absolute on overflow:auto cancel hover */
html.ff1p0 div#wisdom-corner div.expandable-layer .expandable-layer-content { overflow: hidden; }

div#wisdom-corner-header {
	text-align: center;
}

div#wisdom-corner div.expandable-layer-title {
	text-align: center;
	text-decoration: underline;
}

div#wisdom-corner div.expandable-layer-content p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div#message-corner {
	width: 255px;
	padding-top: 5px;
}

div#message-corner div.scrolling-layer {
	padding-top: 1em;
	width: 100%;
	height: 100px;
	overflow: hidden;
	position: relative;
}

div#message-corner div.scrolling-layer .scrolling-layer-content {
	background-color: white;
	position: absolute;
	z-index: 50;
}

div#quick-access-panel {
	padding-top: 5px;
	padding-bottom: 5px;
}

div#quick-access-panel ul {
	margin: 0;
	padding: 0;
}

div#quick-access-panel ul li {
	list-style: none;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#photoshow div.f-outer {
	background-color: #fffffd;
}

div#photoshow div.f-inner {
	padding: 20px 25px 20px 20px;
}

div#photoshow div.f-outer       { background-image: url(/Images/Background/frame1_r3_c2.jpg); }
div#photoshow div.f-top         { background-image: url(/Images/Background/frame1_r1_c2.jpg); }
div#photoshow div.f-left        { background-image: url(/Images/Background/frame1_r2_c1.jpg); }
div#photoshow div.f-right       { background-image: url(/Images/Background/frame1_r2_c3.jpg); }
div#photoshow div.f-topleft     { background-image: url(/Images/Background/frame1_r1_c1.jpg); }
div#photoshow div.f-topright    { background-image: url(/Images/Background/frame1_r1_c3.jpg); }
div#photoshow div.f-bottomleft  { background-image: url(/Images/Background/frame1_r3_c1.jpg); }
div#photoshow div.f-bottomright { background-image: url(/Images/Background/frame1_r3_c3.jpg); }

div#photoshow-body {
	padding-top: 10px;
	padding-bottom: 10px;
}

div#photoshow-body img {
	filter: blendTrans(duration='3');
}

div#news-and-events {
	padding-top: 5px;
	padding-left: 20px;
}

div#news-and-events ul {
	list-style-image: url("/Images/Crumb/arrow1.gif");
	list-style-type: round;
}

div#news-and-events ul li {
	padding-bottom: 10px;
}