@charset "UTF-8";
/* CSS Document */

ul, li { text-indent:0 !important; padding:0 !important; margin:0 !important; list-style:none !important; }

@font-face {  
	  font-family: "UniversBlack";  
	  src: url(../fonts/Univers.eot);
	  src: local("Univers.ttf"), url(../fonts/Univers.ttf) format("truetype"); 
	} 
	
@font-face {  
	  font-family: "ArialBlack";  
	  src: url(../fonts/Arial_Black.eot);
	  src: local("ArialBlack.TTF"), url(../fonts/Arial_Black.ttf) format("truetype"); 
	} 

body { background-color:#887E6F; font-size:12px; line-height:12px; }

p { font-family:Arial, Helvetica, sans-serif; color:#231F20; font-size:.925em; line-height:1.2em; margin-bottom:15px; margin-top:8px; text-decoration:none; }
p a { color:#231F20; text-decoration:none; }
p a:hover { color:#C00; text-decoration:none; }

.head1 { font-family:"UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif; font-weight:normal; font-size:.92em; line-height:1.2em; margin-bottom:0px; color:#231F20; margin-top:0px; }

.large { font-family:Arial, Helvetica, sans-serif; color:#231F20; font-size:1.8em; line-height:1.2em; margin-bottom:25px; margin-top:0px; letter-spacing:1px; }

.large a { font-family:Arial, Helvetica, sans-serif; color:#231F20; margin-bottom:25px; margin-top:0px; letter-spacing:1px; text-decoration:none; }
.large a:hover { color:#C00; }

.red { font-family:Arial, Helvetica, sans-serif; color:#C00; font-size:11px; line-height:14px; margin-bottom:15px; }
.red_small { font-family:Arial, Helvetica, sans-serif; color:#C00; font-size:9px; line-height:12px; margin-bottom:0px; text-align:right; }
.red_large { font-family:Arial, Helvetica, sans-serif; color:#C00; font-size:15px; line-height:22px; margin-bottom:5px; margin-top:20px; }

.white { color:#FFF !important; line-height:1.2em !important; }
.projects { font-family:Arial, Helvetica, sans-serif; color:#231F20; font-size:1em; line-height:1.25em; margin-bottom:15px; margin-top:0px; }

.address { font-family:Arial, Helvetica, sans-serif; color:#887E6F; line-height:1.1em; margin-top:35px; }

.address a { font-family:Arial, Helvetica, sans-serif; color:#887E6F; line-height:1.1em; margin-bottom:15px; text-decoration:none; }
.address a:hover { font-family:Arial, Helvetica, sans-serif; color:#C00; text-decoration:none; }

.addressB { font-family:Arial, Helvetica, sans-serif; color:#231F20; line-height:1.1em; margin-top:9px; }

.addressB a { font-family:Arial, Helvetica, sans-serif; color:#231F20; line-height:1.1em; margin-bottom:15px; text-decoration:none; }
.addressB a:hover { font-family:Arial, Helvetica, sans-serif; color:#C00; text-decoration:none; }

.addressF { font-family:Arial, Helvetica, sans-serif; color:#231F20; font-size:0.95em; line-height:1.1em; margin-top:35px; position:absolute; top:592px; left:0px; }

.addressF a { font-family:Arial, Helvetica, sans-serif; color:#231F20; line-height:1.1em; margin-bottom:15px; text-decoration:none; }
.addressF a:hover { font-family:Arial, Helvetica, sans-serif; color:#C00; text-decoration:none; }

.addressP { font-family:Arial, Helvetica, sans-serif; color:#231F20; font-size:0.95em; line-height:1.1em; margin-top:35px; position:absolute; top:520px; left:0px; }

.addressP a { font-family:Arial, Helvetica, sans-serif; color:#231F20; line-height:1.1em; margin-bottom:15px; text-decoration:none; }
.addressP a:hover { font-family:Arial, Helvetica, sans-serif; color:#C00; text-decoration:none; }

.error { font-family:Arial, Helvetica, sans-serif; color:#231F20; font-size:0.9em; line-height:11px; margin-bottom:15px; }

.error a { font-family:Arial, Helvetica, sans-serif; color:#C00; font-size:0.9em; line-height:11px; margin-bottom:15px; text-decoration:none; }
.error a:hover { font-family:Arial, Helvetica, sans-serif; color:#231F20; text-decoration:none; }

h1 { font-family:"UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; line-height:18px; margin-bottom:15px; color:#231F20; margin-top:0px; } 

h1 a { font-family:"UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; line-height:18px; margin-bottom:15px; color:#231F20; margin-top:0px; text-decoration:none; }
h1 a:hover { font-family:"UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif; color:#231F20; text-decoration:none; }

.white_h1 { font-family:"UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; line-height:18px; margin-bottom:15px; color:#FFF; margin-top:0px; } 

.white_h1 a { font-family:"UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; line-height:18px; margin-bottom:15px; color:#FFF; margin-top:0px; text-decoration:none; }
.white_h1 a:hover { font-family:"UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; }

.indent { padding: 0px 0px 0px 10px; }

.condense { font-stretch:semi-condensed !important; letter-spacing:-.05em; }

.blue { color:#0096D6; }
.redL { color:#C00; }

.dropshadow_image { box-shadow:10px 10px 8px #888888; }

hr { color:#000; background-color:#000; height:1px; border:none; margin:0 0 10px 0; clear:both; }

#container { 
	margin:50px auto;
	width:990px;
}

#logo {
	padding:0 0 25px 0;
}

#main {
	padding: 40px 25px 20px 25px;
	width:940px;
	float:left;
	background-color:#FFF;
}

#main_home {
	padding: 15px 0 0 0;
	width:990px;
	float:left;
	background-color:#FFF;
}

#main_about {
	padding: 25px 25px 20px 25px;
	width:940px;
	float:left;
	background-color:#A7529F;
}

#main_news {
	padding: 25px 25px 0px 25px;
	width:940px;
	float:left;
	background-color:#A7529F;
}

#main_environmental {
	padding: 25px 25px 20px 25px;
	width:940px;
	float:left;
	background-color:#FDBB30;
}

#main_exhibit {
	padding: 25px 25px 20px 25px;
	width:940px;
	float:left;
	background-color:#39A6DD;
}

#main_visual {
	padding: 25px 25px 20px 25px;
	width:940px;
	float:left;
	background-color:#8DC63F;
}

#main_graphics {
	padding: 25px 25px 20px 25px;
	width:940px;
	float:left;
	background-color:#EE3124;
}

#sidebar_black {
	width:213px;
	float:left;
	height:740px;
	padding:25px 0 20px 25px;
	background-color:#FFF;
	position:relative;
}

#sidebar_left {
	width:230px;
	float:left;
	height:740px;
	position:relative;
}

#footer_home {
	width:710px;
	padding:0px 0px 0px 0px;
	float:right;
	position:absolute;
	left:273px;
	top:760px;
}
#footer_home_new {
	width:710px;
	padding:0px 0px 0px 0px;
	float:right;
	position:absolute;
	left:273px;
	top:790px;
}
#footer {
	width:710px;
	padding:0px 0px 0px 0px;
	float:right;
	position:absolute;
	left:230px;
	top:735px;
}


#footer_news {
	width:710px;
	padding:25px 0px 0px 0px;
	float:left;	
}

#footer_2 {
	width:600px;
	padding:0px 0px 0px 0px;
	float:left;
}

.homeCol {
	width:106px;
	height:184px;
	float:left;
	padding:0 0 0 36px;
}
.homeColNew{
 	width:202px;
	height:228px;
	float:left;
	padding-right:32px;
	padding-bottom:28px;
}
.homeColNewFirst{padding-left:50px;}
.homeColTop {
	width:106px;
	height:184px;
	float:left;
	padding:36px 0 0 36px;
}

.homeColBtm {
	width:106px;
	height:150px;
	float:left;
	padding:0 0 0 36px;
}

.icon, .icon_new { margin-top:2px !important; }
.icon a {line-height:1.05em;font-size:0.8em;}
.icon_new a {line-height:16px; font-size:11px;}
.icon a, .icon_new a {
	font-family: Arial, Helvetica, sans-serif;
	color:#887E6F; 
	font-stretch:semi-condensed;
	text-decoration:none;
	font-weight:normal;
}

.icon a:hover, .icon_new a:hover { text-decoration:underline; color:#887E6F; font-weight:normal; }


#center {
	float:left;
	width:460px;
	padding:0px 25px 0px 0px;
}
	

#position {
	float:left;
	position:relative;
	width:460px;
	height:1px;
}

#position2 {
	float:left;
	position:relative;
	width:460px;
	margin-top:15px;
	height:1px;
}

#slide_nav {
	float:left;
	position:absolute;
	width:100px;
	left:485px;
	top:-8px;;
}

#slide_nav_spec {
	float:left;
	position:absolute;
	width:100px;
	left:485px;
	top:-23px;;
}

#sappi  {
	float:left;
	position:absolute;
	width:100px;
	left:485px;
	top:-16px;;
}

#sidebar_right {
	width:225px;
	float:right;
}

#content {
	width:710px;
	float:left;
}

#content_home {
	width:752px;
	float:right;
	padding:25px 0px 0px 0px;
}
#content_home_new {
	width:752px;
	float:right;
	padding:25px 0px 0px 0px;
}
#slide {
	margin-left:10px;
}
.column_1 {
	width:235px;
	height:712px;
	float:left;
}

.column {
	width:235px;
	float:left;
}

br.clear {
	clear:right;
}




/* Address and Photo Credits aligned with bottom of right hand side */

#address {
	position:absolute;
	top:-75px;
	left:0px;
}

#credit {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:0.9em;
	line-height:1.2em;
	float:left;
}




/* NAVIGATION: BASIC */

.navHead { font-family: "UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif !important; font-weight:normal !important; font-size:1em !important; margin-bottom:0px; color:#231F20; margin-top:12px; }
.navHead a { font-family: "UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif !important; font-weight:normal !important; font-size:1em !important; margin-bottom:0px; color:#231F20; margin-top:12px; }
.navHead a:hover { color:#C00; }
.navHead #here { color:#C00; }

ul#mainNav {
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:.925em;
	line-height:1.1em;
	text-decoration: none;
	text-align:left;
	float:left;
	margin-top:0px;
	margin-left:0px;
	display:block;
	padding:0px;
	width:200px;
	list-style:none;
	}
	
#mainNav a {
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	}
	
#mainNav a:hover {
	color: #C00;
	}
		
* html #mainNav a {
	height: 1px;
	}
	
#mainNav #here {
	color: #C00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	}




	
/*------------ NAVIGATION: HOME ------------*/

/* black background */

.navHead_home { font-family: "UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif !important; font-weight:normal !important; font-size:1em !important; margin-bottom:0px; color:#FFF !important; margin-top:12px; }
.navHead_home a { font-family: "UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif !important; font-weight:normal !important; font-size:1em !important; margin-bottom:0px; color:#FFF !important; margin-top:12px; }
.navHead_home a:hover { color:#C00 !important; }

ul#mainNav_home {
	color: #887E6F;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:.925em;
	line-height:1.1em;
	text-decoration: none;
	text-align:left;
	float:left;
	margin-top:0px;
	margin-left:0px;
	display:block;
	padding:0px;
	width:200px;
	list-style:none;
	}
	
#mainNav_home a {
	color: #887E6F;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	}
	
#mainNav_home a:hover {
	color: #C00;
	}
		
* html #mainNav_home a {
	height: 1px;
	}
	
#mainNav_home #here {
	color: #C00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	}





/*------------ NAVIGATION: COLORED BACKGROUNDS ------------*/

.navHead_color { font-family: "UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif !important; font-weight:normal !important; font-size:1em !important; margin-bottom:0px; color:#231F20; margin-top:12px; }

.navHead_color a { font-family: "UniversBlack", "ArialBlack", Arial, Helvetica, sans-serif !important; font-weight:normal !important; font-size:1em !important; margin-bottom:0px; color:#231F20; margin-top:12px; }

.navHead_color a:hover { color:#FFF; }
.navHead_color #here { color:#FFF; }

ul#mainNav_color {
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:.925em;
	line-height:1.1em;
	text-decoration: none;
	text-align:left;
	float:left;
	margin-top:0px;
	margin-left:0px;
	display:block;
	padding:0px;
	width:200px;
	list-style:none;
	}
	
#mainNav_color a {
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	}
	
#mainNav_color a:hover {
	color: #FFF;
	}
		
* html #mainNav a {
	height: 1px;
	}
	
#mainNav_color #here {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	}




	
/*------------ NAVIGATION: ABOUT PAGES ------------*/
	
ul#mainNav_about {
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.925em;
	line-height:1.1em;
	text-decoration: none;
	text-align:left;
	float:left;
	margin-top:0px;
	margin-left:0px;
	display:block;
	padding:0px;
	width:200px;
	list-style:none;
	}
	
#mainNav_about a {
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	}
	
#mainNav_about a:hover {
	color: #FFF;
	}
	
#mainNav_about #here {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	}
	
ul#mainNav_about_wh {
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.925em;
	line-height:1.1em;
	text-decoration: none;
	text-align:left;
	float:left;
	margin-top:0px;
	margin-left:0px;
	display:block;
	padding:0px;
	width:200px;
	list-style:none;
	}
	
#mainNav_about_wh a {
	color: #231F20;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	}
	
#mainNav_about_wh a:hover {
	color: #C00;
	}
	
#mainNav_about_wh #here {
	color: #C00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration: none;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	}




	
/*------------ SLIDESHOW NAVIGATION ------------*/

/* 3 sets: the back and next arrows; and the circles */


ul.nav_back {
	width:11px;
	height:11px;
	margin:0px;
	padding:0px;
	display:inline;
	list-style:none;
	float:left;
}

.nav_back a {
	width:11px;
	height:11px;
	background-image:url(../images/back.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
}

.nav_back a:hover {
	width:11px;
	height:11px;
	background-image:url(../images/back.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.nav_back #back_here {
	width:11px;
	height:11px;
	background-image:url(../images/back.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

* html .nav_back a {
	height: 1px;
	}


ul.nav_slides {
	width:12px;
	height:11px;
	margin:0px;
	padding:0px;
	display:inline;
	list-style:none;
	float:left;
}

.nav_slides a {
	width:12px;
	height:11px;
	background-image:url(../images/circle.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
}

.nav_slides a:hover {
	width:12px;
	height:11px;
	background-image:url(../images/circle.jpg);
	background-repeat:no-repeat;
	background-position: 0px -14px;
}

.nav_slides #slides_here {
	width:12px;
	height:11px;
	background-image:url(../images/circle.jpg);
	background-repeat:no-repeat;
	background-position:0px -14px;
}

* html .nav_slides a {
	height: 1px;
	}


ul.nav_next {
	float:left;
	width:11px;
	height:11px;
	margin:0px;
	padding:0px;
	display:inline;
	list-style:none;
}

.nav_next a {
	width:11px;
	height:11px;
	background-image:url(../images/next.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
}

.nav_next a:hover {
	width:11px;
	height:11px;
	background-image:url(../images/next.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.nav_next #next_here {
	width:11px;
	height:11px;
	background-image:url(../images/next.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

* html .nav_next a {
	height: 1px;
	}
	




/*------------ IMAGES ------------*/

img.shadow {
	-moz-box-shadow: 12px 12px 10px rgba(126,126,126,0.6); 
	-webkit-box-shadow: 12px 12px 10px rgba(126,126,126,0.6); 
	box-shadow: 12px 12px 10px rgba(126,126,126,0.6);		
}

img.news { width:240px; height: auto; }

/* miscellaneous mmages */

.mphl { padding:15px 0 0 55px; }

.saco { margin-left:-14px; }






/*------------ SLIDESHOW ------------*/

.nivoSlider {
    position:relative;
    background:url(../images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}





/*------------ NEWS ------------*/

.newsleft { float:left; width:240px; padding:0 20px 0 0; clear:both; }

.newsright { float:right; width:448px; }

.newsright p { font-size:1.45em; margin:-4px 0 20px 0; padding:0 !important; line-height:20px; }

.caption { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#000; 
	font-stretch:semi-condensed;
	line-height:1.1em;
	padding:0; 
	margin:5px 0 30px 0;
	}






/*------------ LOGOS ------------*/


#logoscontainer {
	width:752px;
	float:right;
	padding:25px 0px 0px 0px;
}

.logocol {
 	width:202px;
	height:228px;
	float:left;
	padding-right:32px;
	padding-bottom:28px;
}
.logofirst{padding-left:50px;}

.logos { width:180px; height: auto; }

.logocap { margin-top:2px !important; }

.logocap a {
	line-height:16px; font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#887E6F; 
	font-stretch:semi-condensed;
	text-decoration:none;
	font-weight:normal;
}

.logocap a:hover { text-decoration:underline; color:#887E6F; font-weight:normal; }








