/* CSS Document */
html body {
	margin: 0;
	padding: 0;
	font: 12px/20px "Arial", Helvetica, sans-serif;
	text-align: left;
	background: #fff;
	}
h4 {
	text-align: right;
	}
	
/*---------------------------------
	elements
---------------------------------*/

a {
	color: #000;
	text-decoration: none;
	}
a:hover {
	color: #FF0000;
	text-decoration: none;
	}
a img {border: none;}
img {border: none;}
a.active {color: #FF0000;}

h1 {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #8cacbb; /* changed twice from white to dee5e6 to 8cacbb */
	text-transform: uppercase;
	line-height: 16px;
	}
h3 {font-size: 11px; margin: 0;}
p {
	margin: 0;
	padding: 0;
	font: 10px/14px "Arial", Helvetica, sans-serif;
	text-align: left;
	background: #dee5e6;
   }
b {color: #dee5e6;}
.upp {text-transform: uppercase;}
.links {color: #76797c;}
.rss {
	padding: 0 0 2px 20px;
	background: url(./img/rss.gif) no-repeat;
	}
.bump {
	margin: 0 10px 18px 0;
	display: block;
	float: left;
	}
.years {
	font-size: 11px;
	letter-spacing: 1px;
}

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


#splashpage a {
	position: absolute;
	top: 200px;
	left: 135px;
	padding: 50px 0 0 0;
	height: 0px !important; 
	height: 50px; /* IE */
	overflow: hidden;
	width: 600px;
	background: url(./img/splashimage.gif) top left no-repeat;
	}
	
	
	
#wrap {
	position: absolute;
	margin: 45px auto 0 auto;
	width: 870px;
	padding: 0;
	text-align: left;
	}
	
	
	
#logo a {
	position: absolute;
	left: 247px;
	padding: 20px 0 0 0;
	height: 0px !important;
	height: 20px;
	overflow: hidden;
	width: 370px;
	background: url(../../images/logo_pm.gif) top left no-repeat;
	top: -41px;
	}
	
#nav {
	position: absolute;
	top: 30px;
	left: 130px;
	width: 610px;
	}
	
#nav ul {
	margin: 0;
	padding: 0;
	height: 20px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}
	
	/*  76797c */
#content {
	position: absolute;
	top: 162px;
	left: 251px;
	width: 548px;
	height: 640px;
	color: #333333;
	}
	/* #8cacbbthis content_bio is from bio stylesheet	it is not being used LEFT: 195px; WIDTH: 510px; POSITION: absolute; TOP: 112px; */
#content_bio {

	position: absolute;
	top: -13px;
	left: 194px;
	width: 530px;
}
#contentflash {
	position: absolute;
	top: 112px;
	left: 215px;
	width: 655px;
	height: 350px;
	}
	
	
	
#leftmenu {
	position: absolute;
	top: 164px;
	width: 145px;
	font-size: 10px;
	left: 61px;
	height: 195px;
	}
	
	
	
	
#leftmenu .spacer {
	margin-top: 20px;
	}
#leftmenu ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#rightmenu {
	position: absolute;
	top: 161px;
	left: 813px;
	width: 140px;
	font-size: 10px;
	height: 17px;
	}
	
#rightmenuW3C {
	position: absolute;
	top: 483px;
	left: 859px;
	width: 92px;
	font-size: 10px;
	height: 83px;
	}    	
	
#rightmenuW3C_pdf {
	position: absolute;
	top: 821px;
	left: 860px;
	width: 92px;
	font-size: 10px;
	} 
		
	
#rightmenu ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#contacts {
	position: absolute;
	top: 490px;
	width: 870px;
	font-size: 11px;
	text-align: center;
	}
#video_caption {
	position: absolute;
	top: 0;
	left: 550px;
	width: 145px;
	color: #FFF;
	font-size: 11px;
	}
#video_caption p {
	font-size: 11px;
	line-height: 22px;
	color: #ccc;
	margin-top: 5px;
	}

/*---------------------------------
	more
----------------    div thumbnails    -----------------*/




#thumbnails {
	position: absolute;
	top: 0px;
	left: 191px;
	width: 585px;
	height: 451px;
	}
	
	
	
	
	
#pages {
	position: absolute;
	top: 29px;
	left: 779px;
	width: 120px;
	font-size: 11px;
	color: #76797c;
	height: 35px;
	}
	
	
	
#artistcol {
	position: absolute;
	top: 115px;
	left: 245px;
	width: 380px;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
	}
#artistcol a {color: #FFF;}
#artistcol a:hover {color: #FF0000;}
.artistlistcol {
	width: 190px;
	margin: 0;
	padding: 0;
	float: left;
	}
.publistcol {
	margin: 0 0 10px 10px;
	width: 105px;
	height: 135px;
	overflow: hidden;
	padding: 0;
	float: left;
	}
#content.publication {
	text-align: center;
	}
#content.publication img {
	text-align: center;
	margin: 0 auto;
	display: block;
	}
/* ----- top menu  --------------*/
 img.c2 {border:0;width:88px;height:31px}
 li.c1 {list-style: none}
/*---------------------------------
	menu
---------------------------------*/


#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}
#nav a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* IE */
	}
#nav a:hover {
	background-position: 0 -20px;
	}
#nav a:active, #nav a.selected {
	background-position: 0 -20px;
	cursor: default;
	}
#nav01 a  {
	width: 70px;
	background: url(./img/nav_01.gif) top left no-repeat;
	}
#nav02 a  {
	width: 80px;
	background: url(./img/nav_02.gif) top left no-repeat;
	}
#nav03 a  {
	width: 51px;
	background: url(./img/nav_03.gif) top left no-repeat;
	}
#nav04 a  {
	width: 94px;
	background: url(./img/nav_04.gif) top left no-repeat;
	}
#nav05 a  {
	width: 184px;
	background: url(./img/nav_05.gif) top left no-repeat;
	}
#nav06 a  {
	width: 74px;
	background: url(./img/nav_06.gif) top left no-repeat;
	}
#nav07 a  {
	width: 57px;
	background: url(./img/nav_07.gif) top left no-repeat;
	}

/*---------------------------------
	detail
---------------------------------*/

#detailImage {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	}

/*---------------------------------
	eE Credit
---------------------------------*/

#credit {
	position: absolute;
	top: 275px;
	height: 20px;
	width: 150px;
	color: #CCC;
	font: 9px Arial, Helvetica, Sans-serif;
	}
#credit a {
	text-decoration: none;
	color: #CCC;
	}
#credit a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #333;
	}
	
	
	
/* --------------- portals from ploneStyle1199.css --------------- */


#visual-portal-wrapper { 
	padding-right : 0; 
	padding-left : 0; 
	padding-bottom : 0; 
	margin : 0; 
	padding-top : 0; 
	}
/* Logo properties */

#portal-logo {
    background: url(../../images/logo_9.gif) no-repeat;
    border: 0;
    margin: 0.75em 0em 0.75em 1.5em;
    padding: 0;
	}

#portal-logo a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 57px;
    height: 0px !important;
    width: 294px;   /* was 252px changed to 294 */
    cursor: pointer;
	}

#portal-skinswitcher {
	
}
#portal-skinswitcher A {
	DISPLAY: block; FLOAT: left
}
#portal-top {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: transparent
}
#portal-siteactions {
	PADDING-RIGHT: 2em; PADDING-LEFT: 0px; FLOAT: right; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 3px; MARGIN: 1px 0px 0px; LINE-HEIGHT: normal; PADDING-TOP: 3px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none; HEIGHT: auto; BACKGROUND-COLOR: transparent
}
#portal-siteactions LI {
	DISPLAY: inline
}
#portal-siteactions LI A {
	BORDER-RIGHT: white 1px solid; PADDING-RIGHT: 0.2em; BORDER-TOP: white 1px solid; PADDING-LEFT: 0.2em; PADDING-BOTTOM: 0.2em; TEXT-TRANSFORM: lowercase; BORDER-LEFT: white 1px solid; COLOR: #76797c; MARGIN-RIGHT: 0.2em; PADDING-TOP: 0.2em; BORDER-BOTTOM: white 1px solid; HEIGHT: auto; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
#portal-siteactions LI.selected A {
	BORDER-RIGHT: #8cacbb 1px solid; BORDER-TOP: #8cacbb 1px solid; BORDER-LEFT: #8cacbb 1px solid; COLOR: #436976; BORDER-BOTTOM: #8cacbb 1px solid; BACKGROUND-COLOR: #dee7ec
}
#portal-siteactions LI A:hover {
	BORDER-RIGHT: #8cacbb 1px solid; BORDER-TOP: #8cacbb 1px solid; BORDER-LEFT: #8cacbb 1px solid; COLOR: #436976; BORDER-BOTTOM: #8cacbb 1px solid; BACKGROUND-COLOR: #dee7ec
}
#portal-searchbox {
	CLEAR: right; PADDING-RIGHT: 2em; PADDING-LEFT: 0px; Z-INDEX: 2; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 1.5em 0px 0px; TEXT-TRANSFORM: lowercase; PADDING-TOP: 0px; WHITE-SPACE: nowrap; BACKGROUND-COLOR: transparent; TEXT-ALIGN: right
}


/* ----------------- end of css portals from plone --------------------- */



/* --------------- pre from plone ---------------------------------------*/


PRE {
	BORDER-RIGHT: #8cacbb 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #8cacbb 1px solid; PADDING-LEFT: 1em; FONT-SIZE: 100%; PADDING-BOTTOM: 1em; OVERFLOW: auto; BORDER-LEFT: #8cacbb 1px solid; COLOR: black; PADDING-TOP: 1em; BORDER-BOTTOM: #8cacbb 1px solid; FONT-FAMILY: Monaco,"Courier New",Courier,monospace; BACKGROUND-COLOR: #dee7ec
}
/* --------------- end pre from plone -----------------------------------*/


/* ------------------ portal-globalnav --------------------*/

#portal-globalnav {
	PADDING-RIGHT: 0em;
	PADDING-LEFT: 2em;
	PADDING-BOTTOM: 0em;
	MARGIN: 0px;
	LINE-HEIGHT: normal;
	PADDING-TOP: 0em;
	WHITE-SPACE: nowrap;
	LIST-STYLE-TYPE: none;
	HEIGHT: auto;
	BACKGROUND-COLOR: transparent;
	text-align: center;
}
#portal-globalnav LI {
	DISPLAY: inline;
	
}
/* changing borders to #dee5e6 it was #8cacbb or was it color #dee7ec which looks good too. BORDER-TOP: #8cacbb */
#portal-globalnav LI A {
	BORDER-RIGHT: #dee5e6 1px solid; PADDING-RIGHT: 1.25em; BORDER-TOP: #dee5e6 1px solid; PADDING-LEFT: 1.25em; PADDING-BOTTOM: 0em; TEXT-TRANSFORM: lowercase; BORDER-LEFT: #dee5e6 1px solid; COLOR: #436976; MARGIN-RIGHT: 0.5em; PADDING-TOP: 0em; BORDER-BOTTOM: #dee5e6 1px; HEIGHT: auto; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
/* changing border colors from #8cacbb to #dee5e6 and changing background-color: #dee7ec to bacground-color: #dee5e6 */
#portal-globalnav LI.selected A {
	BORDER-RIGHT: #dee5e6 1px solid; BORDER-TOP: #dee5e6 1px solid; BORDER-LEFT: #dee5e6 1px solid; COLOR: #436976; BORDER-BOTTOM: #dee5e6 1px solid; BACKGROUND-COLOR: #dee5e6
}
#portal-globalnav LI A:hover {
	BORDER-LEFT-COLOR: #8cacbb; BORDER-BOTTOM-COLOR: #dee7ec; COLOR: #436976; BORDER-TOP-COLOR: #8cacbb; BACKGROUND-COLOR: #dee7ec; BORDER-RIGHT-COLOR: #8cacbb
}
/* changing borders to #dee5e6 it was #dee7ec or maybe it was color #8cacbb which looks good too */
#portal-personaltools {
	PADDING-RIGHT: 3em; BORDER-TOP: #dee5e6 1px solid; PADDING-LEFT: 3em; PADDING-BOTTOM: 0em; MARGIN: 0px; TEXT-TRANSFORM: lowercase; COLOR: black; LINE-HEIGHT: 1.6em; PADDING-TOP: 0em; BORDER-BOTTOM: #dee5e6 1px solid; LIST-STYLE-TYPE: none; BACKGROUND-COLOR: #dee5e6; TEXT-ALIGN: right;
}
#portal-personaltools .portalUser {
	PADDING-LEFT: 18px; BACKGROUND: url(http://plone.org/user.gif) no-repeat left center
}
#portal-personaltools .portalNotLoggedIn {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; COLOR: black; PADDING-TOP: 0px
}
#portal-personaltools LI {
	DISPLAY: inline; MARGIN-LEFT: 1em; COLOR: #436976
}
#portal-personaltools LI A {
	COLOR: #436976; TEXT-DECORATION: none
}
#portal-personaltools .visualIconPadding {
	PADDING-LEFT: 10px
}


/* ------------------ end portal-globalnav and personaltools --------------------- */

/* ---------------- footer portal-footer ----------------- */

#links
{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 539px;
	height: 200px;
	color: #76797c;
}
#links_pdf1
{
	position: relative;
	top: 100px;
	left: 0px;
	width: 539px;
	height: 200px;
	color: #76797c;
}

.links_pdf1
{
	position: absolute;
	top: 100px;
	left: 0px;
	width: 539px;
	height: 200px;
	color: #76797c;
}

/* #linkscolumn
{
column-count: 2;
}
*/

#footer
{
	position: absolute;
	top: 462px;
	left: 0px;
	width: 548px;
	height: 27px;
	color: #8cacbb;					/* #76797c;*/
	}
	
	/*position: absolute;
	top: 902px;
	left: 251px;
	width: 548px;
	 height: 27px; 
	color: #ffffff;	*/				/* #76797c;*/	
#footerPress
{
	margin: 0;
	padding: 0;
	font: 10px/16px "Arial", Helvetica, sans-serif;
	text-align: left;
	background: #fff;

	}

	
#footerLinks
{
	position: absolute;
	top: 455px;
	left: -1px;
	width: 548px;
	height: 27px;
	color: #8cacbb;					/* #76797c;*/
	}


#portal-footer {
	PADDING-RIGHT: 0em; BORDER-TOP: #8cacbb 1px solid; PADDING-LEFT: 0em; FLOAT: none; PADDING-BOTTOM: 1em; MARGIN: 2em 0em 1em; LINE-HEIGHT: 1.2em; PADDING-TOP: 0.5em; BORDER-BOTTOM: #8cacbb 1px solid; BACKGROUND-COLOR: #dee7ec; TEXT-ALIGN: center
}
#portal-footer P {
	MARGIN: 0.25em 0px
}
#portal-footer A {
	COLOR: #436976; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
#portal-footer A:visited {
	COLOR: #436976
}
#portal-footer A:hover {
	TEXT-DECORATION: underline
}

/* ----------- end portal-footer ------------- */