html, body {
	background: #e6f5ee;
	background: #f6f6f0;
	background: #efefe0;
	font-family: Helvetica, Arial, sans-serif;
	color: #222;
	}
	
html {
	font-size: 100.1%;
	text-align: center;
	}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: .93em;	
	}
	
/*---- CLEAR DEFAULTS *----*/
h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,ul,ol,li,dl,dt,dd,fieldset,input {
	margin: 0;
	padding: 0;
	}
	
a {
	color: #066;
	text-decoration: none;
	border-bottom: 1px solid #066;
	}
	
a:visited {
	color: #033;
	}

a:hover {
	color: #ca0202;
	}

	
a:active {
	color: #ca0202;
	}	

a IMG {
	border: 0;
	}
	
/* Skip navigation */
a.skip {
	position: absolute;
	left: -1000em;
	width: 20em;
	}
	
/* Page top */

.pagetop { /* Back to top link */
	position: relative;
	display: block;
	float: right;
	margin: 0;
	border-bottom: 0 none;
	padding-right: 20px;
	background: #fff url(../img/n-pagetop.gif) no-repeat right;
	line-height: 1.4em;
	color: #000;
	}
	
a.pagetop:link, a.pagetop:visited {
	color: #033;
	}
	
a.pagetop:hover {
	}
	
a.prev {
	color: #066;
	background: #fff url(../img/n-prev.gif) no-repeat left;
	padding-left: 19px;
	text-decoration: none;
	}
	
a.next {
	color: #066;
	background: #fff url(../img/n-next.gif) no-repeat right;
	padding-right: 19px;
	text-decoration: none;
	}
	
a.prev:hover, a.next:hover {
	}
	
a.imgprevnext IMG {
	border: 2px solid #efefe0;
	border-right: 1px solid #efefe0;
	border-left: 1px solid #efefe0;
	border: 2px solid #dfdfd0;
	border-right: 1px solid #dfdfd0;
	border-left: 1px solid #dfdfd0;
	background: #066;
	}
	
a.imgprevnext:hover IMG {
	border: 2px solid #066;
	border-right: 1px solid #066;
	border-left: 1px solid #066;
	background: #033;
	}
	
a.edit, a.edit:visited {
	text-decoration: none;
	font-weight: bold;
	color: #666;
	}
	
a.edit:hover {
	color: #000;
	}	
	
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;   /* prevent IE expanding the container */
	margin: 0;          /* keep flush with surrounding blocks */
	padding: 0;
	}
	
#wrapperAll {
	/*border: 2px solid #fff;*/
	max-width: 864px;
	margin: 0 auto;
	padding: 8px;
	background: #fff;
	text-align: left;
	}
	
#navGlobal {
	background: #333;
	color: #fff;
	}
	
#navGlobal a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	}	
	
#header {
	position: relative;
	width: 100%;
	float: left;

	border-bottom: 6px solid #fff;
	background: #033;
	}

#section {
	position: relative;
	float: left;
	width: 29.5%;
	}
	
#title {
	float: left;
	width: 68.2%;
	padding-left: 2.2%;
	/*margin-left: 27.5%;*/
	background: #066;
	}
	
#wrapperContent {
	margin-bottom: 0;
	padding-bottom: .8em;
	border-bottom: 8px solid #066;
	background: #f6f6f0;
	}	

.wrapperIntro {
	position: relative;
	float: left;
	padding-top: .4em;
	background: #fff;
	}

#contentAside {
	position: relative;
	float: left;
	width: 29.5%;
	margin-top: .8em;
	border-right: 2px solid #fff;
	padding-bottom: 1.2em;
	}	
	
#contentAside IMG {
	display: block;
	margin: 0 auto;
	}	
	
#contentAside p {
	margin-left: .6em;
	margin-right: .4em;
	line-height: 1.4em;
	}	
	
#contentBio {
	position: relative;
	float: left;
	width: 65.8%;
	margin-top: .8em;
	margin-left: -2px;
	border-left: 2px solid #fff;
	padding-left: 1.2em;
	line-height: 1.4em;
	height: 1%;
	}
	
p {
	text-indent: 1.5em;
	line-height: 1.4em;
	}	
	
p.first-child {
	text-indent: 0;
	}

.small {
	font-size: .9em;
	}
	
p.small {
	line-height: 1.4em;
	}	
	
ul.list li {
	position: relative;
	margin-left: 0;
	margin-top: .4em;
	padding: 0 0 0.15em 14px; 
	background: #f6f6f0 url(../img/bullet.gif) no-repeat 0 .4em;
	list-style: none; 
	line-height: 1.4em;
	}		
	
div.navImg {
	position: relative;
	float: right;
	width: 114px;
	text-align: right;
	}	
	
#contentWorks {
	position: relative;
	clear: both;
	margin-top: .4em;
	padding-top: .4em;
	padding-bottom: .4em;
	/*border: 1px solid #ccc;*/
	border-top: 1px solid #efefe0;
	background: #fff;
	}
	
#contentWorks p {
	clear: left;
	border-bottom: 1px solid #efefe0;
	padding-left: .8em;
	padding-top: .4em;
	padding-bottom: .4em;
	background: #f8f8f4;
	}
	
.navColumns {
	height: 1%;
	width: 100%; /* new */
	position: relative;
	float: left;
	margin: .8em auto 0 auto;
	padding-left: .6em;
	}
	
.navColumns ul.sidenav {
	margin-bottom: 0;
	padding-bottom: 0;
	}
	
.navCol {
	margin: .6em auto 0 auto;
	}	
	
.navCol div p {
	line-height: 1.2em;
	text-indent: 0;
	}
	
#contentBio .navCol li {
	line-height: 1.2em;
	}	
	
div.articles, div.announcement {
	margin-top: .4em;
	margin-bottom: .4em;
	padding: .2em .6em .6em .6em;
	padding-bottom: .8em;
	background: #EFEFE0;
	}
	
div.announcement {
	margin-bottom: .6em;
	background: #EFEFE0;
	}	
	
#contentRef {
	margin-top: 1em;
	}	

#contentNews {
	position: relative;
	float: left;
	width: 67.5%;
	padding: .6em 0 0 0;
	}
	
* html #contentAside, * html #contentBio, * html .navColumns, * html #contentNews {
	height: 1%;
	}	
	
#contentNews h2 {
	padding-left: .6em;
	}	
	
#contentNews p {
	clear: left;
	margin-top: .4em;
	border-bottom: 1px solid #efefe0;
	padding-left: .8em;
	padding-top: .4em;
	padding-bottom: .4em;
	background: #efefe0;
	}
	
#contentNews dl {
	margin-left: .8em;
	}


#contentNews dt {
	line-height: 1.1em;
	}
	
#contentNews dd {
	margin-bottom: .4em;
	line-height: 1.1em;
	}	
	
#navRelated {
	position: relative;
	float: left;
	width: 32.5%;
	margin-left: 0;
	padding: 0;
	padding-bottom: .6em;
	background: #fff;
	}
	
#navRelated ul {
	margin-left: .8em;
	margin-right: 0;
	overflow: hidden;
	}	
	
#navRelated h3, #contentRef h3, h2.gloss {
	margin-top: 1em;
	margin-bottom: .6em;
	line-height: 1.4em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Helvetica Neue", Arial, sans-serif;
	}
	
#navRelated h3 {
	margin-left: .8em;
	}

h2.gloss {
	margin-top: .6em;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: .2em;
	line-height: 1.4em;
	font-weight: bold;
	font-size: .9em;
	color: #066;
	}
	
.navCol h2.gloss {
	margin-top: 0;
	}	
	
h2.gloss a, h2.gloss a:visited {
	border-bottom: 0 none;
	text-decoration: none;
	color: #066;
	}
	
.threeTwo h2 a, .threeTwo h2 a:visited {
	text-decoration: none;
	color: #033;
	}
	
.threeTwo h2 a:hover, #contentBio h2.gloss a:hover {
	}	
	
#navPage {
	padding: .6em 0;
	}
	
#navPage a {
	border-bottom: 0 none;
	}	

#navFooter {
	clear: both;
	padding-bottom: .2em;
	color: #333;
	}
	
#navFooter a {
	text-decoration: none;
	color: #066;
	}
	
#navFooter a:hover {
	}	
	
/*---- TEXT RULES ----*/

h1 {
	clear: both;
	background: #033;
	font-weight: normal;
	color: #fff;
	}

#title h1, h1.home {
	position: relative;
	float: left;
	padding-top: .6em;
	padding-bottom: .4em;
	background: #066;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 2em;
	}
	
#section h1 {
	padding-top: 2em;
	padding-left: 1.2em;
	padding-right: .8em;
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #9cc;
	font-size: .8em;
	}	
	
h2, h3 {
	margin-bottom: .4em;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	}
	
h2 {
	margin-top: .4em;
	margin-bottom: .2em;
	line-height: 1.1em;
	}

h2 {
	color: #066;
	}
	
h3 {
	margin-top: .4em;
	margin-bottom: .2em;
	padding-bottom: 0;
	line-height: 1.2em;
	color: #033;
	}
	
#threeRight h3 {
	margin-top: 0;
	}	

div.frame {
	margin-bottom: .6em;
	border: 2px solid #efefe0;
	padding: 1.2em 1.2em 1.6em 1.2em;
	background: #fff;
	}

p.intro {
	margin-bottom: .8em;
	/*background: #fff;
	padding: .4em; */
	text-indent: 0;
	font-weight: bold;
	color: #033;
	}
	
.intro a {
	font-weight: normal;
	}
	
.intro strong {
	font-weight: normal;
	}	

IMG.work {
	display: block;
	margin: 0 auto;
	}
	
p.caption {
	margin-top: .4em;
	line-height: 1.2em;
	text-indent: 0;
	}
	
div.caption p.caption {
	margin-top: 0;
	}	
	
.workname {
	font-weight: bold;
	font-style: italic;
	}
	
.materials, #contentBio p.materials {
	line-height: 1.2em;
	text-indent: 0;
	color: #666;
	}
	
.picCaption {
	clear: right;
	position: relative;
	float: right;
	width: 230px;
	margin-bottom: .6em;
	margin-left: 12px;
	}
	
.picCaption IMG {
	display: block;
	margin-bottom: 0;
	border: 2px solid #efefe0;
	padding: 8px;
	background: #fff;
	line-height: 1.2em;
	}	

div.caption {
	position: relative;
	float: left;
	margin-right: -118px;
	padding-bottom: 1em;
	}	

ul#threeLeft, ul#threeCenter, ul#threeRight, div#threeLeft, div#threeCenter, div#threeRight   {
	position: relative;
	float: left;
	width: 31.5%;
	height: 1%;
	}
	
.navCol div#threeRight {
	width: 35.5%;
	width: 35%;
	height: 1%;
	border-left: 2px solid #fff;
	padding-left: .6em;
	
	}		
	
ul#threeCenter {
	margin-left: 1.2%;
	margin-right: 1.2%;
	/* to show right border, width = padding left + padding right + border width? */
	}
	
ul#threeRight {
	margin-left: 1%;
	}
	
.threeTwo {
	position: relative;
	float: left;
	width: 62%;
	height: 1%;
	}
	
#contactSub #threeLeft {
	width: 32%;
	padding-right: 8px;
	}

#contactSub .threeTwo {
	width: 66%;
	}
	
#contactSub h3 {
	margin-top: 0;
	}	
	
.twoLeft, .twoRight {
	position: relative;
	float: left;
	width: 48%;
	width: 47%; /* IE */
	height: 1%;
	margin: 0;
	}
	
.twoRight {
	margin-left: .8em;
	}	

/* Section/side nav */

ul.navSide {
	margin-top: .4em;
	margin-bottom: .6em;
	list-style-type: none;
	}	
	
ul.navSide li a IMG {
	display: block;
	margin: 2px auto 4px auto;
	padding: 3px;
	background: #fff;
	border: 2px solid #efefe0; /* D3D3D3 */
	}	
	
ul.navSide li {
	display: inline;
	}
	
ul.navSide li a {
	position: relative;
	display: block;
	margin-top: -2px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 4px .6em 5px .6em;
	/*background: #F6F6F0 url(../img/bg-featured.jpg) repeat-x;*/
	line-height: 1.2em;
	/*text-align: right; */
	text-decoration: none;
	color: #066;
	}
	
ul.navSide li.featured a {
	background: #EFEFE0;
	color: #033;
	text-align:center;
	font-size: .9em;
	}	
	
ul.navSide li a:hover {
	color: #fff;
	background: #066;
}

.navSide .current a {
	background: #fff;
	font-weight: bold;
	color: #033;
	}
	
.navSide .current a:hover {
	background: #fff;
	color: #ca0202;
	color: #000;
	}


/* THUMBNAIL LIST */

ul.thumbnail {
	clear: both;
	margin: 0 auto;
	list-style-type: none;
	text-align: center;
	font-size: .9em;
	}

.thumbnail li {
	position: relative;
	float: left;
	width: 19.8%;
	margin-top: .4em;
	margin-bottom: .6em;
	padding: 0;
	padding-bottom: 0;
	}	

.thumbnail a.pic {
	display: block;
	width: 106px;
	height: 106px;
	margin: 0 auto .4em auto;
	border: 2px solid #efefe0; /* D3D3D3 */
	background: #fff;
	text-align: center;
	}
	
.thumbnail a.pic:hover {
	border: 2px solid #ca0202;
	}
	
.thumbnail a IMG {
	margin: 3px;
	}
	
/* ARTICLE LIST */

dl.articles {
	padding-bottom: .8em;
	}

.articles dt {
	margin-top: .4em;
	margin-bottom: .1em;
	padding-top: .4em;
	border-top: 2px solid #fff;
	line-height: 1.4em;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.5em;
	}
	
.articles dt a {
	position: relative;
	height: 1%;
	color: #066;
	border-bottom: 0 none;
	}
	
.articles dt a IMG {
	position: relative;
	display: block;
	float: left;
	width: 100px;
	height: 1%;
	margin-top: 3px;
	margin-right: 10px;
	border: 2px solid #efefe0;
	padding: 3px;
	background: #fff;
	}
	
.articles dt a:hover IMG {
	height: 1%;
	border: 2px solid #ca0202;
	}	
	
.articles dt a:hover {
	}
	
.articles dd {
	line-height: 1.4em;
	}
	
.author {
	font-weight: bold;
	color: #033;
	}
	
.articles .pubDate {
	color: #666;
	}
	
.articles .source {
	font-style: italic;
	color: #666;
	}
	
div.articles dl.articles {
	margin-top: 0;
	padding-top: 0;
	}	
	
.articles dl.articles dt {
	margin-top: 0;
	border-top: 0 none;
	padding-top: 0;
	}	
	
.source cite {
	font-style: normal;
	}

/* REFERENCES */
ul.refList {
	list-style-type: none;
	}
	
.refList li {
	line-height: 1.2em;
	}	

.pullquote {
	position: relative;
	float: right;
	width: 33%;
	margin: .2em 0 .6em .6em;
	padding: .6em;
	background: #fff;
	line-height: 1.4em;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.2em;
	color: #066;
	}
	
#contentBio .pullquote p {
	text-indent: 0;
	}	
	
.attribution {
	position: relative;
	display: block;
	text-align: right;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .63em;
	}
	
.date {
	color: #666;
	}

.reference {
	padding-top: .4em;
	line-height: 1.2em;
	text-indent: 0;
	font-style: italic;
	color: #666;
	}
	
p.reference cite {
	font-style: normal;
	}
	
a.refNo {
	line-height: 1.2em;
	vertical-align: top;
	text-decoration: none;
	letter-spacing: .05em;
	font-weight: bold;
	color: #066;
	font-size: .93em;
	}
	
p.alert {
	width: 80%;
	margin-bottom: .6em;
	border: 2px solid #033;
	padding: .6em;
	background: #fff;
	line-height: 1.2em;
	text-indent: 0;
	font-weight: bold;
	}
	
.alert strong {
	font-weight: normal;
	}
	
	
	
/* Screen reader elements */	
.reader {
	position: absolute;
 	left: 0;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
	}