@charset "utf-8";
/* CSS Document */

body	{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#EEEEEE;
	background-image:url(../images_pres/bg.jpg);
	background-repeat:repeat-x;
	background-color:#dedede;
	text-align:center;
	}
	
a img {
	border:0;
}	
*	{
	margin:0px;
	padding:0px;
	}
	
.clearfix	{
	clear:both;
	height:0;
	}
	
/*  ---------------- Site Layout ------------------ */

#wrapper	{
	width:975px;
	margin:0 auto;
	background-image:url(../images_pres/content-bg.jpg);
	background-repeat:repeat-y;
	}

#topbar	{
	width:975px;
	height:21px;
	background:url(../images_pres/topbar.jpg);
	background-repeat:no-repeat;
	}

#titleBar	{
	width:975px;
	height:94px;
	background-image:url(../images_pres/Sherie-Drake-Fine-Art.jpg);
	background-repeat:no-repeat;
	}
	
#navBar	{
	width:975px;
	height:29px;
	}
	
#nav	{
	width:564px;
	height:29px;
	float:left;
	}
	
#topContent	{
	width:975px;
	height:60px;
	background-image:url(../images_pres/content.jpg);
	background-repeat:no-repeat;
	}
	
#contentWrapper	{
	width:975px;
	background-image:url(../images_pres/content-back.jpg);
	background-repeat:no-repeat;
	position:relative;
	}
	
#contentArea	{
	width:848px;
	min-height:300px;
	background-repeat:no-repeat;
	margin:0 0 10px 62px;
	text-align:left;
	float:left;
	}
	
#footer	{
	width:975px;
	height:85px;
	background-image:url(../images_pres/footer.jpg);
	background-repeat:no-repeat;

	}

/*  ------------ menu ---------------- */

.mleft	{
	width:207px;
	height:29px;
	background-image:url(../images_pres/m-left.jpg);
	background-repeat:no-repeat;
	float:left;
	}

.mright	{
	width:204px;
	height:29px;
	background-image:url(../images_pres/m-right.jpg);
	background-repeat:no-repeat;
	float:left;
	}

/* ----------  Main Nav --------------------- */

ul#mainNav{
	width:564px;
	height:29px;
	background:url(../images_pres/mainnav.jpg) no-repeat center top;
	position:relative;
	float:left;
}

ul#mainNav li{
	float: left;
	display: inline; /*This line is needed to fix the double-margin bug floats in IE*/
}

ul#mainNav li a{
	display: block;
	height: 29px;
	text-indent: -9999px;
}

ul#mainNav li a:hover{
	background-image:url(../images_pres/mainnav.jpg);
}

li#mainNav_b1 a{
	background-position: 0 -29px;
	width:110px;
}

li#mainNav_b2 a{
	background-position: -110px -29px;
	width:207px;
}

li#mainNav_b3 a{
	background-position: -317px -29px;
	width:120px;
}

li#mainNav_b4 a{
	background-position: -437px -29px;
	width:127px;
	position:relative;
}

/* ------------ Text formatting ----------------- */
caption {
	background: #3B3B3B;
	font-weight:bold;
	margin:5px 0;
}
h1, h2, h3, h4 {
	margin:15px 0;
	padding:0;
}
h1	{
	font-size:1.3em;
	color: #fff;
	border-bottom: 1px solid #666;
	margin-bottom:10px;
	}
	
h2	{
	font-size:.95em;
	}
	
p, address	{
	font-size:.85em;
	margin: 15px 0;
	line-height:1.5em;
	}

a {
	color:#ff9;
}
a:hover {
	color:#F57419
}

/* ------------ Common Classes ----------------- */
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.imgLeft {
	float:left;
	margin:0 12px 12px 0;
}
.imgRight {
	float:right;
	margin:0 0 12px 12px;
}
.width60 {
	width:60%;
}	
.width40 {
	width:40%;
}