a:focus, a:active {outline:none}
span {font-size: 1.2em; color:white; font-weight:bold; padding-left: 6px}
.red {color:#a77;}
.float-l {float:left}
body {
	text-align: center;
	background-color: black;
	font: bold 1em arial, helvetica, sans-serif;
	}
html>body {
	font-size: 16px; /*IE cannot read this*/
	}
#container { 
	margin:0 auto;
	width: 800px;
	text-align: center;
	}
img {border:0}	
	ul#nav {
    		float:left;
    		width:800px;
		list-style:none;
		margin:0 auto;
		padding:0;
		}
  	#nav li {
    		display:inline;
    		}	
    	#nav #last {
		margin-right:0;
    		}
   	#nav a, #toggle a {
    		float:left;
    		display:block;
    		padding:7px 0 2px 0;
    		text-decoration:none;
    		color: red;
    		font: bold .8em/1em arial, helvetica, sans-serif;
		text-align:center;
		margin-right:2px;
		margin-bottom:0;
		margin-left:0;
    		height:1.7em;
		border-right:1px solid #666;
		letter-spacing:1px;
		}
    	#nav .one_line a {
    		padding-top:12px; /*for one line*/
    		height:1.7em;
    		}	
   	#nav a.here { color:white;}
	#nav a.here:hover {color: white; cursor: default}
    	
   	#nav a:hover {
 		color: #800;
 		}	
a#nav1 {width:5.5em;}
a#nav1a {width:7.5em;}
a#nav2 {width:6.5em;} 	
a#nav3 {width:6em;}
a#nav4 {width:7em;}
a#nav5 {width:8em;}
a#nav6 {width:7em;}
a#nav7 {width:6.5em;}
a#nav8 {width:5em;}
a#nav9 {width:6em; border-right:none}
 
img#homepaint {margin-top:25px}
	
#gallery strong {font-size:1.1em; color:red;}
h3 {color: #855; font-size: .9em; margin:0; padding-top:10px; text-align:left; } /*caption*/
.sub {font-size: .8em; font-weight: normal; margin-top:0;padding-top:.3em}

h3.home {margin: 0 0 30px 110px;}
.subhome {color: #855; font-size: .8em; font-weight: normal; margin-top:0;padding-top:.3em}
	
	/*#copy {text-align: left; color: white;}
	#copy p {font: normal .9em arial, helvetica, san-serif; line-height: 1.8em; color: #bbb; margin:0; padding:0 35px }*/
	
#signature {width: 230px; display:block; margin:0 auto;}

p#hidden {display:none}

p, #best {
	color: #ccc; 
	font: normal .9em/1.8em arial, helvetica, sans-serif; 
	text-align:left;
	}
b {font-size: 2em; color:white}

#footer {margin-right: 35px; margin-left:35px; margin-top: 50px}
#footer p {font-size: .7em; font-weight: normal; border-top: 1px solid red; color: #aaa; padding: 4px 0 20px 0;  }
#footer a, #copy a {color: #aaa;}
#footer a:hover, #copy a:hover {color: #777;}
	
p a {color: #ccc}
a:hover {color: #777}
	
/*-------------about--------*/
#portrait {float: right; width: 200px; margin: -50px 50px 10px 20px;}
#bridge {float: left; width: 250px; padding: 20px 20px 10px 0; margin-left:20px }
#painting {float: right; width: 200px; padding:0  0 10px 20px; margin: 20px 100px 0 0;}
#about p#first {margin-top:100px;}

#about p {
	margin:0; 
	padding:0 35px 0 65px; 
	text-align: left;
	margin-bottom:1em }
ul#best {margin:0 0 1em 40px}
#lrg-painting {margin:20px 0}


/*-------------resume--------*/
table {
	clear:both; 
	width: 720px; 
	margin-left: auto; 
	margin-right:auto; 
	text-align:left;
	margin-bottom:50px;
	border-collapse:collapse;
	}
th {
	color: #955; 
	letter-spacing: 4px;  
	text-align:left; 
	font-size: .9em; 
	padding: 4em 0 .7em 0;
	}

td {
	border-bottom: 1px solid #666; 
	color: #ccc; 
	font-size: .9em; 
	font-weight:normal; 
	vertical-align:bottom; 
	line-height:2.2em;
	padding-bottom: .1em; 
	padding-top:.2em;
	}
td.col-1 {
	width:300px;
	}
td.col-2 {
	width:270px;
	}
td.col-3 {
	width:150px;
	}

td.across, td.first-across, td.l-across {
	line-height: 1.4em; 
	color: #ccc; 
	padding-bottom: .6em; 
	padding-top:1em;
	}
td.first-across {padding-top:.2em}	
td.last-across, td.l-across {border-bottom:0}


/*-------------news and reviews--------*/
#news {
	float:left;
	width:450px;
	border:0px solid white;
	margin-top:40px;
	margin-left:20px;
	}
#reviews {
	float:right;
	width:250px;
	border:0px solid white;
	margin-top:40px;
	margin-right:20px;
	}
#newreview {
	color:white
	}
#reviews p {
	font-size:.8em;
	line-height:1.4em; 
	margin-bottom:0;
	}
#newreview .pubs {font-size: .7em; text-transform:uppercase; color:#888; margin-top:.4em}

#news h3 {color: #955; letter-spacing: 4px; text-align:left; font-size: .8em; text-transform:uppercase; padding-top:2em; }
p.caption {color: #855; font-size: .8em; margin:0; padding-top:10px; text-align:left; line-height:1.2em; width:175px } /*caption*/

#news #award {float:left; width:210px; position:relative; top:20px; right:0px; text-align:left;}
#award img {margin-top:20px}

.space {margin-top:2em}
p#icon {float:right; width:110px; margin:0; padding:0; }
#news em {font-size:1em; text-transform:none; letter-spacing:0}


#float_pub {
	float:left;
	width:140px;
	margin:20px 10px 0 0;
}

* html #reviews {margin-right:0;}
* html #news {margin-left:10px;}

/*-------------paintings--------*/

#left_nav {
	clear:both;
	float: left;
	width:180px;
	}
#presentation {
	float: right;
	width: 540px;
	margin-left: 0
	}
#left_nav ul {
	text-align: right;
	font-size: .8em;
	line-height: 1.2em;
	margin-top:130px;
	letter-spacing:1px;
	}
#left_nav li {
	margin-bottom: 2.8em
	}
#left_nav a {
	color: #bbb;
	text-decoration:none;
	}
#left_nav a:hover {
	color: #888;
	}
#slideshow {
		width: 520px;
		background-color: black; 
		/*margin: 0 auto;*/
		text-align:left;
		}
#slide_nav {
		position:relative;
		top:35px; left:380px;
		}
#footer_paintings p { 
		border-top:1px solid white; 
		text-align:left; 
		margin-top:100px;
		}
#slideshow p {
		margin-bottom: 15px; padding:0; text-align:left; color:white;line-height: 2em; font-size: .8em; color: #aaa;
		}

#slideshow p em {font: bold 1.1em verdana, georgia, sans-serif; color:#855; letter-spacing: 2px; text-transform:uppercase}
#slideshow p span {font-weight: normal; color:#855; letter-spacing:0;padding-left:0; }
#slideshow b {font-size: 1em; color:#855}
#slideshow i {text-transform:lowercase; font-weight: normal; font-style:normal; letter-spacing:0}

		

/*-------------galleries and shows--------*/
#container {border:0px solid green; }
h2 {font-size: 1em; letter-spacing: 4px; margin-top: 1em; color:white; text-align:left;}
h2 a {color:white}
h2 a:hover {color:#bbb}


#galleries h2.summer {letter-spacing:0; margin-bottom:0em}


#left {clear:both; float:left; width: 320px; margin-left:10px; margin-bottom: 40px; border: 0px solid yellow}
#right{float:right; width:300px; margin:0 80px 50px 0px; border: 0px solid white}
#footer {clear:both; margin-left: 0} 

#galleries {color: #bbb; font-family: arial, helvetica; sans-serif; text-align: left; margin-bottom: 200px margin-right: 0}
#galleries p {margin:0 0 .6em 0; color: #bbb; line-height: 1.4 }
#galleries p.nameof {font-weight:bold; margin-top:3em; font-size:1.0em}
#galleries h4 {font: normal .9em/1.3 arial, helvetica; color:#855; letter-spacing: 4px; text-transform:uppercase;}
#galleries h4.date {font: normal .9em/1.4em arial, helvetica; color:#855; letter-spacing: 1px; text-transform:none; margin-top:0; margin-bottom:.8em}
#galleries h4.date2 {font: normal .9em/1.4em arial, helvetica; color:#855; letter-spacing: 1px; text-transform:none; margin-top:1em; margin-bottom:0}

#galleries ul {font-size:.9em; line-height: 1.6em; font-weight:normal}
#galleries li {list-style-type:none; margin-left: -40px; line-height:1.3em}
#galleries li a { color: #ccc; text-decoration:underline; font-weight:bold}
#galleries li a:hover {color: #777}
#galleries #view {margin: 0 0 20px 0; _margin-left: -15px}
#galleries #view a {color: #a22; text-decoration:none; font-size: .9em}
#galleries #view a:hover {color: #d55;}
#galleries strong {font-weight:bold; font-size:1.1em}
#galleries span.light {font-size:.9em; font-weight:normal; padding-left:0}

.left {float:left; width: 350px; text-align:left;height:276px; margin:40px 10px 50px 10px; }
.right {float:left; width: 350px; text-align:left;height:276px; margin:40px 10px 50px 50px;}
.left h3, .right h3 {font-weight: normal}
/*#park {margin: 0 0 0 230px; border: 0px solid yellow}*/
p#caption {margin: 0 0 0px 0px; border: 0px solid white}
ul#show_opens li {margin-top:0}
#right h2 a {color:#855; letter-spacing:0;line-height:1.3em}
.snow {font-size:.9em; padding-top:.5em}
#galleries li a.notbold {font-weight:normal;}
#galleries span.uc {font-weight:normal; text-transform:uppercase; font-size:.8em; padding:0}

#button {
margin-top:10px;
margin-bottom:30px;
	color:white;
	text-align:left;
	}
#button a {
	color:white;
	background-color:#833;
	padding:4px 6px;
	text-decoration:none;
	font-size:.9em;
	font-weight:normal;
	}
#button a:hover {
	background-color:red
	}
#story {
	margin:0 auto;
	width:580px;
		margin-top:150px;
}

#story h2 {
	text-align:left;
	font-size:1.3em;
	line-height:1.4;
	letter-spacing:0;
	}
#story h3 {
	font-weight:normal;
	font-size:1em;
	letter-spacing:0;
	line-height:1.5;
	margin-bottom:2.5em;
	}


/*#park {float:right; width: 200px; position:relative; right:220px; border: 0px solid yellow}
#caption {float:left; position:relative; left:80px; top: 100px; width: 250px; border: 0px solid green}
#caption p {margin:0; text-align:right}?8

/*-------------contact--------*/

#left_col { 
	float: left; 
	position:relative; top: 50px; left: 40px;
	width: 250px;
	margin-bottom: 100px
	}
#right_col {
	float:right;
	width: 450px;
	position:relative; top: 70px; right: 0px;
	margin-bottom: 40px;
	}

#contact {text-align:left;}

li#last_item {font: bold .9em arial, helvetica, sans-serif;
	border-right:none; color: white; padding: 0 13px; letter-spacing: 2px;}
#contact a {color: red;}
#contact a:hover {color:#800}

/*-------------classes--------*/

/*#classes {
	float:left;
	width: 350px;
	margin-left:40px;
	margin-bottom: 2em;
	margin-top:5px;
	}*/
.school {
	padding-top:10px;
	margin-top:50px; 
	border-top:2px solid #444;
	}
#classes {margin-left:40px;	border:0px solid white;
 }	

#classes .location {
	float:left;
	width:240px;
	border: 0px solid green;
	}
#classes .indent {
	float:right;
	width:385px;
	margin-right: 80px;
	border: 0px solid green;
	}
#classes h1, #classes_painting h1 {
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:1.5em; margin-top:6em;
	color:white;
	text-align:left;
	}
#classes .sub {
	font-size:.8em;
	letter-spacing:2px;
	text-align:left;
	padding-left:2em;
	text-transform:uppercase;
	}
#classes em {color:#ababab}

#classes h2 {
	margin-top:1.2em;
	color: #bcbcbc;
	margin-bottom:.5em;
	font-size:.85em;
	letter-spacing:1px;
	text-transform:uppercase;}

#classes .date {
	margin-top:.8em;
	margin-bottom:1.4em;
	color:white;
	}
#classes .location h3 a {
	color: #bcbcbc;
	font-size:.9em;
	}
#classes .location h3 {
	margin:0
	}
#classes p.spaceb4  {margin-top:.8em}

#classes h3 {
	color: #855;
	font-size:1.2em;
	padding-top:0;
	padding-bottom:.4em;
	}
#classes h3 a {
	text-decoration:underline;
	color: #dedede}
#classes h3 a:hover {
	text-decoration:none;
	}
	
#classes p {
	margin-top:0; margin-bottom:0;
	line-height:1.3em;
	color:#bcbcbc;
	}	
#classes h4 {
	color: #855;
	margin-bottom:.5em;
	}

#classes #description  {margin-bottom:2.5em; margin-top:1.5em}
#classes #description p {line-height:1.4em; margin-bottom:.6em}
#classes #description p#last {margin-bottom:4em}

#classes_painting h3 {
	margin-left:30px
	}
#classes_painting img {
	text-align:left;
	margin-left:0;
	padding-left:0;
	}

#classes_painting h2 {
	font-size:.9em;
	letter-spacing:0;
	text-align:left;
	margin-top:2em;
	}

#classes_painting {
	float:right;
	width: 350px;
	line-height:1.2em;
	border:0px solid red;
	}
ul#class_info {
	color:#999;
	list-style-type: none;
	text-align:left;
	margin:0 0 2em -40px;
	font: normal .8em/1.5em arial, helvetica, sans-serif;
	}
/*#classes a {
	color:#bbb;
	font-weight:bold;
	text-decoration:none;
	}
#classes a:hover {
	color:#555;
	}*/
#class_info strong {
	font-weight:bold;
	font-size:1.1em
	}
	
	
h5 {color:white; letter-spacing:10px; text-align:center; margin: 200px 0}

#footer p {clear:both}