html {
background: #FFFFFF url(http://www.kaarenengel.com/images/bar_bkgd.png) repeat-x;
}

body {
color: #000;
font-size: 12px;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
margin: 0;
padding: 0;
background: url(http://www.kaarenengel.com/images/signature_bkgd.png) no-repeat center top;
overflow-x: hidden;
overflow-y: auto;
text-align: center;
}

#header {
text-align: left;
}

#menu {
height:106px;
overflow:hidden;
}

#sectionbar   { color: #999; font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic; text-decoration: none;}
#sectionbar a, #sectionbar a:link, #sectionbar a:active, #sectionbar a:visited  { color: #999; text-decoration: none }
#sectionbar a:hover  { color: #fe3602; text-decoration: none }

#content { 
min-height: 300px;
overflow: visible;
text-align: left;
}

#subnav {
padding-top: 20px;
padding-bottom: 20px;
}

#maincontent {
padding-bottom: 20px;
padding-top:20px;
}
#maincontent h1 {
margin-bottom: 10px;
}

#maincontent a, #maincontent a:link, #maincontent a:active, #maincontent a:visited {

}
#maincontent a:hover {

}

#rightcolumn {
color: #777777;
padding-top: 50px;
}

#main_menu   { 
left:325px;
position:relative;
text-align:left;
top:40px;
}

#bottombar {
background-image:url(http://www.kaarenengel.com/images/bottombar.jpg);
background-repeat:repeat-x;
clear:both;
color:#000000;
font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
font-size:10px;
margin:0;
padding-top:35px;
padding-bottom:120px;
position:relative;
}

#kaaren  { color: #008b8b; font-size: 13px; }
#copyright  { color: #a7a7a7; font-size: 11px; text-align: right; }
#copyright a, #copyright a:link, #copyright a:visited, #copyright a:active { color: #a7a7a7; text-decoration: none }
#copyright a:hover { color: #565656; text-decoration: none }

.credit   { color: #a7a7a7; font-size: 10px; text-align: right; }
.credit a, .credit a:link, .credit a:visited, .credit a:active { color: #a7a7a7; text-decoration: none }
.credit a:hover { color: #565656; text-decoration: none }

/**************** menu coding *****************/

#box_menu {
display: block;
float: left;
width: 330px;
}
#box_menu ul {
	width: 330px;
	margin-top:40px;
	list-style: none;
}

#box_menu ul li { display: inline; }
	
#box_menu ul li a {
	display: block; float: left; height: 55px;
	background: url(http://www.kaarenengel.com/images/menu.jpg) no-repeat;
	text-indent: -9999px;
	width: 66px;
}

	#box_menu ul li a.home {
		background-position: 0 0;	
	}
	
	#box_menu ul li a.paintings {
		background-position: -66px 0;	
	}
	
	#box_menu ul li a.sculpture {
		background-position: -132px 0;	
	}
	
	#box_menu ul li a.collaboration {
		background-position: -198px 0;	
	}
	
	#box_menu ul li a.installations {
		background-position: -264px 0;	
	}
	
	
	#box_menu ul li a.home:hover, #box_menu ul li a.home:focus {
		background-position: 0 -55px;	
	}
	
	#box_menu ul li a.paintings:hover, #box_menu ul li a.paintings:focus {
		background-position: -66px -55px;	
	}
	
	#box_menu ul li a.sculpture:hover, #box_menu ul li a.sculpture:focus {
		background-position: -132px -55px;	
	}
	
	#box_menu ul li a.collaboration:hover, #box_menu ul li a.collaboration:focus {
		background-position: -198px -55px;	
	}
	
	#box_menu ul li a.installations:hover, #box_menu ul li a.installations:focus {
		background-position: -264px -55px;	
	}
	

a { outline: none; }


#text_menu {
margin-top: 40px;
width: 300px;
display: block;
float: left;
line-height: 11px;
}

#text_menu ul {
width:4.5em;
list-style: none;
margin: 0;
padding: 0;
}

#text_menu a, #text_menu h2 {
font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
font-size: 11px;
display: block;
margin: 0;
padding:2px 5px 1px 0;
}

#text_menu a {
color: #444444;
text-decoration: none;
}

#text_menu a:hover {
color: #518A84;
}

#text_menu li {
position: relative;
text-transform:uppercase;
}

#text_menu ul ul {
position: absolute;
top: 0;
left: 100%;
}

#text_menu ul ul li a, #text_menu ul ul li a:link {
display: block;
padding-left: 15px;
color: #D62302;
background: none;
width: 6em;
text-transform:uppercase;
}
#text_menu ul ul li a:hover {
color: #518A84;
}
div#text_menu ul ul,
div#text_menu ul li:hover ul
{display: none;}

div#text_menu ul li:hover ul,
div#text_menu ul ul li:hover ul
{
display: block;
color: #518A84;
background: url(http://www.kaarenengel.com/images/menu_arrow_small.png) no-repeat top left;
}

</style>
<!--[if IE]>
<style type="text/css" media="screen">
 #text_menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(http://www.kaarenengel.com/css/csshover3.htc);
font-size: 100%;
} 
#text_menu ul li {float: left; width: 100%;}
#text_menu ul li a {height: 1%;} 

#text_menu a, #text_menu h2 {
font-family: Trebuchet MS,Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
font-size: 11px;
} 

</style>
<![endif]-->


#submenu   { color: #3c3c3c; text-align: left; margin-bottom: 3px; position: relative }
#sublist li  { white-space: nowrap; list-style-type: none; display: inline; margin: 0; padding: 0 28px 0 0 }
#sublist li a { color: #3c3c3c; text-decoration: none }
#sublist li a:hover { color: #f00; text-decoration: none }
#line      { background-image: url("http://www.kaarenengel.com/images/12.jpg"); background-repeat: no-repeat; text-align: left; position: relative; left: -35px; width: 350px; height: 10px; margin-bottom:20px; }


/***  old site styles **/

.news    { }
.article_thumb    { padding-top: 14px; padding-right: 15px; padding-bottom: 6px; float: left }
.article_image      { font-size: 11px; text-align: left; padding: 0 15px 15px 0; position: relative; float: left; border: 0 }
.article_image p { padding-top: 5px }
.full_image a, .article_image a:link, .article_image a:visited { color: #008b8b; text-decoration: underline }
.article_image a:hover { color: #f00 }
.titles li { font-size: 14px; list-style-type: none; padding-bottom: 8px }
.titles a, .titles a:link, .titles a:active, .titles a:visited { color: #000000; font-size: 14px; text-decoration: none }
.titles a:hover { color: #f00; text-decoration: underline }

.cv_body    { padding-top: 15px; padding-bottom: 10px }
.cv_body p { text-indent: 0px }
.cv_body a, .cv_body a:link  { color: #008b8b; font-weight: bold; text-decoration: underline }
.cv_body a:hover { color: #f00 }
.cv_body ul { padding-bottom: 10px }
.cv_body li { list-style-type: none; padding-bottom: 10px }

.article_title  { font-size: 14px; text-indent: 0; padding-top: 10px; padding-bottom: 5px; style: bold }
.article_title a, .article_title a:link { color: #000; text-decoration: none }
.article_title a:hover { color: #f00; text-decoration: underline }
.date  { font-size: 11px; color: #565656; font-size: 10px; text-indent: 0 }
.article_image { float: left }
.article_body    { padding-top: 15px; padding-bottom: 10px }
.article_body p { text-indent: 0; margin-bottom: 10px; }
.article_body a, .article_body a:link  { color: #008b8b; font-weight: bold; text-decoration: underline }
.article_body a:hover { color: #f00 }

.desc_title  { font-size: 12px; style: bold; text-indent: 0; padding-top: 10px; padding-bottom: 15px }
.sep_line  { height: 1px; margin-bottom: 25px; border-bottom: 1px solid #d4d4d4 }

.article_excerpt  {  text-indent: 0px; margin: 0; padding-top: 10px; padding-left:10px; padding-bottom: 0 }
.article_excerpt p  { margin: 0 }

.read_more  { text-indent: 0px; padding: 0 10px 15px }
.read_more a { color: #008b8b; font-style: italic; font-weight: bold; text-decoration: none }
.read_more a: link  { color: #008b8b; font-style: italic; font-weight: bold; text-decoration: none }
.read_more a:hover { color: #f00; text-decoration: underline }

.download_size{ color: #565656; font-size: 9px; text-decoration: none }

.sidelinks ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal }
.sidelinks li  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; display: block; margin-bottom: 12px }
.sidelinks .label { font-weight: bold; text-decoration: none; margin-bottom: 10px }
.sidelinks a, .sidelinks a:link, .sidelinks a:active, .sidelinks a:visited  { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; display: block; margin-left: 10px }
.sidelinks li a:hover { color: #f00; font-weight: normal }
.sidelinks img, #content dd img { visibility: hidden; height: 0; width: 0 }

#sidebar_content     { color: #3c3c3c; background-color: #efefef; text-align: left;  padding: 5px; border: solid 1px #cecece }
#sidebar_content  .title {font-size: 11px; color: #3c3c3c; font-weight: normal;  position: relative; left: -10px }
#sidebar_content  p  { color: #3c3c3c; text-indent: 0 }
#sidebar_content  a  { color: #3c3c3c; text-decoration: none }
#sidebar_content  a:link { text-decoration: none }
#sidebar_content  a:hover { color: #f00 }
#sidebar_content  ul  { padding-bottom: 5px; margin-top:15px; }
#sidebar_content  li  { list-style-type: none; padding-bottom: 5px }
.address  { font-size: 11px; line-height: 14px }

.rssMenu ul { font-weight: normal }
.rssMenu li  { font-size: 14px; font-weight: normal; text-decoration: none; display: block }
.rssMenu .label { font-size: 14px; font-weight: bold; text-decoration: none; margin-bottom: 10px }
.rssMenu a, .rssMenu a:link, .rssMenu a:active, .rssMenu a:visited  { font-size: 12px; font-weight: normal; text-decoration: none; display: block; margin-left: 10px }
.rssMenu li a:hover { color: #f00; font-weight: normal }


dl { line-height: 1.2em; }
dt { color: #888888; font-size: 14px; font-style: italic; font-variant: small-caps; font-weight: bold; padding-top: 10px; padding-bottom: 10px }
dd { color: #000; padding-bottom: 10px }
dd a, #content dt a:link, #content dd a:active, #content dd a:visited { color: #000; font-weight: bold; text-decoration: none }
dd a:hover { color: #f00; text-decoration: underline; }