/* body start */
	
body {
	background: rgb(230,230,230);
	color: black;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 13px;
	text-align: center; }
	
img {
	border: none; }
	
a img {
	color: none;
	text-decoration: none;
	border: none; }

a:visited {
	color: none; text-decoration: none; } 
	
a:active {
	color: none; text-decoration: none; } 
	
a:active, a:focus {outline: 0; }
	
#newsbody {
	background-image: url(../images/png/newsbackground.png);
	background-position: top; 
	background-repeat: repeat-x; 
	background-attachment: fixed; }
	
#newsbody a {
	color: mediumvioletred; text-decoration: none; } 
	
#newsbody a:hover {
	color: mediumvioletred; text-decoration: underline; } 
	
#newsbody a:hover img {
	border-color: mediumvioletred; } 

#workbody {
	background-image: url(../images/png/workbackground.png);
	background-position: top; 
	background-repeat: repeat-x; 
	background-attachment: fixed; }

#workbody a {
	color: blueviolet; text-decoration: none; } 
	
#workbody a:hover {
	color: blueviolet; text-decoration: underline; } 
	
#workbody a:hover img {
	border-color: blueviolet; }

#infobody {
	background-image: url(../images/png/infobackground.png);
	background-position: top; 
	background-repeat: repeat-x; 
	background-attachment: fixed; }
	
#infobody a {
	color: orangered; text-decoration: none; } 
	
#infobody a:hover {
	color: orangered; text-decoration: underline; } 
	
#infobody a:hover img {
	border-color: orangered; } 

	/* body end */

	
	/* menu start */
	
#menu {
	display: block; 
	border: 1px dashed gray; 
	width: 600px; 
	padding: 10px; 
	text-align: center;
	margin: 0px auto 20px auto;
	background: transparent; }
	
#menu h1 {
	display: block; 
	font-family: "century gothic", Helvetica, Arial, Sans-Serif;
	font-weight: 100; 
	width: 350px; 
	background-color: lightblue; 
	border: 1px solid gray; 
	letter-spacing: 0.75em; 
	font-size: 24px; 
	margin: 5px auto;
	padding: 3px 0px 5px 15px; }

#navbar {
	display: inline-block; 
  	font-size: 12px;
  	margin: 0px auto 2px auto;
  	line-height: 24px; 
  	text-align: left; 
  	text-indent: 35px; }
  	
#navbar :hover {
	background-position: top left;  }
	
#navbar li {
	display: block; 
	border: 1px solid gray; 
	margin: 1px 1px 1px 0px; 
	list-style: none;
	float: left; 
  	width: 100px; }
  	
#navbar li a {
	display: block;
  	background: transparent url(../images/png/button.png) no-repeat;
  	background-position: bottom left; }

#navbar li a:hover {
	text-decoration: none; }
   
#navbar li ul li {
	display: block; 
   	width: 203px; }
   
#navbar li ul {
	display: none; 
	width: 203px; }  
	
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
   	position: absolute;
   	margin: 1px 0px 1px -1px;
   	padding: 0; }
   
#navbar li:hover li, #navbar li.hover li {
   	float: none; }
   
#navbar li:hover li a, #navbar li.hover li a {
	display: block; 
	background-position: bottom left; }
   
#navbar li li a:hover {
display: block; 
   	background-position: top left; }
   
.blueviolet {
	color: blueviolet; }

.mediumvioletred {
	color: mediumvioletred; }

.orangered {
	color: orangered; }

.orange {
	color: orange; }

.gold {
	color: gold; }

	/* menu end */
	
	
	/* work start */
	
#paperrip { 
	display: inline-block; 
	background-color: none;
	background-image: url(../images/png/paperrip.png); 
	background-position: 0px 0px; 
	background-repeat: repeat-x; 
	border-bottom: 1px dashed gray; 
	margin: 0px auto 0px auto; 
	width: 900px;
	height: 25px;
	padding: 0px; }
	
#work { 
	display: inline-block; 
	text-align: center; 
	width: 900px; 
	background-image: url(../images/png/squarepaper.png);
	background-position: left top;  
	margin: 0px auto 50px auto;  
	padding: 50px 0px 20px; }

#work h2 {
	font-family: "century gothic", Helvetica, Arial, Sans-Serif; 
	text-align: center; 
	font-weight: normal;
	color: rgb(90,90,90); 
	letter-spacing: 0.16em; 
	font-size: 36px;
	display: inline-block; 
	width: 700px; 
	margin: 5px 100px 30px 100px; }

	/* work end */


	/* folder start */
	
#folder {
	text-align: center; 
	background-color: rgb(250,235,215);
	width: 400px;  
	float: none;
	display: inline-block; 
	margin: 50px 24px 30px 24px; 
	padding: 0px 0px 35px 0px; 
	border: 1pt solid gray; }
	
#workfolder {
	text-align: center; 
	background-color: rgb(250,235,215);
	width: 580px;  
	float: none;
	display: inline-block; 
	margin: 50px 24px 30px 24px; 
	padding: 0px 0px 35px 0px; 
	border: 1pt solid gray; }
	
#folder img, #workfolder img {
	display: inline-block; 
	float: none; 
	margin: 5px auto 5px auto;
	border: 1px solid gray;
	background-color: white; 
	padding: 10px; }

#folder #top, #workfolder #top {
	margin: -40px auto 5px auto; }
	
#folder div img, #workfolder div img {
	margin: 40px auto 0px 340px;
	border: none;
	background-color: transparent; 
	padding: 0px; 
	display: block; }

#folder h3, #workfolder h3 {
	background: transparent url(../images/png/folder_right.png) no-repeat scroll top right; 
	display: block; 
	float: left; 
	position: relative; 
	top:-50px; 
	font-weight: normal; 
	font-size: 14px;
	margin: 0px; 
	padding: 0px 60px 0px 0px; }

#folder h3 span, #workfolder h3 span {
	background: transparent url(../images/png/folder_left.png) no-repeat; 
	display: block; 
	font-weight: bold; 
	color: rgb(10%, 10%, 10%); 
	line-height: 48px; 
	padding: 8px 15px 0px 72px; }

#folder h3+div, #workfolder h3+div {
	background-color: rgb(250,235,215); 
	height: 80px; 
	width: 100%; 
	margin: 0px auto; 
	padding: 0px 0px 0px 0px; 
	display: block; 
	border: none; }
	
#folder h3+#content, #workfolder h3+#content {
	height: 60px; 
	margin-top: -55px; 
	width: 100%; 
	padding: 0px; 
	display: inline-block; 
	background: transparent url(../images/png/folder_content.png) no-repeat top left;
	text-align: center; }
	
#folder h3+#content+h5, #workfolder h3+#content+h5 {
	margin-top: 5px; }
	
#content a img {
	border: none; 
	padding: 0px;
	margin: 35px auto 0px auto; }
	
#content a:hover img {
	background: transparent url(../images/png/indexcard/openfolder.png) no-repeat; }

#folder iframe, #workfolder iframe {
	display: block; 
	margin: 0px auto 4px auto; }

#workfolder div {
	min-width: 458px; 
	text-align: justify; 
	background-color: snow; 
	color: rgb(10%, 10%, 10%); 
	margin: 0px 40px 4px 40px;  
	padding: 10px 20px 20px 20px; 
	display: inline-block; 
	border-bottom: 1pt solid gray;
	border-left: 1pt solid gray;
	border-right: 1pt solid gray;}

#folder div {
	min-width: 258px; 
	text-align: left; 
	background-color: snow; 
	color: rgb(10%, 10%, 10%); 
	margin: 0px 40px 4px 40px;  
	padding: 10px 20px 20px 20px; 
	display: inline-block; 
	border-bottom: 1pt solid gray;
	border-left: 1pt solid gray;
	border-right: 1pt solid gray;}


#folder div p, #workfolder div p {
	line-height: 120%; 
	word-spacing: 0.1em; }
	
#folder h5, #workfolder h5 {
	text-align: center; 
	font-size: 14px; 
	color: rgb(10%, 10%, 10%); 
	line-height: 200%; 
	margin: 10px 40px 0px 40px;
	padding: 0px 10px 0px 10px; 
	border: 1px solid gray; }

#folder div+h5, #workfolder div+h5 {
	margin-top: -40px; }
	
#folder h5+iframe, #workfolder h5+iframe {
	margin-top: 10px; }
	
#folder div iframe, #workfolder div iframe {
	margin-top: 24px; 
	margin-bottom: 24px; }
	
#folder h5+a img, #workfolder h5+a img {
	margin-top: 15px; }
	
iframe {
	border: 1px solid gray; }

#imgframe {
	display: block; 
	float: none; 
	margin: 5px auto 5px auto;
	border: 1px solid gray;
	background-color: white; 
	padding: 10px; }

	
	/* folder end */
	
	
	/* document start */
	
#doc_nav {
	display: block; 
	width: 1060px; 
	text-align: center; 
	margin: 0px auto; 
	padding: 0px; 
	border-bottom: 1px dashed white; }
	
#doc_nav img {
	margin: 10px 75px; }	
	
#doc_nav a img {
	margin: 10px 75px; }

	
#doc_nav a:hover img {
	background: transparent url(../images/png/back.png) no-repeat; }

#doc_nav a+a:hover img {
	background: transparent url(../images/png/home.png) no-repeat; }

#doc_nav a+a+a:hover img {
	background: transparent url(../images/png/document.png) no-repeat; }
	
#document {
	width: 1060px; 
	display: block; 
	margin: 100px auto 50px auto; 
	padding: 0px; 
	border: 1px solid gray; 
	background: rgb(250,235,215) url(../images/png/document-fold.png) repeat-x center; }
	
#document h3 {
	background: transparent url(../images/png/document_right.png) no-repeat scroll top right; 
	display: block; 
	float: left; 
	position: relative; 
	top:-75px; 
	font-weight: normal; 
	font-size: 18px;
	margin: 0px; 
	padding: 0px 90px 0px 0px; }

#document h3 span {
	background: transparent url(../images/png/document_left.png) no-repeat; 
	display: block; 
	font-weight: bold; 
	color: rgb(10%, 10%, 10%); 
	line-height: 73px; 
	padding: 8px 15px 0px 100px; }

#document h3+div {
	background-color: rgb(250,235,215); 
	height: 40px; 
	width: 1060px; 
	margin: 0px auto; 
	padding: 0px; 
	display: block; 
	border: none; }
	
#document div {
	width: 1020px; 
	margin: 0px auto 50px auto; 
	display: block; 
	text-align: justify; 
	line-height: 150%; 
	padding: 0px 0px 48px 0px; 
	color: rgb(10%, 10%, 10%); 
	border: 1px solid gray;
	background-color: snow; }
	
#document div span {
	text-align: center; }
	
#document div span h2 {
	letter-spacing: 0.16em; 
	line-height: 150%; 
	font-size: 36px; 
	font-weight: lighter; 
	margin: 100px auto 36px auto; }
	
#document div h3 {
	font-size: 28px; 
	margin-top: 64px; 
	background: none; 
	float: none; 
	position: static; 
	padding: 0px; } 
	
#document div h4 {
	font-size: 20px; 
	font-weight: lighter; 
	text-transform: uppercase; 
	margin-bottom: 36px; }
	
#document h5 {
	text-align: center; 
	color: rgb(10%, 10%, 10%); 
	line-height: 200%; 
	font-size: 20px; 
	margin: 40px 20px 40px 20px; 
	padding: 0px 0px 0px 0px;
	border: 1px solid gray; }
	
#document div p {
	font-size: 18px; 
	margin: 0px 250px 12px 250px; }	
	
#document div p span {
	font-variant: small-caps; }	
	
#document div p+span p {
	margin-top: 24px;
	margin-bottom: 6px; }
	
#document div span+ol {
	margin-top: 0px; }	
	
#document div span+blockquote {
	margin-top: 0px; }	
	
#document div blockquote+span p {
	margin-bottom: 6px; }	
	
#document div span+span p {
	margin-bottom: 6px; }	
	
#document div blockquote {
	font-size: 16px; 
	margin: 24px 250px 20px 280px; }
	
#document div sup {
	font-size: 10px; 
	line-height: 100%; 
	vertical-align: top; }
	
#document div ol {
	font-size: 16px; 
	text-align: left; 
	margin: 24px 250px 20px 280px; }
	
#document div ol li span{
	font-variant: small-caps; }

#document div img {
	display: block; 
	float: none; 
	margin: 0px auto 20px auto;
	border: 1px solid gray;
	background-color: white; 
	padding: 10px; }
	
#document div p+img {
	margin: 24px auto 12px auto; }
	
#document div img+p {
	font-size: 14px; 
	margin: 12px 280px 20px 280px; }
	
#document div hr { 
	height: 1px;
	border: 0;
	color: rgb(10%, 10%, 10%); 
	background-color: rgb(10%, 10%, 10%); 
	width: 100px; 
	margin: 48px auto; }
	
#document div hr+span p {
	text-align: justify; 
	line-height: 150%; 
	font-size: 14px; 
	margin: 12px 280px 20px 280px; }
	
	/* document end */
	
	
	/* h5 start */
	
#text {
	background-color: lightgreen; }

#video {
	background-color: lightpink; }
	
#image {
	background-color: thistle; } 

#info {
	background-color: lightsalmon; }
	
#talk {
background-color: lightsteelblue; }

#exhibition {
background-color: paleturquoise; }
	
	/* h5 end */