
/* General Style
---------------------------------------------*/
form,body,html{height: auto;width:100%;}
form,body,html{height: auto;width:100%;}
body{margin:0;padding:0;font:.8em/1.6em Verdana, Helvetica, Arial, sans-serif; background:#505050 url(images/backgound.gif) repeat-x left top; }

.mastWrap{float:left;width:100%; }
.cntrWrap{width:712px;margin:0 auto; }
.fltFix{float:left;width:100%;}
.fltFix2{float:left;width:100%;}

a{color:#b10021;text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

h1,h2,h3,h4,h5{font-weight:bold;margin:0;padding:8px 5px 8px 0;line-height:1.8em;}
h1,.PageTitleHeader{font-size:1.8em;}
h2,.PageSubTitleHeader{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1em;}
p{padding:0;margin:7px 0;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}



/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{background: url(images/HeaderBg.gif) no-repeat left top;float:left;margin:0;padding:0;width:712px; height:75px;}

.structHead #ContentToplinks{float:left; width:100%;margin:18px 0 0; }
.structHead #ContentToplinks ul { list-style:none; margin:0; padding:0;}
.structHead #ContentToplinks li {float:left;margin:0; padding:0;}

.structHead #ContentToplinks li#contact a{background:url(images/contact.png) no-repeat scroll left top;width:136px;}
.structHead #ContentToplinks li#bio a{background:url(images/bio.png) no-repeat scroll left top;width:105px;}
.structHead #ContentToplinks li#mixedmedia a{background:url(images/mixedmedia.png) no-repeat scroll left top;width:206px;}
.structHead #ContentToplinks li#sculpure a{background:url(images/sculpture.png) no-repeat scroll left top;width:156px;}
.structHead #ContentToplinks li#home a{background:url(images/home.png) no-repeat scroll left top;width:109px;}

.structHead #ContentToplinks li#contact a:hover{background:url(images/contact_ro.png) no-repeat scroll left top;width:136px;}
.structHead #ContentToplinks li#bio a:hover {background:url(images/bio_ro.png) no-repeat scroll left top;width:105px;}
.structHead #ContentToplinks li#mixedmedia a:hover {background:url(images/mixedmedia_ro.png) no-repeat scroll left top;width:206px;}
.structHead #ContentToplinks li#sculpure a:hover {background:url(images/sculpture_ro.png) no-repeat scroll left top;width:156px;}
.structHead #ContentToplinks li#home a:hover {background:url(images/home_ro.png) no-repeat scroll left top;width:109px;}

.structHead #ContentToplinks li a { display:block; color:#000; text-indent:-9999px; height:50px; padding:0; margin:0;text-align:center; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; cursor:pointer;}
.structHead #ContentToplinks li a:hover {color: #660000; font-weight:bold;}

/* Second Level Groups */
.structHead #ContentToplinks li ul { position: absolute; left: -999999px; margin:-10px 0 0 30px; padding:0 0 0; background:#b8b8b8; float:none; width:150px;}
.structHead #ContentToplinks li li { width: 130px; padding:0; margin:0; height:auto;}
.structHead #ContentToplinks li li a,
.structHead #ContentToplinks li#contact li a,
.structHead #ContentToplinks li#bio li a,
.structHead #ContentToplinks li#mixedmedia li a,
.structHead #ContentToplinks li#sculpure li a,
.structHead #ContentToplinks li#home li a,
.structHead #ContentToplinks li#contact li a:hover,
.structHead #ContentToplinks li#bio li a:hover ,
.structHead #ContentToplinks li#mixedmedia li a:hover,
.structHead #ContentToplinks li#sculpure li a:hover, 
.structHead #ContentToplinks li#home li a:hover { background:none; text-indent:0; padding:2px 10px; width:110px; _width:130px;text-align:left; height:auto;}


.structHead #ContentToplinks ul li li a:hover,
.structHead #ContentToplinks ul li li a.sfHover { color:#660000; font-weight:normal;}

/* Third Level Groups */
.structHead #ContentToplinks ul li li ul { margin:-20px 0 0 150px}

/* The Magic */
.structHead #ContentToplinks ul li:hover ul ul,
.structHead #ContentToplinks ul li:hover ul ul ul,
.structHead #ContentToplinks ul li.sfhover ul ul,
.structHead #ContentToplinks ul li.sfhover ul ul ul { left: -999em;}

.structHead #ContentToplinks ul li:hover ul,
.structHead #ContentToplinks ul li li:hover ul,
.structHead #ContentToplinks ul li li li:hover ul,
.structHead #ContentToplinks ul li.sfhover ul,
.structHead #ContentToplinks ul li li.sfhover ul,
.structHead #ContentToplinks ul li li li.sfhover ul { left: auto;}


/* LEFT COLUMN
---------------------------------------------*/
.structLeft{float:left;height:436px;margin:120px 10px 0;padding:0pt;width:257px; display:inline; }
.structLeft #ContentLeftNav{ color:#FFFFFF;font-size:12px;height:308px;width:191px;line-height:18px;}
.structLeft #ContentLeftNav.scroll{ overflow-x:hidden;overflow-y:scroll;}
.structLeft #ContentLeft{ color:#FFFFFF;font-size:13px;height:308px;width:212px;}


/* BODY ELEMENTS
---------------------------------------------*/
.structBody{ background:url(images/ContentBg.gif) no-repeat left top;float:left;margin:0;padding:0pt;width:712px;height:555px;}

.structBody #ContentMiddle{ float:right;margin:100px 0px 0pt 0pt;padding:0pt;width:435px; height:455px;}
.structBody #ContentMiddle.show{ float:right;margin:83px 0px 0pt 0pt;padding:0pt;width:435px; height:455px;}
.structBody #ContentMiddle #slideshow{ background:#000000;height:414px;margin:0 auto;overflow:hidden;padding:0;text-align:center;width:390px;}
.structBody #ContentMiddle .content{ text-align:left; margin:0; padding:0 10px; font-size:14px; overflow-x:hidden;overflow-y:scroll; height:410px; background:none; border:none;}
.structBody #ContentMiddle.bio .content{ text-align:left; margin:0 0 0 0; padding:0 10px; font-size:14px; overflow-x:hidden;overflow-y:scroll;  height:410px; background:none; border:none;}
.structBody #ContentMiddle.relalinks .content{ text-align:left; margin:0 0 0 0; padding:0 10px; font-size:14px; overflow-x:hidden;overflow-y:hidden;  height:410px; background:none; border:none;}

.structBody #ContentMiddle.relalinks .content ul{ list-style:square;}
.structBody #ContentMiddle .contentContact{ text-align:center; margin:0 0 0; padding:0 10px; font-size:14px;   height:200px;}

h1#Exhibitions{ margin:0; padding:0; width:100%; background:url(images/exhib.png) no-repeat left top; height:40px;}
h1#ed{ margin:0; padding:0; width:100%; background: url(images/ed.png) no-repeat left top; height:40px;}
h1#bodies{ margin:0; padding:0; width:100%; background:url(images/bodies.png) no-repeat left top; height:40px;}
h1#born{ margin:0; padding:0; background:url(images/born.png) no-repeat left top; height:40px; width:100%;}
h1#links{ margin:0; padding:0; background:url(images/links.png) no-repeat left top; height:40px; width:100%;}

.structBody #ContentMiddle.bio div{ margin:3px; padding:10px; text-align:left; border:1px dotted #666666; }
/* RIGHT COLUMN
---------------------------------------------*/
.structRight{width:138px; padding:10px; margin:0;float:right;}
.structRight #ContentMiddleLayoutRight{ margin:0; padding:0; }

/* Footer Elements 
---------------------------------------------*/
.structFooter{ float:left; height:59px; padding:0; margin:0 0;color:#8b8b8b; font-size:10px; width:100%}
.structFooter #ContentFooter{ margin:0 ; float:left;}
.structFooter #ContentFooter2{ margin:0; padding:0; float:right;}
.structFooter #ContentFooter2 a{color:#8b8b8b;+-}

