@import url(structure.css);
@import url(content.css);
/* CSS Document */
body {
	padding: 0;
	margin: 0;
	font: 11px Verdana, Arial, sans-serif;
	color: #666666;
	text-align: center;
	background: #cccfbc url(../images/bg.jpg) no-repeat left top fixed;
}
*html  body {
                     font-size: 100%;
}
h2 {
	font: 26px Georgia, serif lighter;
	color: #333333;
	margin: 0 0 10px 0;
}
*html h2 {
	margin: 10px 0;
                     font-size: 1.6em;
}
h5 {
	 color: #888;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	margin:0 0 5px 0;
    }
*html h5 {
                     font-size: 0.75em;
	line-height: 1.2em;
}
h5 span {
	 color: #888;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:11px;
	margin:0 6px 0 0;
}
*html h5 span {
                     font-size: 0.7em;
}
h4 span {
	 color: #888;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	margin: 8px 6px 0 0;
}
*html h4 span {
                     font-size: 0.65em;
}

a img { border:none;
text-decoration:none;}

/* Main Menu UL */

#menu li {
	list-style: none;
	float: left;
	display: block;
	margin: 4px 0 0 3px;
	} 
#menu input {
	margin-top: -2px;
	font-size: 10px;
	height: 12px;
	width: 80px;
	color: #000000;
	background-color: #CCCCCC;
	margin-left: 5px;} 
	* html #menu input {margin-top: -4px;}
#menu img {
	margin-top: -2px;
	}
#menu a , #menu {
	color: #999966;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#menu a:hover {
	color: #FFFFFF;
}
/* Sub Menu UL */
#toc_toggle a {
	text-decoration: none;
	display:inline;
	margin: 0;
                      height:66px;
	color: #999999;
}
#toc_toggle a:hover {
	color: #A68059;
}
#toc_toggle #collect {
	padding: 0 20px 20px 16px;	
}
#toc_toggle #members {
	padding: 0 88px 20px 13px;	
}
#toc_toggle #about{
	padding: 0 37px 20px 13px;
}
#toc_toggle #exhibits {
	padding: 0 56px 20px 13px;
}
#toc_toggle #education {
	padding: 0 0 20px 13px;
}

#toc a {
	color: #c5c59b;
	text-decoration: none;	
	border:none;
                     padding: 0 0 7px 0;
	font: 10px/15px "Trebuchet MS", arial, san-serif;
	text-transform: uppercase;
}
#toc a:hover {
	color: #FFFFFF;
}
#toc ul {
	margin: 10px 0 0 15px;
	color: #FFFFCC;
}
#one ,  #two , #three , #four , #five {
	height: 155px;
	float: left;
	background-color: #999966;
	}
#one {
	width: 170px;
	border-right: 1px solid #c5c59b;
}

#two {
	width: 172px;
	border-right: 1px solid #c5c59b;
}
#three {
	width: 158px;
	border-right: 1px solid #c5c59b;
}

#four {
	width: 133px;
	border-right: 1px solid #c5c59b;
}

#five {
	width: 153px;
}
/* body contents Div styles */	

#side1 p {
	margin: 0 0 10px 0;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 22px;
}
*html  #side1 p  {
                     font-size: 0.75em;
	line-height: 1.8em;
}
#news p { 
	font: 10px Arial, Helvetica, sans-serif;
	line-height: 14px;
}
*html  #news p  {
                     font-size: 0.625em;
	line-height: 1.4em;
}
#side1 h5 {
	font: bold 13px;
	line-height: 18px;
	margin: 0 0 2px 0;
	padding: 0px;
}
*html  #side1 h5  {
                     font-size: 0.8em;
	line-height: 1.2em;
}
#side1 h3  {
	font: 20px Georgia, serif lighter;
	color: #000;
	border-bottom: 1px solid #c5c59b;
	border-top: 1px solid #c5c59b;
	width: 100%;
 	padding: 5px 0 5px 0;
	margin: 6px 0 6px 0;
}
*html  #side1 h3  {
                     font-size: 1.3em;
}  
#side1 h5 a {
	color: #999966;
}
#side1 h5 a:hover  {
                      color: #9E4F17;
	text-decoration: none;
}
#side1 a {
	color: #9E4F17;
	text-decoration: none;
}
#side1 a:hover {
	text-decoration: underline;
}
#side1 img {
	padding-bottom: 10px;

}


#side2 #subheader {

	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 252px;
	float: left;
}
#side2 #subheader a {
	margin: 0px;
	padding: 0px;

}
#side2 #subheader #so {
	font: bold 13px Georgia, serif;
	margin: 2px 0 0;
	padding: 0;
	color: #4e8418;
}
#side2 #subheader #ws {
	font: bold 13px Georgia, serif;
	margin: 2px 0 0;
	padding: 0;
	color: #4068a0;
}
#side2 #subheader #red {
	font: bold 13px Georgia, serif;
	margin: 2px 0 0;
	padding: 0;
	color: #9E4F17;
}
*html  #side2 #subheader #so  {
                     font-size: 0.8em;
}
*html  #side2 #subheader #ws  {
                     font-size: 0.8em;
}
*html  #side2 #subheader #red {
                     font-size: 0.8em;
}
#side2 #subheader img {
	margin: 0 0 0 -4px;
}
#side2 #workshop {
	float: left;
	background: url(../images/02.jpg) no-repeat left top;
	margin: 5px 0 0 0;
	padding: 0 0 0 95px;
	width: 155px;
	color: #999999;
}
#side2 #workshop a {
	color: #4068a0;
	text-decoration: none;
}
#side2 #online {
	float: left;
	background: url(../images/01.jpg) no-repeat left top;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 5px 0 10px 0;
	padding: 0 0 0 95px;
	width: 155px;
                     height: 79px;
	color: #888;
}
*html  #side2 #online  {
                     font-size: 0.625em;
}
#side2 #online a {
	color: #4e8418;
	text-decoration: none;
}
#side2 #online a strong {
	font: bold 11px Verdana,  sans-serif;
}
*html  #side2 #online a strong {
                     font-size: 1.125em;
}
#side2 #online a:hover , #side2 #workshop a:hover {
	text-decoration: underline;
}
#side3 h3 {
	color: #A68059;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 15px;
	text-transform: uppercase;
	background: url(../images/arrows.gif) no-repeat left top;
	line-height:11px;
	margin:0 0 3px 0;
	height:auto;
    }

#side3 a {	
                    color: #999966;
	font: 10px "Trebuchet MS", arial, san-serif;
	text-transform: uppercase; 
	margin:0 0 0 17px;
	line-height:15px;
	text-decoration:none;}

#side3 a:hover {
	color: #A68059;
}
#side3 #list li {
	display: block;
	margin: 10px 0 5px 15px;
	padding: 0;
	list-style: none;
}
#side3 #list li a {
	display: block;
	margin: 0;
	padding: 0;
}
#side3 #list li p {
	font: 10px Arial, Helvetica, sans-serif;
	line-height:15px;
}
#sub_member {
	margin: 0 0 0 5px;

 }
#sub_member li {
	margin: 0px;
line-height: 14px;
}
#sub_member li a {
	background: url(../images/green.jpg) no-repeat left;
	padding: 0 0 0 10px;

}
#sideExhibit img {
	float:left;
	border:1px solid #FFF;
                     margin:12px 14px 10px 20px;} 
*html #sideExhibit img{margin:12px 14px 20px 20px;}
#sideExhibit h2 {
	font: 20px Georgia, serif lighter;
	color: #000;
 	padding:0 10px 0 10px;
}
*html  #sideExhibit h2 {
                     font-size: 1.25em;
}
#sideExhibit p {
	color: #000;
	padding: 5px 12px 20px 0px;
}
#side4 h4 , #side5 h4 , #side6 h4,  #side7 h4 {
	font: 17px Georgia, serif ;
	line-height: 18px;
	margin: 0  0  6px 0;
	padding: 0px;
                     color: #888;
}
*html  #side4 h4 ,*html  #side5 h4 , *html  #side6 h4 ,  *html  #side7 h4  {
                     font-size: 1.05em;
}
#news h4 { 
	line-height: 16px;
}

#side4 li , #side5 li , #side6 li , #side7 li  {
                     padding:0 0 3px 0;
	}
*html  #side4 li ,*html  #side5 li , *html  #side6 li ,  *html  #side7 li  {
                     font-size: 0.7em;
	line-height: 1.2em;
} 
#side4 ul , #side5 ul , #side6 ul , #side7 ul  {
	margin: 4px 0 8px 14px;
                     list-style-type: disc;
	list-style-position: outside;
	} 

#side4 h3 , #sideExhibit h3 , #side7 h3  {
	font: 20px Georgia, serif lighter;
	color: #000;
 	padding:0;
	margin:0 0 6px 0;
} 
*html  #side4 h3 ,*html  #sideExhibit h3 , *html  #side7 h3  {
                     font-size: 1.25em;
}
#side4 a , #sideExhibit a , #side7 a  {
	color: #999966;
	text-decoration: none;
                     }
#side4 a:hover, #side1 h4 a:hover, #side7 a:hover {
	color: #A68059;
	text-decoration: none;
}
#side4 p , #side7 p {
	padding: 0px;
	margin: 0 0 17px 0;

}
*html  #side4 p , *html  #side7 p , *html  #side4  blockquote , *html #sideExhibit p {
                     font-size: 0.7em;
}
#honor {
	padding: 12px 0 5px 0;
	margin: 0;
    float: left;
	width: 200px;
}
#honor li {
    list-style-type: disc;
	list-style-position: inside;	
}
*html  #honor li {
                     font-size: 0.7em;
	line-height: 1.05em;
}
#side7 img {
	padding: 0;
	margin: 15px 8px 0 1px;
                     float: left;
width: 75px;
height: 100px;
}
#pages {
	text-align: right; 
	margin: 0 20px 0 0;        
}
#pages a.sel-page {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;    
}

#ex li {
	display: block;
	margin: 0 20px 0 0;
	padding: 0px;
	float: left;
}
* html #ex li {
	margin: 0 25px 0 0;
}
#ex img {
	border: 1px solid #999999;
	padding: 0px;
	margin: 2px 10px 14px 0;
                    float:left;
} * html #ex img {
	margin: 4px 10px 14px 0;
}
#ex p {
            margin:0 0 0 110px;
           width:460px;
}
#ex {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
                     border-bottom:1px dashed #999999;
                     float: left;
                    width: 100%;
}

#exhead h4 {
	color: #414141;
	margin: 2px 0 0 0;
	padding: 0px;
}
#exhead  h4 strong {
	line-height: 20px;
	color: #999999;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
*html #exhead  h4 strong  {
                     font-size: 0.875em;
}

form img {
border:none;
}
.back {
clear:both;
font-weight: bold;
text-align: right;
width: 570px;
height: 15px; 
float:right;
padding:0 12px 0 0;
margin:0 3px 5px 0; 
background: url(../images/arrows_back.gif) no-repeat right 3px;
}
*html  .back {
                     font-size: 0.7em;
}
/* Reset lists */
ul,ol { list-style: none }
/* Reset global margins */
ul,ol,li,body,html,p,input,img { margin:0; padding:0; }/* CSS Document */
/* UTILITY - Clear Floats: */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */