/* CSS Document */

body, form {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;

} body {
	color: black;
	background: white;

} #backgroundcontainer {
	position: absolute;
	top: 6em;
	left: 0;
	width: 257px;
	height: 602px;
	z-index: 1;
	background: white url(../../images/page_bg.gif) top left no-repeat;

} a img {
	border: none;

} a {
	color: #060;

} a:hover {
	color: #fc0;

/* } a:visited {
	color:#066; */

} #titlebarcontainer {
	position: relative;
	top: -1px; /* offsetting 1 pixel up to compensate for the 1 pixel border we must include (see comment below) */
	left: 0;
	height: 3em;
	padding: 0;
	margin: 0 0 2.5em 0;

	background: #b7c6d0 url(../../images/titlebar_bg.gif) bottom left repeat-x;

	border-top: 1px solid white; /* for some reason we need a top border for this element to position correctly */

	} #titlebarimagecontainer {
		position: absolute;
		bottom: -38px;	left: 0;
		width: 192px; height: 260px; /* these values correspond to the width and height of the image in this box! */
		background: url(../../images/titlebar_columbine.jpg) bottom left no-repeat;
		
		z-index: 2; /* value must be less than z-index for #title, and greater than z-index for #backgroundbox */
	
	} #title {
		position: absolute;
		top: -3px; left: 92px;
		width: 20em;
		
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.3em;
		font-weight: 400;
		
		z-index: 10; /* value must be greater than z-index for #titlebarimagecontainer */
	
	} #buttoncontainer {
		position: absolute;
		top: .75em;
		left: 60%;
		width: 5em;
		height: 2.5em;
		z-index: 99;
		
		} a.button {
			display: block;
			padding: 1px 5px 1px 5px;

			border: 1px solid #c29610;
			background: #ead41e;

			text-align: center;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: .8em;
			text-decoration: none;
			color: #982e00;
		
		} a.button:hover {
			color: #982e00;
			text-decoration: underline;
	
	} #searchform {
		position: absolute;
		top: .75em; right: 20px;
		
		z-index: 100;
		
		} #searchform input {
			border: 1px solid #888;
			width: 5em;
			color: #555;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			font-size: .9em;

		} #searchform input#query {
			width: 8em;

} #imagevignettecontainer {

	float: right;
	
	position: relative;
	top: -2.5em; right: 0;
	height: 0px;
	width: 200px;
	margin: 1.25em 17px 0 0;
	z-index: 100000;

	} #imagevignettecontainer .thumbcontainer {
		float: right;
		margin: 0 5px 0 10px;
		border: 1px solid black;
		position: relative;
	
	} #imagevignettecontainer a:hover .thumbcontainer, #imagevignettecontainer a.over .thumbcontainer {
		z-index: 10000;

	} #imagevignettecontainer a {
		position: relative;
		display: block;
		z-index: 100;
		text-decoration: none;

	} #imagevignettecontainer a:hover, #imagevignettecontainer a.over {
		position: relative;
		z-index: 10;
	
	} #imagevignettecontainer a .imagecontainer {
		border: 1px solid black;
		position: absolute;
		top: 64px; right: 13px;
		height: 300px; width: 400px;
		overflow: hidden;
		z-index: 30;
	
	} #imagevignettecontainer a p {
		margin-top: 320px;

	} #imagevignettecontainer a div {
		position: absolute;
		z-index: 20;

	/* ----------- .rollovercontainer is used to dynamically show/hide image vignettes in the titlebar ----------- */

	} #imagevignettecontainer a div.rollovercontainer {
		position: absolute;
		top: -8px;	right: -10px;
		width: 400px;
		padding: 60px 14px 8px 14px;
		background: white;
		border: 1px solid #ccc;

		display: none;
		
		color: black;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size: .7em;

		} #imagevignettecontainer a div.rollovercontainer .imagecontainer {
			float: none;
			margin: 0;

	/* li:hover ul, li.over ul { display: block; } /* The magic */
	} #imagevignettecontainer a:hover div.rollovercontainer, #imagevignettecontainer a.over div.rollovercontainer {
		display: block;

} #main {

	} #navcontainer {
		position: absolute;
		top: 5.8em;
		left: 0;
		width: 13em;
	
		z-index: 1000; /* this value must be larger than z-index value for #contentcontainer or the links in the navbar will not be accessible */
	
		} #navcontainer ul {
			list-style: none; 
			font-size: .9em;
			margin: 0;
			padding: 0;
				
		} #navcontainer ul li {
			font-weight: bold;
			margin: 0 0 10px 0;

		} #navcontainer ul li a {
			padding-right: 5px;
			display: block;
			padding-left: 10px;
			margin: 0.3em 0px;
			color: #060;
			text-decoration: none;
		
		} #navcontainer ul ul {
			border: none;
			
		} #navcontainer ul ul li a { /* submenu lists */
			list-style: none; 
			padding-left: 30px;
		
		} #navcontainer ul li a:hover {
			text-decoration: underline;
				
	} #contentcontainer {
		position: relative;
		top: 0; left: 0;
		margin: 0;
		padding: 0 25px 0 14em;
		
		z-index: 100;

		} #content {
			font-size: .9em;
		
			} #pagetitlebreadcrumbs {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 1.2em;
				font-weight: 400;
				margin-top: 0;
				padding: 0 210px 6px 0;
				border-width: 0 1px 1px 0;
				border-style: solid;
				border-color: #bbb white #bbb #bbb;
		
				} #pagetitlebreadcrumbs a {
					color: #369;
					text-decoration: none;

				} #pagetitlebreadcrumbs a:hover {
					color: white;
					background: #369;

				} #youareheretext {
					font-size: small;
					font-style: italic;
					color: #999;
					margin: 0;
					padding: 0;
		
			} #content>p:first-child {
				margin-top: 0;
				padding-top: 0;

			} #content ul {
				margin: 0;
				padding: .5em 0 .5em 0;
				list-style: none;
			
				} #content li {
					margin: 0;
					padding: .25em 0 .25em 0;
				
					} #content li.subhead {
						font-weight: bold;
						color: #7796b0;

					} #content li.subhead:after {
						content: ": ";

				} #content ul ul {
					margin-left: 2em;
					padding: 0;
					list-style: circle;

			} #content ul.standard {
				margin: auto;
			
				} #content ul.standard li {
					margin: auto;
						
            /* ---------------- content classes -------------------- */

			} #content p.newsbox {
				padding: 10px;
				border-width: 1px;
				border-style: solid;
				border-color: #ecdf87 #c93 #c93 #ecdf87;
				background: #fbec85;
			
			} #content .highlight {
				padding: 10px;
				border-width: 1px;
				border-style: solid;
				border-color: #ebe1b0 #c6b66a #c6b66a #ebe1b0;
				background: #dad09f;
			
				} #content .highlight strong {
					color: #7c5139;
			
	 		} .twocolumnleft {
				float: left;
				width: 46%;
				margin-right: 2%;
			
			} .twocolumnright {
				float: left;
				width: 47%;
			
			} .clearing {
				clear: both;

	
} #footer {
	position: relative;
	clear: both;
	margin: 0;
	padding: 10px 10px 10px 14em;
	z-index: 10; /* must be greater than z-index val for #backgroundbox */

} #footer p {
	font-size: .8em;
	color: #888;

/* ---------------- sphider elements -------------------- */

} #results {
	margin-top: 1em;

	} #results a, #results a:visited {
		color: #780;
	
	} #results a:hover {
		color: #fc0;

	} #results .title {

	} #results .url {
		font-size: .8em;
		color: #666;

	} #results .description {
		font-size: .9em;

} #did_you_mean {
	margin: -.5em 0 1em 0;

} #powered_by {
	margin-top: 2em;
	font-size: x-small;
	color: #777;

}