body {
	background: #afcfd4;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	}

* {margin: 0; padding: 0;}



	
/*----------------- header ------------------*/

#header {
	width: 784px;
	margin: 20px 0 0 83px;
	}

#header img.cyberlink {
	width: 87px;
	margin: 0 0 0 13px;
	float: right;
	border: none;
	}
	
#header #branding {
	width: 682px;
	height: 43px;
	background-color: #FFFFFF;
	text-align: right;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	}

body#archBody #branding, 
body#publicationsBody #branding {border-bottom: 1px solid #000000;}

#header #branding img {float: left}
	
#header #branding a {
	display: block;
	font-size: .8em;
	color: #313738;
	padding: 6px 10px 0 0;
	}
#header #branding a:hover {color: #000000;}
	
#header-nonav {
	width: 684px;
	margin; 20px 0 0 83px;
	border-left: 0px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
/*-------------------- nav --------------------*/

div#header ul {
	float: left;
	width: 683px;
	list-style-type: none;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	}

div#header ul li {
	float: left;
	text-align: center;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}
div#header ul li a {
	display: block;
	height: 21px;
	font-size: .85em;
	line-height: 21px;
	background-color: #E5ECED;
	color: #000000;
	}
div#header ul li a#nav1 {width: 202px;}
div#header ul li a#nav2 {width: 182px;}
div#header ul li a#nav3 {width: 169px;}
div#header ul li a#nav4 {width: 126px;}
div#header ul li a#nav5 {width: 162px;}
div#header ul li a#nav6 {width: 199px;}
div#header ul li a#nav7 {width: 165px;}
div#header ul li a#nav8 {width: 153px;}
div#header ul li a:hover {
	background-color: #FFFFFF;
	}
	
body#bodyCurrent div#header ul li a#nav1,
body#bodyRecent div#header ul li a#nav2,
body#bodySpecial div#header ul li a#nav3,
body#bodyContact div#header ul li a#nav4,
body#bodySubmissions div#header ul li a#nav5,
body#bodyPublications div#header ul li a#nav6,
body#bodyMandate div#header ul li a#nav7,
body#bodyArchive div#header ul li a#nav8 {
	background-color: #FFFFFF;
	}
	
	
	
	

	
/*-------------------- structure --------------------*/

.bodycontainer {
	width: 682px;
	margin: 20px 0 30px 83px;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	}

.sectionheader {
	padding: 10px 0 10px 17px;
	font-size: 1.4em;
	letter-spacing: .2em;
	color: #3D3D3D;
	background: #C2DADE;
	border-bottom: 1px solid #000000;
	}

.publicahead {
	padding: 10px 0 10px 17px;
	font-size: 1.4em;
	letter-spacing: .2em;
	color: #3D3D3D;
	background: #C2DADE;
	border-bottom: 1px solid #000000;}
	
	
.date {
	letter-spacing: 0em;
	float: right;
	margin-right: 15px;
	color: #FFFFFF;
	}
	
.content {
	background: #FFFFFF;
	border-bottom: 1px solid #000000;
	padding: 15px;
	font-size: .8em;
	}
	
body#bodyCurrent .content img,
body#bodyRecent .content img,
body#bodyPublications .content img,
body#bodySpecial .content img {
	float: right;
	margin: 0 0 10px 16px;}
	
.content span {display: block;color: #333333;}
.content span.listingDate {}
.content span.listingName {font-weight: bold;}
.content span.listingTitle {margin: 0 0 10px 0; font-size: 1.4em; font-weight: bold;}
.content span.listingTitle span {display:inline; font-weight: normal; font-size: .7em;}

	
.content p {padding: 4px 0 6px 0;}
.content p:first-child {padding: 18px 0 6px 0;}
	
a:link, a:visited {color: #2E5361; text-decoration: none}
a:hover  {color:#3D3D3D;}
	
h2 {font-size: 1.3em;
	color: #666666;
	margin: 0 0 10px 0;
	font-weight: normal;
	}

h4 {font: normal 1.2em Arial, Helvetica, sans-serif;}

span.nobold {font-weight: normal;}

.headertitle {
	font-size: 24px; 
	color: #373E42; 
	font-weight: normal; 
	letter-spacing: 0.07em; 
	word-spacing: normal;
	padding: 9px 5px 7px 15px;
	background-color: #c2dade; 
	text-align: left; 
	vertical-align: middle; 
	border-bottom: 1px solid #000000;  
	}
	
.headerdate {
	font-size: 24px; 
	color: #ffffff; 
	font-weight: normal; 
	letter-spacing: 0.07em; 
	word-spacing: normal;
	padding: 9px 10px 7px 5px;
	background-color: #c2dade; 
	text-align: right; 
	vertical-align: middle;
	border-bottom: 1px solid #000000;
	}

.content ul {
	list-style: square;
	margin: 0 0 10px 15px;
	}

.exhibImage {
	float: right;
	width: 341px;
	font-size: .8em;
	color: #7A7A7A;
	text-align: right;
	margin: 0 0 5px 16px;
	}

body#bodyCurrent .content .exhibImage img {
	margin: 0 0 5px 0;
	}


/*---------------------- contact styles -----------------------*/

div.contactbox {
	width: 682px;
	margin: 12px 0 24px 0;
	}

div.contactboxCol {
	float: left;
	width: 200px;
	}

body#bodySubmissions .content img {margin: 0 0 0 206px;}
	




/*-------------------- submissions styles ---------------------*/

.content p.buttonLink {
	float: right; 
	padding: 0px; 
	margin: 0px 0px 10px 0px;
	}
	
.content p.buttonLink:first-child {
	margin: 0px 0px 10px 0px;
	}
	
a.rolloverButton {
	display: block;
	width: 235px;
	font-size: 1em; 
	color: #000000; 
	background-color: #E5ECED;
	border: 1px solid #000000;
	letter-spacing: 0.07em; 
	vertical-align: middle;
	margin-right: 0px;
	padding: 6px;
	text-align: center;
	}
	
a.rolloverButton:link, a.plan-equip-link:visited {
	text-decoration: none;
	color: #000000;
	}

a.rolloverButton:hover {
	background-color: #ffffff;
	}

#plan {
	width: 584px;
	border: 1px solid #000000;
	margin: 25px 0 0 25px;
	}
	
#bodySubmissions div.content img {
	margin: 0; padding: 0; float: none; /* why is this here?! */
	}
	
.planLeftCol {
	float: left;
	width: 270px;
	}
	
.planRightCol {
	float: right;
	clear: right;
	width: 370px;
	}
	
#bodySubmissions div.content .planRightCol img {
	padding-bottom: 10px;
	}
	
	

/*---------------------- archive styles ----------------------*/	

body#archBody table {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	font-size: 1.0em;
	}

body#archBody table td {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 3px;
	vertical-align: top;
	}
	
body#archBody h3 {margin-left: 5px; margin-top: 10px;}
body#archBody h4 {font: bold 1.2em Arial, Helvetica, sans-serif; margin: 5px 0 3px 5px;}


#archive {
	border-bottom: 1px solid #000000;
	width: 200px;
	}
	
a.archive-link {
	padding: 8px 0 8px 0;
	font-size: 1.2em; 
	color: #000000; 
	font-weight: normal; 
	background-color: #c2dade;
	letter-spacing: 0.07em; 
	text-align: center; 
	vertical-align: middle;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #E5ECED;
	display: block;
	}
	
a.archive-link:link, a.archive-link:visited {
	text-decoration: none;
	color: #000000;
	}

a.archive-link:hover {
	background-color: #ffffff;
	}

	
.arch-content {
	background: #FFFFFF;
	border: 1px solid #000000;
	margin: 25px 25px 5px 25px;
	font-size: .8em;
	}
	
.arch-content h3 {margin-left: 5px; margin-top: 10px;}
.arch-content h4 {font: bold 1.2em Arial, Helvetica, sans-serif; margin-left: 5px;}

.arch-content td {font-size: .8em; vertical-align: top;}



/*---------------------- publications styles ----------------------*/

#publications table {
	border-bottom: 1px solid #000000;
	}
	
#publications table td.tablesectionhead {
	background: #FFFFFF; 
	font-size: 1.0em; 
	font-weight: normal; 
	padding-left: 5px; 
	color: #3D3D3D;
	}
	
#publications table th {
	background: #FFFFFF;  
	font-weight: bold;
	font-size: .8em;
	padding: 6px 0 6px 5px; 
	color: #3D3D3D;
	}
	
#publications table td {
	background-color: #D6E7EE;
	font-size: .8em;
	padding: 3px;
	vertical-align: top;
	}

.tablehead {
	font-size: 1.0em; 
	font-weight: bold;
	}

#pubimage {
	background-color: #D6E7EE;
	text-align: center;
	}
	
#pubimage img {
	width: 200px;
	margin: 10px 0 10px 0;
	}

#photo div.img {
	position: relative;
	margin: 0 auto 0 auto;
	width: 739px;
	}

.clear {clear: both;}