/* begin GLOBAL styles */
* {
	margin: 0;
	padding: 0;
	visibility:visible;
}
/* forces the hand cursor on links in Safari */
a:link, a:hover {
cursor:hand;
}
body {
	text-align: left;
	background-color:#a6bfcd;
	background-image:url(images_main/bg_dotted.gif);
	background-repeat:repeat-y;
}
img{
	border:none;
}
/* header is for Amanda Herman text */
#header {
	width: 10em;
	position: relative;
	margin: 2em 0px 0px 30px;
}
#header p{
	font-family: Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #CC6633;
	letter-spacing: .1em;
}
#header p a:link, #header p a:visited, #header p a:hover, #header p a:active {
	color: #CC6633;
	text-decoration:none;
}
/* NAV is for main nav*/
#nav {
	width: 10em;
	position: relative;
	margin: 20px 0px 0px 30px;
}
#nav p{
	font-family: Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #666666;
	line-height:2em;
}
#nav p a:link, #nav p a:visited {
	color:#666666;
	text-decoration: none;
}
#nav p a:hover {
	color:#FFFFCC;
	text-decoration: none;
 }
#nav p a:active {
	color:#CC6633;
	text-decoration: none;
 }
 /* Container styles the white dotted line that separates the nav from the content */
#container {
	position: absolute;
	height: 100%;
	top:0px;
	left:160px;
	margin-bottom:0px;
	z-index: 2;
}
#content {
	height: 100%;
	width: 456px;
	margin: 2em 0px 2em 72px;
	z-index: 20;
}
#content img {
	border: 12px solid #FFFFFF;
}
#content_art_index {
	height: 100%;
	width: 700px;
	margin: 2em 0px 2em 72px;
	z-index: 20;
}
#content_art_index img{
	border: 3px solid #a6bfcd;
}

#content p, #content_art_index p, #content_artfeature p {
	font-family: Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 1.5em;
	color: #666666;
	width: 30em;
	margin: 0 0 1em 0;
 }
#content p a:link, #content p a:visited, #content_art_index p a:link, #content_art_index p a:visited, #content_artfeature p a:link, #content_artfeature p a:visited {
	color:#333333;
	text-decoration: none;
 }
#content p a:hover, #content_art_index p a:hover, #content_artfeature p a:hover {
	 color: #FFFFCC;
	 text-decoration: underline;
 }
#content p a:active, #content_art_index p a:active, #content_artfeature p a:active {
	 color: #CC6633;
	 text-decoration: underline; 
 }
 /* h1 is for page titles */
h1{
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	color: #CC6633;
	font-size: 12pt;
	margin: 0px 0px 1em 0px;
	line-height:1.5 em;
}
 /* for art project pages */
#content_artfeature {
	height: 100%;
	width: 456px;
	margin: 0px 0px 2em 72px;
	z-index: 20;
	text-align:left;
}
#content_artfeature img{
	border: 12px solid #FFFFFF;
}
#content_artfeature .thumb {
	border: 1px solid #FFFFFF;
}
 /* page title for art project pages */
#content_artfeature h1{
	margin: 1.5em 0px 1em 0px;
}
/* for art project pages, where max image dimension is equal to 432 pixels, like speakup, finding shelter, lost island */
#artfeature {
	position: relative;
	width:456px;
	height:496px;
	clear:both;
	float:left;
	margin: 0 0 36px 0;
	overflow:hidden;
}
.artfeature_item {
	width:456px;
	height:496px;
	clear:both;
	margin:0px 0 20 0;
	text-align:left;
}
.artfeature_item img {
	margin: 40px 0 0 0;
}
#top{
	top:0px;
	left:0px;
	position:absolute;
	visibility:hidden;
}
 /* for art project pages 2, where max image height is equal to 375 pixels, like lost island */
#artfeature2 {
	position: relative;
	width:456px;
	height:439px;
	clear:both;
	float:left;
	margin: 0 0 36px 0;
	overflow:hidden;
}
.artfeature_item2 {
	width:456px;
	height:439px;
	clear:both;
	margin:0px 0 20 0;
	text-align:left;
}
.artfeature_item2 img {
	margin: 40px 0 0 0;
}
 /* for art project pages 3, where max image height is equal to 215 pixels, like immigration stories */
#artfeature3 {
	position: relative;
	width:456px;
	height:279px;
	clear:both;
	float:left;
	margin: 0 0 36px 0;
	overflow:hidden;
}
.artfeature_item3 {
	width:456px;
	height:279px;
	clear:both;
	margin:0px 0 20 0;
	text-align:left;
}
.artfeature_item3 img {
	margin: 40px 0 0 0;
}