7/* Styles for Public art at Yale
Yale University
3-27-06, version 10 (JHC)
--------------------------------------------------------------- */

#outer-wrap {
	background-color: #F1F1E1;
}

#inner-wrap {
	position: relative;
	background: none;
	width: 768px;
	height: 433px;
	margin: 0px;
	padding: 0px;
	font-family: Georgia;
	font-size: 12px;
	line-height: 18px;
	color: #505050;
	border-top: 1px solid #FFFFFF;
}

a:link, a:visited {
	color: #2252A6;
	text-decoration: none;
}

a:hover, a:active {
	color: #1177EE; 
	text-decoration: none;
}


/* NAV */
#publicart-nav {
	position: relative;
	background-color: #CACAB8;
	height: 108px;
	margin: 0px;
	padding: 0px;
}

#publicart-innernav {
	position: relative;
	width: 768px;
	height: 108px;
	margin: 0px;
	padding: 0px;
}

#publicart-thumbnails {
	float: left;
	text-align: left;
	width: 688px;
	margin: 0px;
	padding: 0px;
}

.publicart-prev {
	float: left;
	margin: 43px 5px 0px 15px;
	padding: 0px;
}

.publicart-next {
	float: left;
	margin: 43px 0px 0px 0px;
	padding: 0px;
}


/* NAV IMAGES */

.publicart-thumb, .publicart-thumb-on {
	float: left;
	border: 2px solid #FFFFFF;
	margin: 11px 18px 0px 18px;
	padding: 0px;
}

.publicart-thumb-horiz, .publicart-thumb-horiz-on {
	float: left;
	border: 2px solid #FFFFFF;
	margin: 22px 7px 0px 6px;
	padding: 0px;
}


/* NAV ROLLOVERS */

a:hover .publicart-thumb, .publicart-thumb-on {
	border: 4px solid #FFFFFF;
	margin: 9px 16px 0px 16px;
	padding: 0px;
}

a:hover .publicart-thumb-horiz, .publicart-thumb-horiz-on {
	border: 4px solid #FFFFFF;
	margin: 20px 5px 0px 4px;
	padding: 0px;
}


/* WELCOME MESSAGE */

.publicart-message a:link, .publicart-message a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2252A6;
	text-decoration: none;
}

.publicart-message a:hover, .publicart-message a:active { 
	color: #1177EE; 
	text-decoration: none; 
}


/* CONTENT */

.publicart-image, .publicart-image-wide {;
	position: absolute;
	top: 30px;
	left: 74px;
	border: 5px solid #FFFFFF;
}

.publicart-text {
	position: absolute;
	top: 20px;
	left: 355px;
	width: 385px;
}

.publicart-image-wide {;
	position: absolute;
	top: 30px;
	left: 26px;
	border: 5px solid #FFFFFF;
}

.publicart-text-wide {
	position: absolute;
	top: 20px;
	left: 406px;
	width: 330px;
}

.publicart-text .title, .publicart-text-wide .title {
	font-weight: bold;
}


/* FOOTER */

#footer {
	width: 768px;
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
}

#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #99CCFF;
	text-decoration: none;
}

#publicart-footer {
	float: right;
	margin: 15px 30px 15px 0px;
	padding: 0px;
}


/* POPUP */

#publicart-popup {
	background-color: #F1F1E1;
	margin: 25px;
	padding: 0px;
	font-family: Georgia;
	font-size: 12px;
	line-height: 18px;
	color: #505050;
}

#publicart-popup a:link, #publicart-popup a:visited {
	color: #2252A6;
	text-decoration: none;
}

#publicart-popup a:hover, #publicart-popup a:active { 
	color: #1177EE; 
	text-decoration: none; 
}