/*
foo {border-color: red green blue yellow}
top border will be red
 right border will be green
 bottom border  will be blue
 left border will be yellow

 foo {border-color: top right bottom left}
 
*/
	* {					/* Set some universal rules */
		padding:0;
		margin:0;
		border:0;
		font-size:100%;

		color:#335;
	}
	html {				/* Fix scrollbars in FF */
		min-height:101%;
	}
	body {
		font-family:Georgia,"Times New Roman",Times,serif;
		font-size:1em;
		margin-bottom:5em;
 		background-color:#fff;
		background-image: url('images/backgrounds/fade.jpg');
		background-repeat: repeat-x;
		background-position: top left;
		background-attachment:fixed;
		height:100%;
		color:#5b5b5b;
		text-align:center;
	}
	div {
		cursor:default;
		zoom:1;
	}
	img {
		background: url('images/backgrounds/loading.gif') no-repeat 50% 50%;
	}
	a#top{
		display:block;
		height:1px;
		width:100%;
		overflow:hidden;
		text-indent:-999em;	
		background-color:#cccfd4;
	}

	div#wrapper {	/* Need a pixel min-width here, and possibly a statement for IE */
		font-size:1em;	
		position:relative;
		background-color:#f8faf9;
		border:1px #c2c7cf solid;
		border-bottom:0;		
		width:46em;
		margin:auto;
		margin-top:1em;
		text-align:left;
	}

  	div#header {
		position:relative;
		padding-top:1em;
		text-align:center;
		height:5.5em;
		}
		div#header h1 a {
			font-size:2em;
			font-weight:normal;
			letter-spacing:-0.01em;
			color:#335;
			text-decoration:none;
		}
		div#header p {
			border-top:1px solid #b3b8bf;
			text-align:left;
			margin:6em;
			margin-bottom:0.5em;
			margin-top:0.2em;
			padding-top:0.2em;
			padding-left:1.5em;
			padding-right:1em;
			overflow:hidden;
		}
 
 	div#inner {
		position:relative;	
		margin:0.5em;
		background:#fffffb;	/* fafbfb;  */
		margin-top:2.5em;
		border:1px solid #dfdfdf;
		clear:both;
		zoom:1;
	}
 	div#summary {
		position:relative;
		margin:0.5em;
		background-color:#ffffff;
		border:1px solid #c2c7cf;
		zoom:1;
	}
 		div#summary h3 {
			font-size:1.2em;
			margin:0.5em;
			margin-bottom:0.25em;
			padding-bottom:0.25em;
			border-bottom:1px solid #c2c7cf;
		}
		div#summary h3 a {
			color:#5b5b5b;
		}
		div#summary h3 a#skip {
			color:#333355;
		}
		div#summary div {
			position:relative;
			margin-left:0.5em;
		}
 			div#summary div img {
				border:1px solid #c2c7cf;
				width:32em;
				height:12em;
				margin:0.5em;
				margin-bottom:0;
				float:left;
			}
  			div#summary div ul#images {
				float:right;
				margin-right:0.75em;
				_margin-right:0.5em;
				color:#335;
				margin-top:0.25em;
				padding:0;
				padding-top:0.37em;
				text-align:center;
				width:9em;
			}
			div#summary div ul#images li {
				margin-bottom:0.25em;
				list-style-type:none;
			}
			div#summary div ul#images a {
				color:#335;
				display:block;
				text-decoration:none;
				padding:0.25em;
				margin-bottom:0.5em;
				font-size:0.8em;
				background:#fffdef;
				border:1px solid #c2c7cf;		
			}
			div#summary div ul#images img,div#summary ul#gallery li a img {
				width:10.5em;
				height:3.75em;
				border:1px solid #c2c7cf;
				margin:0;
				margin-bottom:0.25em;
				display:block;
				clear:both;
				float:none;
			}
			div#summary div ul#images span {
				display:block;
				text-align:left;
				/* font-size:0.8em; */
			}
		div#summary p {
			margin:1em;
			margin-top:0.5em;
			font-size:1em;
			clear:both;
		}

		div#summary ul#gallery {
			margin-left:1.8em;
		}
		div#summary ul#gallery li  {
			float:left;
			height:5em;
			margin:0.25em;
			list-style-type:none;
		}
		div#summary ul#gallery li span {
			display:block;
			width:auto;
			margin-left:0.6em;
		}
		div#summary ul#gallery li a,div#summary ul#images li a {
			color:#335;
			display:block;
			text-decoration:none;
			background:#fbfbfb;
			padding:0.25em;
			margin-bottom:0;
			font-size:0.8em;
			border:1px solid #c2c7cf;
		}
			div#summary ul#gallery li a:hover,div#summary ul#gallery li a:focus
			,div#summary ul#images li a:hover,div#summary ul#images li a:focus {
				background:#fff;
				color:#44749d;
				border:1px solid #c2c7cf;
			}
			div#summary ul#images li a:hover span,div#summary ul#images li a:focus span {
				color:#44749d;
			}
	/* Added for video */
	div#summary div#intro {
		margin:0 0.5em 0 0;
	}
	div#summary div#intro p {
		width:45%;
	}
		div#summary div#intro div#media {
			position:absolute;
			top:0.5em;
			right:1em;
			border:1px solid #c2c7cf;
			padding:3px;
			margin:0.25em 0 0.5em 0.5em;
			float:right;
			width:310px;
			height:238px;
			font-size:12px;
		}
		div#summary div#intro div#media div {
			padding:0;
			margin:0;
		}
		div#summary div#intro div#media img#preview-image {
			width:310px;
			height:200px;
			margin:-1px;
		}
		div#summary div#intro div#video-links {
			float:right;
			position:absolute;
			bottom:3px;
			right:3px;
		}
	/* /Added for video */
	
	div#content {
		width:30em;
		float:left;
		margin-left:0.25em;
		position:relative;
		zoom:1;
	}
		div#content div {
			position:relative;
			margin:0.25em;
			margin-bottom:0.5em;
			padding:0.5em;
			padding-bottom:0;
			background:#fffffb;
			border:1px solid #fffffd;
		}
		div#content p {
			font-size:0.8em;
			margin-bottom:1em;
		}
		div#content ul {
			margin-bottom:1em;
		}
		div#content ul li {
			font-size:0.8em;
			margin-left:2em;
			margin-right:3em;
			list-style-type:disc;
		}

		a#up,a#up:hover {
			font-size:0.7em;
			display:block;
			clear:both;
			text-align:right;
			border:0;
			margin:0.5em;
		}
		div#content h4 a {
			font-size:1em;
			font-weight:bold;
			margin-bottom:0.2em;
			border-bottom:0;
			color:#5b5b5b;
		}
		div#content h4.link {
			margin-bottom:0.25em;
		}
		div#content h4.link a {
			color:#333355;
			padding-bottom:0.1em;
			border-bottom:1px solid #c2c7cf;
		}
		div#content h4.link a:hover,div#content h4.link a:active,div#content h4.link a:focus {
			color:#44749d;
		}
		
		div#content a {
			font-weight:bold;
			color:#0a2a52;
			text-decoration:none;
		}
		div#content h4.category a {
			font-size:1em;
			font-weight:bold;
			margin-bottom:0.5em;
			border-bottom:1px solid;
			color:#5b5b5b;
			display:block;
			width:100%;
		}
		div#content h4.category a:hover {
			color:#44749d;
			background:#fff;
		}
/* 		div#content div:hover,div#content div.sfhover {
			background:#fffffb;
			border:1px solid red;
		}
		div#content div div,div#content div div:hover {
			border:1px #d1d6df solid;
			background:#fff;
		} */
		
	div#context {
		width:13em;
		float:right;
		margin-right:0.5em;
		margin-top:0.5em;	
	}
		div#context ul {
			margin-bottom:1em;
		}
		div#context ul li {
			list-style-type:none;
		}
		div#context div {
			margin-bottom:1em;
			background:#ffffff;
			border:1px solid #c2c7cf;
		}
			div#context div h3 {
				font-size:1em;
				color:#5b5b5b;
				margin:0.5em;
				margin-bottom:0;
			}
			div#context div p {
				font-size:0.8em;
				margin:1em;
				margin-top:0.5em;
			}
		ul#questions li a {
			color:#5b5b5b;
			display:block;
			text-decoration:none;
			padding:0.25em;
			padding-right:0.5em;
			margin-bottom:0.5em;
			font-size:0.8em;
			background:transparent;
			border:1px solid #fafbfb;
		}
		ul#questions li a:focus,ul#questions li a:hover {
			color:#44749d;
			background:#fff;
			border:1px solid #c2c7cf;
		}			

	ul#menu {
 		width:100%;
		border:1px #c2c7cf solid;
		border-right:0;
		border-left:0;
		background-color:#f5f5f7;
		background-image:url(./images/backgrounds/menu.jpg);
		background-repeat:repeat-x;
		background-position:left bottom;
	}
		ul#menu,ul#menu ul { /* All menu lists */
			position:absolute;
			top:6.5em;
			left:0;
			list-style:none;
			line-height:1; /* What's going on here? */
		}
		ul#menu ul {
			background-color:#f8f8fa;
			background-image:url(./images/backgrounds/menu_selected.jpg);
			background-repeat:repeat-x;
			background-position:left bottom;
		}
 		ul#menu .parent {
			color:#335;
			padding:0.2em;
			padding-bottom:0.3em;
			padding-left:0.3em;
		}
		ul#menu a {
			display: block;
			text-decoration:none;
		}
		ul#menu a:focus,ul#menu a:hover {
			/* color:#53aadf; */
			color:#44749d;
			background-image: url('images/backgrounds/menu_selected.jpg');
		}
		ul#menu li { /* Parent list items */
			float:left;
			width:9em; /* width needed for Opera */
			list-style-type:none;
		}
		ul#menu li li { /* Child list items */
			float:left;
			width:8em; /* width needed for Opera */
			list-style-type:none;
		}	
		ul#menu li ul { /* second-level lists */
			position:absolute;
			color:#335;
			border:1px #d1ddef solid;
			line-height:1; /* What's going on here? */
			width:15em;
			left:-999em;
			top:1.3em;
		}
		ul#menu li ul a {
			display: block;
			width: 10em;
			color:#335;
			white-space:nowrap;
			border-top:0;
			padding:0.2em;
			padding-bottom:0.3em;
		}
		ul#menu .firstchild {
		}
		ul#menu .lastchild {
		}
		ul#menu li ul a:hover,ul#menu li ul a:focus {
			/* color:#53aadf; */
			color:#44749d;
			background:transparent;
		}	
		ul#menu li:hover ul, ul#menu li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}

	div#footer {
		position:relative;
		width:46em;
		margin:auto;
		color:#335;
		text-align:center;
		background-color:#f8faf9;
		border:1px solid #c2c7cf;
		border-top:0;
		padding-top:0.5em;
	}
		div#footer div {
			text-align:left;
			margin:0.5em;
			padding:1em;
			padding-right:2em;
			background-color:#fffffb;
			border:1px solid #dfdfdf;
		}
		div#footer p {
			line-height:1.3em;
		}
		div#footer a {
			font-weight:bold;
			color:#0A2A52;
			text-decoration:none;
			padding-bottom:0.1em;
			border-bottom:1px solid #c2c7cf;
		}
	
		div#footer a:hover {
			color:#44749d;
		}
		
	div#associations {
		position:relative;
		width:40em;
 		margin:1em auto; 
	}
	div#associations img {
		float:right;
		margin-left:1em;
		margin-bottom:2em;
	}

	span.suffix,div#summary span.suffix {	/* Shrink the text for Alan's PN titles */
		font-size:0.7em;
		color:inherit;
		display:inline;
		margin:0;
	}
	div#wrapper:after,div#inner:after,div#summary:after,div#summary div:after {	/* Fix for floated content in FF */
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	
	label {
		display:block;
		margin:0.5em;
	}
	form fieldset span {
		display:block;
		font-size:0.7em;
		padding:1em;
		padding-top:0;
		color:#5b5b5b;
	}
	input,textarea,select {
		display:block;
		border:1px solid;
		padding:0.25em;
		margin:0.5em;
	}
	input.hidden {
		display:none;
		border:0;
		padding:0;
		margin:0;
		width:0;
		height:0;
	}
	input#context {
		display:inline;
	}
	input.button {
		font-family:Georgia,"Times New Roman",Times,serif;
		font-weight:bold;
		display:inline;
		margin:0.25em;
	}
	a.edit {
		background-color:#fff;
		background-image:url(./images/buttons/edit.jpg);
		background-repeat:no-repeat;
		background-position:left top;
		display:block;
		width:16px;
		height:16px;
		overflow:hidden;
		text-indent:-999em;	
	}
	
	ol {
		margin-left:1.5em;
	}
a:focus {
	outline: 0;
}