/* Page Structure*/

@import url("content.css");

/* TOC

1: - Global Styles

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1 :-------- Global Styles ------------ */

	body {
		margin: 0;
		padding: 0;
		background: #1d1d1d url(../images/generic/footer_left_bg.jpg) 0 0 repeat-y;
		min-width: 1000px;
		}
		
	body * {
		outline: none;
		}
		
	.skipLink {
		position: absolute;
		margin-top: -999px;
		}
		
	.container {
		background: #000 url(../images/generic/body_bg.jpg) 0 0 repeat-y;
		}
		
	a {
		color: #666;
		}
		
	a img {
		border: 0;
		}
		
	.clear {
		display: block;
		clear: both;
		}

/* 2 :-------- Header ------------ */

	.header {
		height: 250px;
		background: url(../images/generic/headerContainer_bg.jpg) 0 0 repeat-x;
		}
	.header h1 {
		text-indent: -9999px;
		height: 250px;
		margin: 0;
		padding: 0;
		background: url(../images/generic/header_bg.jpg) 0 0 no-repeat;
		}
	.home .header h1 {
		background: url(../images/generic/header_bg-home.jpg) 0 0 no-repeat;
		}
/* 3 :-------- Main Nav ------------ */

	#mainNav {
		position: absolute;
		top: 144px;
		left: 70px;
		background-color: #fff;
		}
	
	#mainNav ul {
		margin: 0;
		padding: 0 0 0 10px;
		list-style: none;
		}
		
	#mainNav li {
		float: left;
		margin: 0;
		padding: 0;
		}
			
	#mainNav a {
		display: block;
		height: 28px;
		overflow: hidden;
		text-indent: -9999px;
		background-position: 0 -29px;
		background-repeat: no-repeat;
		}
	#mainNav a:hover,
	#mainNav a.current,
	#mainNav a.section {
		background-position: 0 0!important;
		}		
/* nav backgrounds */
			
	#mainNav .nav47 {width:54px; background-image: url(../images/nav/nav1.gif);}
	#mainNav .nav2 {width:181px; background-image: url(../images/nav/nav2.gif);}
	#mainNav .nav7 {width:146px; background-image: url(../images/nav/nav3.gif);}
	#mainNav .nav5 {width:101px; background-image: url(../images/nav/nav4.gif);}
	#mainNav .nav6 {width:185px; background-image: url(../images/nav/nav5.gif);}
	#mainNav .nav8 {width:113px; background-image: url(../images/nav/nav6.gif);}
	#mainNav .nav9 {width:91px; background-image: url(../images/nav/nav7.gif);}	
	
/* 4 :-------- Content ------------ */

	.leftCol {
		float: left;
		width: 320px;
		min-height: 1px;
		}
	.leftCol img{
		display: block;
		}
				
	#sideNav ul {
		margin: 0;
		padding: 10px 0 10px 80px;
		list-style: none;
		background: url(../images/elements/leftNav_bg.jpg) 0 0 repeat-y;
		}
		
	#sideNav li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	#sideNav a {
		color: #fff;
		text-transform: uppercase;
		display: block;
		padding: 8px 2px 8px 10px;
		text-decoration: none;
		background: url(../images/elements/leftNav_li_bg.gif) 0 100% repeat-x;
		}
		
	#sideNav a:hover,
	#sideNav a.current,
	#sideNav a.section {
		color: #000;
		background-color: #fff;
		}
	
	#content {
		position: relative;
		float: left;
		width: 604px;
		padding: 25px 0 35px 25px;
		}
		
	.twoCol1 {
		position: relative;
		float: left;
		width: 285px;
		margin-right: 30px;
		}
	.twoCol2 {
		position: relative;
		float: left;
		width: 285px;
		}	
	.twoCol1Footer {
		float: left;
		width: 285px;
		margin-right: 30px;
		padding-top: 15px;
		background: url(../images/generic/dottedLine.gif) 0 0 repeat-x;
		}
	.twoCol2Footer {
		float: left;
		width: 285px;
		padding-top: 15px;
		background: url(../images/generic/dottedLine.gif) 0 0 repeat-x;
		}
	
		
/* See content.css */

/* 5 :-------- Footer ------------ */

	.footer {
		position: relative;
		clear: both;
		height: 140px;
		/*z-index: 1;*/
		margin-bottom: 20px;
		padding: 23px 0 30px 350px;
		font: .95em Arial, Helvetica, sans-serif;
		color: #fff;
		background: #1d1d1d url(../images/generic/footer_left_bg.jpg) 0 0 repeat-y;
		}
		
	.logoArtsHouse {
		position: absolute;
		top: 25px;
		left: 50px;
		}
	.logoLivingArts {
		position: absolute;
		top: 78px;
		left: 50px;
		}
	
	.footer ul {
		clear: both;
		width: 590px;
		margin: 0;
		padding: 0;
		}
		
	.footer ul.footerNav1 {
		padding: 0;
		border: none;
		}
	
	.footer li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	.footer li a {
		float: left;
		display: inline;
		padding: 2px 0 7px;
		margin-right: 15px;
		color: #999;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		}
	.footer ul.footerNav1 li a {
		color: #fff;
		}
	.footer a:hover {
		text-decoration: underline;
		}
	.footer p {	
		width: 590px;
		clear: both;
		border-top:dotted 1px #999;
		padding-top: 10px;
		}
	p.copyright {
		font-size: .95em;
		border: none;
		}
	.copyright a {
		text-transform: none;
		color: #666;
		margin: 0;
		}
		
	/* thick box */
	
	
	#lightbox, #lightbox-overlay {
		position: absolute;
		top: 0px;
		left: 0px;
		bottom:auto;
		right:auto;
		
		z-index:100;
		width:100%;
		height:auto;
		
		text-align:center;
		color:#333333;
		
		/* stop stupid conflicts */
		margin:0px;
		padding:0px;
		border:none;
		outline:none;
		line-height:0;
		
		/* general conflict stopper */
		text-decoration:none;
		background:none;
		word-spacing:normal;
		letter-spacing:normal;
		float:none;
		clear:none;
		display:block;
	}
	
	#lightbox-overlay {
		z-index: 90;
		background-color:#000000;
		height: 100%;
	}
	#lightbox-overlay-text {
		text-align: right;
		margin-right: 20px;
		margin-top: 20px;
		color: white;
		font-size: 12px;
		cursor: default;
		line-height:normal;
	}
	#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
		text-decoration:underline;
		color:white;
	}
	#lightbox-overlay-text span {
		padding-left:5px;
		padding-right:5px;
	}
	
	#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }
	
	#lightbox-imageBox {
		position:relative;
		border:1px solid black;;
		background-color:white;
		width:250px;
		height:250px;
		margin:0 auto;
	}
	
	#lightbox-imageContainer {
		padding: 5px 5px 1px 5px;
	}
	
	#lightbox-loading {
		position:absolute;
		top:40%;
		left:0%;
		height:25%;
		width:100%;
		text-align:center;
		line-height:0;
	}
	
	#lightbox-nav {
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:10;
	}	
	
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
		display:block;
		width:49%;
		height: 100%;
		background:transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */
		/* cursor:pointer; */
		zoom:1; /* who knows why? */
		
		padding:0px;
		margin:0px;
	}
	#lightbox-nav-btnPrev { 
		left:0;
		right:auto;
		float:left;
	}
	#lightbox-nav-btnNext { 
		left:auto;
		right:0;
		float:right;
	}
	
	#lightbox-infoBox {
		font:10px Verdana, Helvetica, sans-serif;
		background-color:#FFFFFF;
		margin:0 auto;
		padding:none;
		
		/* width: 100%;
		padding: 0 10px 0; */
	}
	
	#lightbox-infoContainer {
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
		color:#666;
		line-height:normal;
		/* height:30px; */
	}
	#lightbox-infoHeader {
		width:100%;
		text-align:center; 
	}
	#lightbox-caption {
		text-align:justify;
	}
	#lightbox-caption-title {
		font-weight:bold;
	}
	#lightbox-caption-description {
		font-weight:normal;
	}
	
	#lightbox-infoFooter {
		margin-top:3px;
		color:#999999;
	}
	#lightbox-currentNumber {
		display:block;
		width:49%;
		float:left;
		text-align:left;
	}
	#lightbox-close {
		display:block;
		width:45%;
		float:right;
		text-align:right;
	}
	#lightbox-close-button{
		padding-left:30%;
	}
	#lightbox-close-button, #lightbox-close-button:link, #lightbox-close-button:visited, #lightbox-close-button:hover {
		text-decoration:underline;
		color:#999999;
	}
	#lightbox-close-button:hover {
		color:#666666;
	}
	
	#lightbox-infoContainer-clear {
		clear:both; 
		visibility:hidden;
	}