@import url("global.css");

/********************************************************************************
 *	Filename: layout.css 
 *	Purpose: Style Sheet for pages other than the home page for Long Beach Museum of Art 
 *	Created by: Tammy C. Wilson (based on LBMA's ArtAuction website)
 *	Created: 08-15-2007 
 *  email: info@agilewebdev.com
 *  website: http://www.agilewebdev.com
  ********************************************************************************/

body { background: url(../images/bodybkg_gradient.png) repeat-y top center; }

#container {
	width: 898px;
	margin: auto;
	background-image: url(../images/bodybkg.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#contain_content {	
	overflow: auto;
	color: #000;
}

#contain_column1 {
	float: left;
	width: 180px;
}

#contain_column1 li {
	background: #fff;
	margin: -5px 0 -3px 0;
	display: block;
	padding: 3px 6px 4px 6px;
	border-top: 5px solid #dee3e4;
	border-left: 8px solid #dee3e4;
}

#contain_column1 li a { color: #603913; }

#contain_column1 li a:hover {
	background-color: #603913;
	color: #fff;
}

#contain_column2 a { color: #8A3320; }

#contain_column2 a:visited { color: #85833D; }

#contain_column2 a:hover {
	color: #fff;
	background: #069;
}  

#contain_column2 .img-group a:hover { background: #fff; }

#contain_column1 ul li {
	line-height: 1.3em;	 
	margin: 0;
	height: auto;
}

#contain_column1 p { text-align: center; }

#contain_column2 {
	padding: 0 15px;
	margin: 15px 0 0 0;
	line-height: 1.3em;
	width: 683px;
}

.pdf {
	padding-left: 4%;
	background: url(../images/pdf0.gif) top left no-repeat;
}

thead th, td { text-align: center; }

th { text-align: right; }

.long li {
	line-height: 1em;
	margin-bottom: 0;
}

/********************************************************************************
 * FORMS *
 ********************************************************************************/

fieldset {
	border: 1px solid #000;
	padding: 10px;
	margin: 10px;
	background-color: #D6D5A3;
}

legend {
	color: #069;
	padding: 5px 10px;
	margin: 0;
	background-color: #E4E3C2;
	border: 1px solid #000;
	font-weight: bold;
}

label {
	padding-left: 15px;
	margin: 0;
	font-weight: bold;
}

input {	margin: 0 5px 0 10px; }

input.first { margin-left: 50px; }

textarea { margin: 0 5px 0 50px; }

em.required {
	color: #CC0000;
}
	
table {
	margin-left: 50px;
	width: 40%;
}

.back {
	font-style: italic;
	font-size: .9em;
	padding: 0 0 20px 20px;
}

.caption {
	font-size: .9em;
	font-style: italic;
}

.two_column {
	float: left;
	width: 300px;
}

button { margin-bottom: 10px; }