/* Layout Elements / Console Styles  */
.lhs {float: left;}
.rhs {float: right;}
.col250 {width:250px;}
.col300 {width:300px;}
.col320 {width:320px;}
.col340 {width:340px;}
.col350 {width:350px;}
.col550 {width:550px;}
.col835 {width:835px;}
.left35 {margin-left:35px;}	
.top33 {margin-top:33px;}

/* ==================== HOMEPAGE ==================== */

/* intro banner */
.intro-banner {width:835px; border:5px solid #252525; display:block; background:#FFF; padding:20px;}
	.intro-banner img {display:block;}
	.intro-banner br {display:none;}
	.intro-banner p {display:none;}

/* intro text */
.intro-text {width:835px; padding: 25px 60px 0 60px; display:block; clear:both;}
	.intro-text h2 {color:#FFF; font-size:2.2em; line-height:20px; font-weight:normal; margin-bottom:13px;}
		.intro-text h2 a:link, .intro-text h2 a:visited {color: #FFF; text-decoration: none;}
		.intro-text h2 a:hover, .intro-text h2 a:active {color: #FFF; text-decoration: underline;}
	.intro-text p {font-size:1.2em; color:#999;}
		.intro-text p a:link, .intro-text p a:visited {color: #999; text-decoration: underline;}
		.intro-text p a:hover, .intro-text p a:active {color: #999; text-decoration: none;}

/* button */
a.btn-enter:link, a.btn-enter:visited {background:#000 url(../../../images/bg_btn.gif) no-repeat 206px center; width:210px; padding: 20px 0 20px 40px; display:block; color: #FFF; text-decoration: none; font-size:3em; font-weight:normal;}
a.btn-enter:hover, a.btn-enter:active {background:#000 url(../../../images/bg_btn.gif) no-repeat 206px center; width:210px; padding: 20px 0 20px 40px; display:block; color: #FFF; text-decoration: underline; font-size:3em; font-weight:normal;}

/* ==================== SUBPAGES ==================== */

/* bg frame */
.bg_frame {width:955px; padding:35px 0; display:block; background:#000; background:rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5);}
	.bg_frame.detail {width:885px; padding: 35px;}

/* photo gallery */
#gallery {width:955px; height:270px; display:block; clear:both; overflow:hidden; margin-bottom:15px;}
	.gallery-nav {width:35px; height:260px;}
		.gallery-nav ul {margin:0;}
		.gallery-nav li {list-style: none;}
		.gallery-nav li a {color: #666; text-decoration: none; cursor:pointer;}
		.gallery-nav li a:hover {color: #666; text-decoration: underline;}
		.gallery-nav li a#prevO {width:35px; height:270px; display:block; background: url(../../../images/bg_nav_prev.png) no-repeat 0 0; text-indent:-3000px;}
		.gallery-nav li a#prevO:hover {width:35px; height:270px; display:block; background: url(../../../images/bg_nav_prev.png) no-repeat -35px 0;}
		.gallery-nav li a#next0 {width:35px; height:270px; display:block; background: url(../../../images/bg_nav_next.png) no-repeat 0 0; text-indent:-3000px;}
		.gallery-nav li a#next0:hover {width:35px; height:270px; display:block; background: url(../../../images/bg_nav_next.png) no-repeat -35px 0;}
	#image-gallery {width:875px; height:260px; display:block; border:5px solid #252525; overflow:hidden;}
		#image-gallery ul {margin:0; height:260px; display:block; overflow:hidden;}
		#image-gallery li {width:875px; height:260px; float:left; display:inline; position:relative; overflow:hidden;}
		#image-gallery div {margin-left:1px; width:180px; height:222px; border:19px solid #FFF; background:#FFF; float:left; display:inline; position:relative; overflow:hidden;}
			#image-gallery div.first {margin-left:0;}
		#image-gallery div img {display:block; margin-bottom:5px;}
		#image-gallery div span {font-size: 1.2em; line-height:17px; color:#666;}
			#image-gallery div span  p {margin: 0; font-size: 1.2em; line-height: 17px;}
		#image-gallery a:link, #image-gallery a:visited {color: #666; text-decoration: none;}
		#image-gallery a:hover, #image-gallery a:active {color: #666; text-decoration: underline;}

/* century text */
.century-text {width:835px; padding: 25px 60px 0 60px; display:block; clear:both;}
	.century-text.norm {padding-top:0;}
	.century-text h2 {color:#FFF; font-size:2.2em; line-height:20px; font-weight:normal; margin-bottom:13px;}
		.century-text h2 a:link, .century-text h2 a:visited {color: #FFF; text-decoration: none;}
		.century-text h2 a:hover, .century-text h2 a:active {color: #FFF; text-decoration: underline;}
	.century-text p {font-size:1.2em; color:#999;}
		.century-text p a:link, .century-text p a:visited {color: #999; text-decoration: underline;}
		.century-text p a:hover, .century-text p a:active {color: #999; text-decoration: none;}
	.century-text li {color:#999;}

/* photo */
.detail .photo-box {float:left;}
.photo-box img {border:5px solid #252525; background:#FFF; padding:19px; display:block; max-width:482px; max-height:325px;}

/* photo details */
.detail #photo-detail {float:right; margin-left:35px;}
#photo-detail h2 {padding:0 15px; color:#FFF; font-size:2.2em; line-height:20px; font-weight:normal; margin-bottom:13px;}
	#photo-detail h2 a:link, #photo-detail h2 a:visited {color: #FFF; text-decoration: none;}
	#photo-detail h2 a:hover, #photo-detail h2 a:active {color: #FFF; text-decoration: underline;}
#photo-detail p {padding:0 15px; font-size:1.2em; color:#999;}
	#photo-detail p a:link, #photo-detail p a:visited {color: #999; text-decoration: underline;}
	#photo-detail p a:hover, #photo-detail p a:active {color: #999; text-decoration: none;}
.photo-nav {width: 320px; display:block; clear:both; margin-bottom: 30px; padding-top:5px;}
	.photo-nav ul {margin:0;}
	.photo-nav li {list-style:none; float:left; display:inline; position:relative;}
	.photo-nav a {display:block; width:106px; font-size:1.2em; line-height:11px; color: #FFF; text-decoration:none;}
	.photo-nav a:hover {color: #FFF; text-decoration:underline;}
	.photo-nav a img {vertical-align:middle;}
	/* add/remove style */
	.photo-nav li#pn2 a {width:78px; padding:0 15px; text-align:center;}
	.photo-nav li#pn3 a {text-align:right;}
	.photo-nav li#pn2 a.first {text-align:left !important;}
	.photo-nav a:link, .photo-nav a:visited {color: #FFF; text-decoration: none;}
	.photo-nav a:hover, .photo-nav a:active {color: #FFF; text-decoration: underline;}

/* ==================== COMMON ==================== */

/* header text */
#header h1 {line-height:47px; color:#D788DC; font-size:1.8em; font-weight:normal; padding: 0 59px;}
	#header h1 a:link, #header h1 a:visited {color: #D788DC; text-decoration: none;}
	#header h1 a:hover, #header h1 a:active {color: #D788DC; text-decoration: underline;}

/* background graphic */
.bg_pic {width:100%; height:100%; background: url(../../../images/bg_body.gif) repeat-x 0 0;}

/* back to top links */
p.b2t {clear: both; margin: 10px 0;}
	p.b2t a:link, p.b2t a:visited {color: #000; text-decoration: none;}
	p.b2t a:hover, p.b2t a:active {color: #000; text-decoration: underline;}

/* footer social icons */
.foot-social ul {margin:0 50px 0 0; float:left;}
.foot-social ul li {list-style:none; float:left; display:inline; position:relative; color:#FFF; padding-right:10px; font-size:1.4em; line-height:22px;}
.foot-social ul li a {color:#FFF; text-decoration:none;}
.foot-social ul li a:hover {color:#FFF; text-decoration:underline;}

/* footer nav */
.foot-nav ul {margin:0; float:right;}
.foot-nav ul li {list-style:none; float:left; display:inline; position:relative;}
.foot-nav ul li a {display:block; color:#999999; padding:0 10px; font-size:1.1em; line-height:22px; text-decoration:none;}
.foot-nav ul li a:hover {color:#999999; text-decoration:underline;}
	/* add/remove */
	.foot-nav ul li#n5 a {padding:0 10px 0 0;}
	.foot-nav ul li#n7 a {padding:0 0 0 10px;}
	.foot-nav ul li a:link, .foot-nav ul li a:visited {color: #999; text-decoration: none;}
	.foot-nav ul li a:hover, .foot-nav ul li a:active {color: #999; text-decoration: underline;}
	/* active */
	body#privacy .foot-nav ul li#n5 a {color:#FFF;}
	body#accessibility .foot-nav ul li#n6 a {color:#FFF;}
