@charset "utf-8";
body {
	background:#333333;
	margin: 0; /* zero margin and padding of the body to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #f8e4cb;
	font-size: 14px;
	font-weight:normal;
}
#container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: center;
}
.indexCont {    /*this gives the grey bg in the index template*/
	background: #4b4743;
	}
.galCont {          /*this gives a darker bg in the gallery templates*/
	background: #202020;
}
.window {  /*this is used for the "shows" page; it gives a slightly lighter background*/
	background:#565150;
}

#header {	
	padding: 0 0 0 0;
}
a:link {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #f8e4cb;
	text-decoration: none;
}
a:hover {
	background-color:#565150;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #f8e4cb;
	text-decoration: underline;
}
.gallery a:hover {
	background-color:#333231;
}
a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #DCBC92;
	text-decoration: none;
}
#homeBox {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse. Using padding instead of margin will keep the element away from the edges of the div */
	width: auto;
	height:auto;
	float:left;
	text-align:left;
	color: #f8e4cb;
}
.galleryhome {
padding: 0 0 0 30px;
}
.indexhome {
	padding: 0 0 0 185px; 
}
.forprices {
	padding: 0 0 0 185px;
	}

/*from suckerfish instructions for a dropdown menu that works in IE and other browsers*/
#nav, #nav ul {
	padding: 0  0 5px 5px ;
	margin: 0 130px 0 0;
	list-style: none;
	text-align: left; 
}
#navGal, #navGal ul {
	padding: 0  0 5px 5px;
	margin: 0;
	list-style: none;
	text-align: left; 
}
#nav a, #navGal a {
	display: block;
	width: 8em;
}

#nav li, #navGal li {
	float: right;
	width: 8em;	
}
#nav li ul, #navGal li ul {
	position: absolute;
	width: 8em;
	left: -999em;
	background: #4b4743;
	
}
#navGal li ul {
background: #202020;
}

#nav li:hover ul, #nav li.sfhover ul, #navGal li:hover ul, #navGal li.sfhover ul {
	left: auto;
}
	
/* end of the suckerfish example for dropdown menu that works in IE */

#mainContent {
	text-align:center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	font:Georgia, "Times New Roman", Times, serif;
	font-stretch:semi-expanded;
}
#boxContainer {
	width: 1000px;
	margin: auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	color: #c4cad9;
	clear:both;
}
#boxContainer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse */
	padding: 5px 20px; /* padding on this element will create space without the margin collapse issue */
}
#boxContainer a:hover {
	background:none;
	text-decoration: underline;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	padding:5px 0 5px 0;
	list-style-image: none;
	list-style-type: none;
	border-style:none;
	border-color:none;
}
.clearfloat { /* this class forces the container to stretch to include all the images. It should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.boxborders {
    border-style:none;
	border-color:none;	
}

.boxpads {            /*this is used on the homepage for spacing each table cell for the thumbnails */
	margin: 0;  /* zeroing the margins of the first element will avoid the possibility of margin collapse */
	padding: 10px 20px 0 20px; /* padding on this element will create space without the margin collapse issue */
	border:none;
}
.unevenboxpads {     /*this is used for table spacing when there is an uneven number of thumbnails. In this case, the cells in the first column of the table are set to 0, which essentially removes the space from the extra column. When there are an even number of thumbnails, the cells in the first column should be changed to the "boxpads" style.*/
	padding: 0;
}
#describeImg {
	border-bottom:thin #666666;
}
#phototitle {
	font-stretch:extra-expanded;
	color:#c4cad9;
	font-size:24px;
	
}

#upcomingShows {
	width: 700px;
	height: 200px;
	margin: auto;
	background:#46526C;
	padding: 0px 50px;
	border:none;
	overflow:auto;
	color:#f8e4cb;
}
#pastShows {
	width: 700px;
	height: 200px;
	background:#333333;
	margin: auto;
	padding:0px 50px;
	border:none;
	overflow:auto;
} 
#upcomingShows table, #pastShows table {
	margin:auto;
	border: 1px solid #999999;
	font: normal 14px Geneva, Arial, Helvetica, sans-serif;
}
#upcomingShows p, #pastShows p {
	padding:3px;
	text-align:left;
	text-decoration: none;
}
#upcomingShows td, #upcomingShows th, #pastShows td, #pastShows th {
	padding: 3px;
	text-align:center;
	vertical-align: text-top;
	border: 1px solid #999999;
}	
#linkBox1 {			/*this is for the Links page*/	
	width: 300px;
	margin: 0 0 0 150px;
	border: thin #666666;
	float: left;
	text-align:left;
	padding: 0 0px 50px 30px;
}
#linkBox2 {					/*this is for the Links page*/
	width: 300px;
	margin: 0 100px 0 0 ;
	border: thin #666666;
	float: right;
	text-align:left;
	padding: 0 30px 50px 0px;
}

	
#footer {
	width: auto;
	padding: 0 0px; 
	clear:both;	
}
#copyright {
	width:100%;
	margin: 0 auto;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse */
	padding: 5px 0 0 0; /* padding on this element will create space without the margin collapse issue */
}
.smalltype { /* this is for the copyright and other small type*/
	margin: 0 0 0 0;
	background:#565150;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#DCBC92;
}

.smalltypedark {         /*this window is used for the galleries*/
	margin: 0 0 0 0;
	background:#333231;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#DCBC92;
}