body{
	background-color: #282934;
	color: #ffffe1;
	font-family: 	'Trebuchet MS',Helvetica,sans-serif;
}

a:link{
	color: #A6A6A6;
	font-size: 1.05em;
	text-decoration: none;
  outline: none;
}

a:visited{
	color: #A6A6A6;
	font-size: 1.05em;
  outline: none;
	text-decoration: none;
}

a:hover{
	color: #fff;
	background-color: none;/*-- #9d2b19; --*/
  outline: none;
	text-decoration: none;
}

a img {
  border-width:0;
  }


/*--------------------------------------------------- formatting  --*/
#header h1{
		color: #84a232;
		font-size: 2.5em;
		font-weight: 200;
		margin: 0 0 0 0;
}

#header h1 a:link{
		color: #84a232;
}

#header h1 a:visited{
		color: #84a232;
}

#header h1 a:hover{
		color: #BBE645;
}

h2{
	margin: 0 0 0 0;
	color: #9d2b19;
	text-align: left;
}

h3{
	margin: 0 0 0 0;
	color: #9d2b19;
	text-align: left;
	font-size: .95em;
}

.thumbImages{
	margin: 4px 4px 4px 4px;
}

p {
	line-height: 1.3em;
}

.imageRight{
	float: left;
	margin: 20px 30px 20px 0;
}

.smallCase{
	font-size: .8em;
	display: block;
	color: #9d2b19;
}

/*-------------------------------------------------- layout  --*/

#wrap{
	background-image: url("images/layout/header.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	margin: -30px auto 0 auto;
	width: 990px;
}

#header{
	padding:140px 0 0 50px;
}

#slideShowColumn{
	margin: -40px 0 -30px 0;
	text-align: center;
}

#mainContent{
	margin: 0 auto;
	width: 940px;
}

#artTitle{
	margin: 0 0 0 70px;
	width: 275px;
}
#leftColumn{
	float: left;
	margin: 0 70px 0 0;
}

#artTextColumn{
	width: 275px;
	float: left;
	text-align: left;
	margin: 0 0 0 70px;
}

#insideArtTextColumn{
	width: 260px;
	margin: 15px 0 40px 5px;	
}

#artTextColumnFooter{
	/* height: 100px; */
	background-position: bottom left;
}

#imageColumn{
	width: 520px;
	float: left;
	margin: -28px 0 0 0;
}

#imageInfo{
	text-align: right;
	float: right;
}

#thumbnails{
	float: right;
	clear: both;
	width: 440px;
	text-align: center;
}

#mainImage{
	text-align: right;
}


#wideContent{
	width: 800px;
	float: left;
	text-align: justify;
	margin: 0 0 0 80px;
}

#accent{
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 130px;
	width: 140px;
	float: right;
	margin: 10px 0 0 10px;
}

#insideWideContent{
	margin: 25px 20px 5px 20px;	
	float: left;
	width: 770px;
}

#insideWideContent h2{
	display: inline;
	margin-right: 25px;
}

#wideContentHeader{
}

#wideContentFooter{
	height: 44px;
	clear: both;
}

#bioRight{
	float: right;
	text-align: left;
	width: 400px;
}
.resumeInsert{
	clear: both;
}

.resumeHeader{
	margin: 32px 0 0 20px;
}

.resumeLeft{
	width: 120px;
	margin: 0 0 -10px 50px;
	text-align: right;
	float: left;
}

.resumeLong{
	width: 770px;
	margin: 0 0 -10px 50px;
	text-align: left;
	float: left;
}

.resumeRight{
	margin: 0 30px -10px 0;
	float: right;
	width: 520px;
}

.clearer{
	clear: both;
}

#footer{
	color: #9d2b19;
	text-align: center;
	clear: both;
	padding: 20px 0 40px 0;
	font-size: .8em;
}

#indexFooter{
	color: #9d2b19;
	text-align: center;
	clear: both;
	padding: 0 0 40px 0;
	font-size: .8em;
}

/*-- #footer a:link{
	color: #84a232;
}

#footer a:visited{
	color: #84a232;
}

#footer a:hover{
	color: #BBE645;
}

#indexFooter a:link{
	color: #84a232;
}

#indexFooter a:visited{
	color: #84a232;
}

#indexFooter a:hover{
	color: #BBE645;
} --*/




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


/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/final_drop.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the assocaited (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

#menuWrap{
	height: 30px;
	padding: 0 0 30px 0;
	margin: 0 0 10px 0;
}

.menu {
	width:985px; 
	font-size:1em;
	font-weight: 900;
	position:relative;
	z-index:100;
	text-align: left;
	margin: 0 0 0 60px;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	color: #9d2b19;
}

.menu ul ul {
	width:150px;
	list-style-type: none;
	font-size: .7em;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:190px;
	position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:1.3em;
	text-decoration:none; 
	color:#A6A6A6; 
	height:30px; 
	border:solid #282934; 
	border-width:1px 1px 0 0; 
	background-color:#282934; 
	padding-left:10px; 
	line-height:29px;
}
.menu ul ul a, .menu ul ul a:visited{
		background-color: #1a1b22;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:210px;
	w\idth:308px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0; 
	width:150px;
}

/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:31px;
}



/* style the table so that it takes no part in the layout - required for IE to work */
.menu table{
	position:absolute; top:0; left:0;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	/* background:#2d2f3b; */
	color:#A6A6A6; 
	height:auto; 
	line-height:1.3em; 
	padding:5px 10px; 
	width:210px
}

/* yet another hack for IE5.5 */
* html .menu ul ul a{
	width:150px;
	w\idth:100px;
}


/* style the top level hover */

.menu a:hover, .menu ul ul a:hover{
	color: #fff; 
	background:#282934;
	list-style-type: disc;
}
	
.menu :hover > a, .menu ul ul :hover > a {
	color: #fff;
	background-color:#282934;
	list-style-type: disc;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible; 
}


/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
}

/*---------------------------------------------------------------------------------- End Menu */



/*------------------------------------ art bodies menu ----*/

#bodiesMenu{
	margin: 0 25px 0 0;
	width: 160px;
	float: left;
	text-align: left;
	color: #9d2b19;
	font-size: .8em;
}

#bodiesMenu h3{
	margin: 0 0 20px 0;
	color: #84a232;
	font-size: 1.7em;
}

#bodiesMenu ul li{
	margin-bottom: 15px;
	font-weight: 700;
}








