/* ---------- importing menu.css ---------- */
/* menu.css contain all the css formatting for the Navigation: 
 * including the main horizontal menu and the sub-menu
 * NOTE: link formatting is in style.css 
 */
@import url("menu.css");

/* ---------- importing style.css ---------- */
/* style.css contain all the css formatting for the overall style of the site: 
 * including headlines, links and images
 */
@import url("style.css");

/* ---------- Site CSS: html, body ---------- */
html, body
{
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000; /*text color*/
	margin: 0px;
	padding: 0px;
	background: #D7EEF9 url(../images/background.jpg); 
}

/* ---------- Container defines the width and position of the entire site ---------- */
#container {		
	position: relative;
	margin: 0 auto;
	width: 700px;
	background: #fff; /* #EFE3D6; url(../images/background.jpg); */  /*#fff; */
	/* border-top: 1px solid RGB(99,48,49); */
	/*border-left: 1px solid RGB(99,48,49);
	border-right: 1px solid RGB(99,48,49); */
	border-bottom: 1px solid RGB(99,48,49);
}

/* ---------- Sets the size and bg image for the Banner ---------- */
#banner {
	width: 700px; height: 160px;
/* 	float: clear; */
	background: url(../images/background.jpg); /*url(../images/banner.gif) no-repeat; */
	border-bottom: 0px solid RGB(99,48,49);
    text-align: right;
    vertical-align: bottom;
}

/* ---------- Sets the size and bg image for the Footer ---------- */
#footer {
	width: 700px; height: 40px;
	text-align: right;
	float: clear;
	background: url(../images/footer.jpg) no-repeat;
	border-top: 1px solid RGB(99,48,49);
	clear: both;
	/*padding: 0px 10px 0px 0px; */
	color: #000000;
}

/* ---------- Begin of Content formatting ---------- */
#content	{
	padding: 10px 10px 01px 10px; 
	margin: 0;
	border: 0;
	text-align: left;
	color: #444;
	/*background: transparent; */
	background: #fff;
	clear: both;
	font-size: 12px;
}

#contentLower	{
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px; 
	margin: 0;
	border: 0;
	text-align: left;
	color: #444;
	/*background: transparent; */
	background: #fff;
	clear: both;
	font-size: 12px;
}

#content p, contentLower p {
	margin: 0; 
	padding: 5px 0px 2px 10px;
}

#content p#exhibit {
	margin: 0; 
	padding: 0px 0px 0px 0px;
}

#content_works p#push_right {
	margin: 0px 0px 20px 20px; 
	padding: 0px 0px 20px 20px;
}

#content_works	{
	padding: 10px 10px 20px 10px; 
}
	
#content_works p#first{
	text-align: left;
	color: #444;
	font-size: 12px;
	line-height:16px;
	padding: 0px 0px 20px 0px; 
}

#bottom_works {
	text-align: left;
	float: clear;
	border: 0;
	clear: both;
	padding: 10px 10px 20px 10px; 
	color: #000000;
}
/* ---------- Basically making a right and left columns within Content ---------- */
.left{
	float:left;
	width:439px;
	margin: 0; 
	padding: 0px 0px 0px 0px;
	border-right: 1px dashed RGB(99,48,49);
	background: #fff;/*#EFE3D6; */
}
.right{
	float:left;
	width:220px;
	background: #fff;
	margin: 0; 
	padding: 0px 0px 0px 20px;
}

.left2{
	float:left;
	width:185px;
	margin: 0; 
	padding: 0px 0px 0px 0px;
	/* border-right: 1px dashed RGB(99,48,49); */
	background: #fff;/*#EFE3D6; */
}
.right2{
	float:left;
	width:479px;
	background: #fff;
	margin: 0; 
	padding: 0px 0px 0px 1px;
}

/* ---------- Standard format for Un-ordered lists ---------- */
ul li {	
	line-height: 16px;
	margin: 0; 
	padding-bottom: 5px;
}

ul {
  margin-bottom: 0px;
}

/* ---------- search form inside banner ---------- */
#searchBox {
	position: absolute; 
	top: 126px; 
	left: 395px;
}
#searchBox #search {
	position: absolute; 
	width: 242px; 
	height: 16px; 
	border: none; 
	color: #003366; 
	font-size: 11px;
}
#searchBox .button {
	position: absolute; 
	left: 250px; 
	height: 17px;
}
#searchButton:hover {
	border: solid 1px #4287C8; 
	margin: -1px 0 0 -1px;
}

/* ---------- Admin form ---------- */
#admin_form{
	text-align: right;
	padding: 10px 250px 10px 0px; 
	margin: 0;
	border: 0;
	line-height: 30px;
}

#ad_form{
	text-align: right;
	padding: 10px 300px 10px 0px; 
	margin: 0;
	border: 0;
	line-height: 30px;
}

.largeImage {
	width: 404px;
	height: 267px;
	border: 1px solid RGB(159,69,74);
}
.smallText {
	font-size: 8pt;
}
.smallImage {
     border: 1px solid RGB(159,69,74);
     height: 125px;
     width:  200px;
}

/*#submitButton { 
  border: 1px solid RGB(159,69,74);
  font: 10px Verdana, Arial, Helvetica, sans-serif;
} */