* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

html,
body {
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;	
	background: #000 url(../../images/bg.jpg) center center no-repeat;	
}

/*  CENTER PAGE  */
#outer {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
}
       
#inner {
	width: 800px;
	height: 656px;
	margin-left: -400px;
	position: absolute;
	top: -328px;
	left: 50%;
}
/*  CENTER PAGE END  */


/*  PAGE START  */
#logo {
	width: 125px;
	float:left;
	margin: 0px 0px 11px 0px;
}
#nav {
	width: 516px;
	float: right;
	margin: 65px 0px 2px 0px;
}
#header {
	width:800px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#sub_collections {
	width: 112px;
	float: left;
	margin: 98px 0px 0px 270px;
	background: #666;
	opacity: 0.7;
	filter: alpha(opacity=70);
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;
	position: absolute;
	z-index: 9999;
	visibility: hidden;
}
#sub_about {
	width: 100px;
	float: left;
	margin: 98px 0px 0px 369px;
	background: #666;
	opacity: 0.7;
	filter: alpha(opacity=70);
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;
	position: absolute;
	z-index: 9999;
	visibility: hidden;
}
.sub {
	font: 12px "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: left;
	margin: 0;
	padding: 0;
}
.sub a {
	color: #fff;
	text-decoration:none;
	margin: 0;
	padding: 2px;
	display: block;
}
.sub a:hover {
	color: #fc3;
	background: #333;
	/* color: #000;fc3; */
	/* background: #888; */
}

#center,
#livearea {
	width: 800px;
	height: 430px;
	padding: 0;
	margin: 0 auto 0 auto;
	clear: right;
}

#livearea .name {
	color: #00a7b6;
	font: normal 0.8em/1.4em "Myriad Pro", Myriad, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    text-align: left;
    padding: 9px 0 0 6px;
}
#livearea .title {
	color: #fff;
	font: 0.7em/1.2em "Myriad Pro", Myriad, Verdana, Arial, sans-serif;
    text-align: left;
    padding: 3px 0 0 6px;
}
#livearea .email {
	font: 0.7em/1.2em "Myriad Pro", Myriad, Verdana, Arial, sans-serif;
    text-align: left;
    padding: 3px 0 0 6px;
}
#livearea .email a {
	color: #fc3;
	text-decoration: none;
}
#livearea .email a:hover {
	color: #fc3;
	text-decoration: underline;
}

#left-column {
	width: 320px;
	height: 430px;
	padding: 0;
	margin: 0;
	float: left;
}
#left-column h1 {
	padding: 36px 36px 9px 0;
	color: #fff;
	font: 0.9em/1.2em "Century Gothic", "Myriad Pro", Myriad, Verdana, Arial, sans-serif;
    text-align: left;
    margin-right: 36px;
    border-bottom: 1px solid #000;
}
#left-column p,
#left-column-media p {
	padding: 9px 36px 6px 0;
	color: #fff;
	font: 0.75em/1.4em "Myriad Pro", Myriad, Verdana, Arial, sans-serif;
    text-align: left;
}
#right-column {
	width:480px;
	height:430px;
	padding: 0;
	margin: 0;
	float:left;
}
#right-column-home {
	width:480px;
	height:430px;
	background: #3a3a3a url(../../graphics/ajax-loader.gif) center center no-repeat;
	padding: 0;
	margin: 0;
	float:left;
}
#left-column-about,
#right-column-about {
	width:400px;
	height:430px;
	padding: 0;
	margin: 0;
	float:left;
}

#left-column-media {
	width: 366px;
	height: 355px;
	padding: 0;
	margin: 30px 0 0 0;
	float: left;
}
#right-column-media {
	width: 397px;
	height: 355px;
	padding: 0;
	margin: 30px 0 0 30px;
	float: left;
}
#left-column-media {
	border-right: 1px solid #fff;
}
#left-column-media h1 {
	padding: 0 36px 9px 0;
	color: #fff;
	font: 0.9em/1.2em "Century Gothic", "Myriad Pro", Myriad, Verdana, Arial, sans-serif;
    text-align: left;
    margin-right: 36px;
    border-bottom: 1px solid #000;
}


#left-column-about h1 {
	padding: 30px 50px 9px 0;
	color: #fff;
	font: 0.9em/1.2em "Century Gothic", "Myriad Pro", Myriad, Verdana, Arial, sans-serif;
    text-align: left;
    margin-right: 50px;
    border-bottom: 1px solid #000;
}
#left-column-about p {
	padding: 9px 50px 6px 0;
	color: #fff;
	font: 0.7em/1.4em "Myriad Pro", Myriad, Verdana, Arial, sans-serif;
    text-align: left;
}

#left-column-about a,
#right-column-about a {
	color: #ffcc33;
	text-decoration: none;
}
#left-column-about a:hover,
#right-column-about a:hover{
	color: #ffcc33;
	text-decoration: underline;
}

#right-column-about h1 {
	padding: 24px 0 9px 0;
	color: #fff;
	font: 0.9em/1.2em "Century Gothic", "Myriad Pro", Myriad, Verdana, Arial, sans-serif;
    text-align: left;
    border-bottom: 1px solid #000;
}

#right-column-about p {
	padding: 9px 0 6px 0;
	color: #fff;
	font: 0.7em/1.4em "Myriad Pro", Myriad, Verdana, Arial, sans-serif;
    text-align: left;
}

.aqua { color: #00a7b6; }

#slideshow {
	position:relative;
	width: 480px;
	height: 430px;
}
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	opacity:0.0;
}
#slideshow img.active {
	opacity:1.0;
	z-index: 3;
}
#slideshow img.last-active {
	z-index: 2;
}

#copyright {
	width: 800px;
	height: 24px;
	padding: 0;
	margin: 7px auto 0 auto;
	clear: both;
}
#footer {
	width: 800px;
	padding: 0;
	margin: 0 auto 0 auto;
	clear: both;
}
#joinemail {
	width: 290px;
	float: left;
	margin: 8px 0 0 0;
}
#subnav {
	width: 421px;
	float: right;
	margin: 6px 0 0 0;
}
#givingback {
	width: 75px;
	float: right;
	clear: right;
	margin: 24px 0 0 0;
}
#divisions {
	width: 340px;
	float: left;
	clear: left;
	margin: 24px 0 0 0;
}
/*  PAGE END  */


/* TEXT STYLES START  */
.copyrighttext {
	font: 10px/13pt "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	text-align: right;
}
.copyrighttext a {
	color: #FFFFFF;
	text-decoration: none;
}
.copyrighttext a:hover {
	color: #ffcc33;
}

/* TEXT STYLES END */


a {
   outline: none;
   text-decoration: none;
}



/* ROLLOVER STATES START */
.textheader a,
a.infoheader {
	color:#FFF;
	text-decoration: none;
}
.textheader a:hover,
a.infoheader:hover{
	color:#C00;
	text-decoration: none;
}
/* ROLLOVER STATES END */