* {padding: 0; margin: 0;}


body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color:#669999;
	margin-left: 10%;
	margin-right: 10%;
	text-align : left;}
	
a:link {
	color:  #669999;
	background-color:#ffffff;
	text-decoration : none;}
a:visited {
	text-decoration: none;
	color: #669999;
	background-color:#ffffff}
a:hover {
	text-decoration: none;
	color:#99CC99;
	background-color:#ffffff}
a:active {
	text-decoration: none;
	color: #999999;
	background-color:#ffffff}

#wrap {
width: 100%;
text-align: left;
background-color:#ffffff;
color:#666666;
overflow: hidden;
border:#C2E5DE 4px;
border-style:solid;
}


#header {
height: 49px;
width: 227px;
margin-top: 15px;
margin-right: 15px;
background: url(/images/kara.jpg) no-repeat;
float: right;
text-indent : -9000px;}


#content{
width: 80%;
margin-right: 10%;
margin-left:10%;
margin-top: 100px;}


h1 {
padding-bottom: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size : 2em;
text-align : center;
color : #669999;
background-color:#FFFFFF;}

h2 {padding-top : 15px;
padding-bottom:15px;
font-size:1.5em;}
	
#right_photo {
width :215px;
height: 246px;
background: url(/images/paintings/lisa-run-sewn_sm.jpg) no-repeat; 
padding:5px;
float: left;
text-indent : -9000px;}
	
p{
font-family: Arial, Helvetica, sans-serif;
line-height:2em;}


#nav {
margin-left: 10px;
margin-top: 10px;
clear:both;
float:left; padding:0 0 5px 0; list-style:none; font: 11px verdana, sans-serif; position:absolute; z-index:200;
text-align:left;
font-weight:bold;}
 
#nav ul {
clear:both;
float:left; padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; position:relative; z-index:200;font-weight:bold;}

#nav li li {
	border:1px solid #000;
	border-color:#999999;
	border-width:0px 0px 1px 1px;
}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#nav li a {
	display:block;
	color:#666666;
	margin:0 25px 0 10px;
	height:20px;
	line-height:20px;
	text-decoration:none;
	white-space:nowrap;
	font-weight:bold;
}

#nav li:hover {position:relative; z-index:300;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {
	text-decoration:none;
	color:#6699CC;
}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{
	text-decoration:none;
	color:#6699CC;
}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{
	text-decoration:none;
	color:#666666;
}