/* PNG Fix */

img, div { behavior: url(../javascripts/iepngfix.htc) }

/* Body */

body {
	background: #000;
	color: #fff;
	font: 11px/16px "Verdana", "Arial", "Helvetica", sans-serif;
}

a:link {
	color: #fc9;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

.footer { font: 10px/14px "Verdana", "Arial", "Helvetica", sans-serif; }

/* Header */

#header {
	position: relative;
	width: 752px;
	height: 121px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/menu/menu-bg.jpg) no-repeat;
}

#header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#header ul li { float: left; }

#header ul li a {
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

/* Top Nav */

#topnav {
	position: absolute;
	top: 0;
	left: 316px;
	width: 399px;
	height: 23px;
}

#topnav li a {
	height: 23px;
	background-image: url(../images/menu/top-nav.png);
}

#donate a {
	width: 66px;
	background-color: #ff2600;
	background-position: 0 0;
}

#donate a:hover { background-color: #823b36; }

#mailing a {
	width: 92px;
	background-color: #a21300;
	background-position: -66px 0;
}

#mailing a:hover { background-color: #600a02; }

#involved a {
	width: 99px;
	background-color: #ff9200;
	background-position: -158px 0;
}

#involved a:hover { background-color: #ca5007; }

#myspace a {
	width: 142px;
	background-color: #ffc800;
	background-position: -257px 0;
}

#myspace a:hover { background-color: #e3a41a; }

/* Main Nav */

#menu {
	position: absolute;
	top: 23px;
	width: 752px;
	height: 98px;
	background-image: url(../images/menu/menu-nav.png);
}

#menu li a { height: 98px; }
#home a { width: 145px; }
#current a { width: 112px; }
#refugee a { width: 121px; }
#artists a { width: 59px; }
#history a { width: 66px; }
#about a { width: 77px; }
#works a { width: 107px; }
#press a { width: 64px; }

/* Menu Rollovers */

#rollovers {
	position: absolute;
	top: 23px;
	width: 752px;
	height: 98px;
	background-position: left top;
	background-repeat: no-repeat;
}

/* Slideshow */

#slideshow {
	position: relative;
	width: 500px;
	height: 432px;
}

#slideshow ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 426px;
	height: 430px;
	background: #666 url(../images/slideshow-bg.gif) left top no-repeat;
}

#mainimage li {
	position: absolute;
	top: 0;
	left: 0;
}

#mainimage li, #mainimage li img {
	width: 426px;
	height: 430px;	
}

#mainimage li p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 416px;
	margin: 0;
	padding: 0 5px;
	background: #000;
	color: #fff;
	font: 11px/40px "Verdana";
	opacity: 0.8;
	filter: alpha(opacity=80);
	text-align: center;
}

#navigation {
	position: absolute;
	top: 0;
	right: 0;
}

#navigation li {
	width: 70px;
	height: 70px;
	border-bottom: 2px solid #000;
}

#navigation li img {
	width: 70px;
	height: 70px;
	cursor: pointer;
}

#navigation li:hover, #navigation li#current { background: #f30; }

#navigation li:hover img, #navigation li#current img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}