body { padding: 0; margin: 0; width: 100%; height: 100%; overflow-y: scroll; font-family: Arial; font-size: 100% }

/************** common border style **************/
#banner_background, #banner, #logo_wrap, #menu_background { border-width: 4px; border-style: solid }   

body, #bodywrap, #banner { max-width: 1000px}

#bodywrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0; margin: 0 auto; width: 100% }

*:first-child+html body { margin: 0 auto }  /* for IE7 only; needed to center page */
*:first-child+html #bodywrap { left: auto; right: auto }  /* for IE7 only; needed to center page */

#page_background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 }

#banner_background { position: fixed; left: 0; top: 0; right: 0; height: 134px; border-width: 0 0 4px 0 }
#banner { position: fixed; top: 0; width: 100%; overflow: hidden; height: 134px; border-width: 0 0 4px 0; z-index: 1 }

#logo_wrap { width: 177px; height: 130px}   
#logo_wrap { margin-right: 6px; float: left; }
.logo_image { border-width: 1px; border-style: solid; width: 175px; height: 128px; }
.banner_image { border-width: 1px; border-style: solid; margin-left: 8px; margin-top: 7px; width: 118px; height: 118px; }

#menu_background { position: fixed; width: 177px; top: 134px; bottom: 0; border-bottom-width: 0px; z-index: 1}
#menu {position: fixed; top: 134px; bottom: 0; padding: 36px 20px 20px 33px; z-index: 1 }
			
#content { position: absolute; top: 138px; left: 185px; right: 0; padding: 16px 30px 20px 36px;  }
*:first-child+html #content { padding-top: 32px }  /* for IE7 only; some weird behavior... */
*:first-child+html #content .font_header  { margin-top: -16px }  /* for IE7 only; some weird behavior... */

a:visited { outline: none; }

/*************** menu ***************/

#menu { font-family: Arial; font-size: 16px; line-height: 1.25em }
.nav, .nav_coming { width: 118px }
.nav_coming { font-size: .9em }
#menu ul li {display: block; margin: 0 0 14px 0} 
#menu a {display: block; text-decoration: none; padding: 2px 10px 2px 10px; margin-left: -10px; width: 100%; border: 1px solid transparent; } 
#menu a:hover { border-width: 1px }
#menu a.submenu {cursor: default } 
#menu ul li li { margin: 0px; } 
#menu ul li li a { width: auto; border-bottom-width: 1px; border-bottom-style: solid; padding: 4px 16px 5px 16px; margin: 0; } 
#menu ul li li a.lastitem { border-bottom-width: 0px } 
#menu li li a:hover { border: 1px solid transparent; } 
#menu li:hover > a { border-width: 1px; border-style: solid }
.menu_divider { border-width: 0px; border-top-width: 2px; border-style: ridge; width: 128px; margin: 26px 0px 0px -4px }
#menu ul {margin:0; padding: 0; list-style:none }
#menu ul {position: relative; }
#menu ul li ul {position:absolute; left:-9999px }
#menu li ul {z-index: 10; border-width: 1px; border-style: solid; white-space: nowrap} 
#menu ul li:hover > ul {visibility:visible; left: 50%; margin-top: -8px} 
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible; left: 0; }
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

/*************** content ***************/

#content { line-height: 120% }
#content .font_header { font-size: 2em; line-height: 2em; margin-bottom: 1em; font-weight: bold }
#content .font_subtitle { font-size: 1.2em; line-height: 1.2em; margin-bottom: .75em; font-weight: bold }
#content .font_xxlarge { font-size: 2em; line-height: 2em; font-weight: bold }
#content .font_xlarge { font-size: 1.5em; line-height: 1.5em; font-weight: bold }
#content .font_large { font-size: 1.2em; line-height: 1.2em; font-weight: bold }
#content .font_larger { font-size: 1.2em; line-height: 1.2em }
#content .font_small { font-size: .9em; line-height: .9em }
#content .font_xsmall { font-size: .75em; line-height: .75em; font-weight: normal }
#content img { border-width: 1px; border-style: solid }
#content .img_left { float: left; margin: 0px 30px 16px 0px }
#content .img_right { float: right; margin: 0px 0px 16px 30px }
#content a { text-decoration: none; border-width: 0px; border-bottom-width: 1px; border-style: solid }
#content a:hover { border-bottom-width: 2px; border-style: solid }
#content td { padding: 2px 20px; text-align: center }
#content div.bottomspace { clear: both; width: 10px }
#content .paraheader { font-weight: bold; margin-top: 1.75em; margin-bottom: -.5em }

.dropshadow { background: url('/images/dropshadow_corner.png') bottom right no-repeat; padding-right: 10px }
.dropshadow span { display: block; width: 100%; background: url('/images/dropshadow_right.png') top right no-repeat; padding-right: 10px }
.dropshadow img { display: block; width: 100%; background: url('/images/dropshadow_right.png') top right no-repeat; padding-right: 10px }
.dropshadow div { background: url('/images/dropshadow_bottom.png') bottom left no-repeat; height: 10px; }

.link { cursor: pointer }
#popup { visibility: hidden; position: fixed; top: 138px; margin-left: -36px; width: 100%; max-width: 800px; bottom: 0; z-index: 10 }
#popupbackground { z-index: -1; position: absolute; width: 100%; height: 100%; background-color: #CCCCCC; opacity: .75; filter:alpha(opacity=75) }
#popup .box { background-color: #FFF; border: 2px solid #000; width: 586px; margin: 0 auto; margin-top: 60px;
			  text-align: center; text-decoration: underline; color: #000; font-size: .75em; padding: 4px }
#popup .close { float: right; text-align: center; top: 0; width: 20px; font-weight: bold; font-size: 26px; color: #FFF; background-color: #000; padding: 6px; margin-left: 4px }

*:first-child+html #popup { margin: 0; left: 0; right: 0; max-width: 100% }
*:first-child+html #popupbackground { margin: 0; left: 0; right: 0; max-width: 100%  }
*:first-child+html .box { left: 90px; position: relative; margin-top: 100px; top: 100px }

*html #popup { position: absolute; left: 0; text-align: center }
*html #popupbackground { display: none; }
*html #popup .box { position: relative; left: 90px; margin-left: 50%; top: 30px }

/*************** artistmain page ***************/

#artistmain_page3 { margin: -10px 1% 0px 1%; width: 100%; min-width: 580px; float: left }
#artistmain_page3 .block { float: left; margin-right: 6%; margin-bottom: 10px; width: 46% }
#artistmain_page3 .last { margin-right: 0% }

#artistmain_page .indent { float: right; margin-left: 6%; margin-right: 0 }

#artistmain_page { margin: -10px 0px 0px 0px; width: 103.5%; min-width: 700px; float: left }
#artistmain_page .block { float: left; margin-right: 3%; width: 30%; margin-bottom: 16px }
#artistmain_pageXX { margin: -10px 0px 0px 0px; width: 100%; min-width: 700px; float: left }
#artistmain_pageXX .block { float: left; margin-right: 3%; width: 31%; margin-bottom: 16px }
#artistmain_pageXX .last { margin-right: 0% }

#artistmain_page a { display: block; white-space: nowrap; padding: 3px; border: 1px solid transparent }
#artistmain_page a:hover { border: 1px solid transparent }
#artistmain_page .line1 { font-weight: bold }
#artistmain_page .line2 { font-size: .75em }
#artistmain_page img { float: left; margin: 3px 10px 0px 3px; height: 57px; max-width: 65px; border: 0px solid transparent }
#artistmain_page .font_header img { float: none; height: auto; max-width: 100%; margin: 0 0 0 0 }

/*************** artist page ***************/

#artist_page { padding: 20px 0 0 0; min-width: 660px }
#artist_left { float: left; width: 58%; left: 0 }
#artist_right { float: right; width: 37%; left: 60%; right: 0 }

#artist_left_aa { float: left; width: 45%; left: 0; padding-left: 6px }
#artist_right_aa { float: right; width: 50%; left: 48%; right: 0 }
div.aaXXX { margin-top: 20px }

#artist_center { width: 100%; left: 0; text-align: center }
#artist_page img { width: 100%; border-width: 0 }
#artist_page #artist_right .imagewrap { margin: 0 10px 0 0 }
#artist_page .nameblock { border-width: 1px; border-style: solid; margin-bottom: 26px; text-align: center; padding: 6px 0 }
#artist_page .nameblock { font-size: 2em; line-height: 1.25em; font-weight: bold }
#artist_page .nameblock span { font-size: .75em; }
#artist_page .addressblock { padding: 20px 0 30px 2px; line-height: 1.4em }
#artist_page .addressblock a { border-width: 0px }
#artist_page .addressblock a:hover { border-bottom-width: 2px }
#artist_page .textblock { text-align: justify; margin: 26px 4px 20px 4px }
#artist_page .textblock p { margin-bottom: 22px }

/*************** art_ed page ***************/

#arted_page { margin: 0px -10px 0px -10px; height: 100%; max-height: 600px; min-width: 600px }
#arted_left { float: left; width: 32%; left: 0; margin-top: -10px }
#arted_center { float: left; width: 30%; margin: 10% 1% 0% 1%; padding: 0px 10px; text-align: center }
#arted_right { float: left; width: 32%; margin-top: 26% }
#arted_page img { width: 100% }

/*************** links page ***************/

#links_page { margin: 0px 0px 0px 10px }
#links_left { float: left; width: 47%; left: 0; margin-top: -10px }
#links_right { float: right; width: 47%; margin-top: -10px }
#links_page .linksheader { margin-top: 0px; font-size: 1.2em; font-style: italic; font-weight: bold; border-width: 1px; border-style: solid }
#links_page .linksblock { margin-bottom: 20px; padding: 14px 20px 20px 20px; text-align:center;	line-height: 1.5em }

.trans60 { opacity:0.4; filter:alpha(opacity=40) }
.hovertransoff:hover { opacity:1.0; filter:alpha(opacity=100) }