@charset "utf-8";
/* CSS Document for Holly Hofmann by Julia van der Wyk, www.vanderwykdesign.com 2008 */


/*layout*/

body {background:#000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#wrapper {width:1024px; margin:0; padding:0; position:absolute; top:0; left:0; /*background: url(../images/flute_logo_SPOTLIGHT3.jpg) top no-repeat ;*/ border-right:#000 50px solid;}
#left {width:280px; height:700px; position:absolute; top:0; left:0; z-index:3000; margin:0; padding:0; text-align:left;}

#main {width:auto; margin:0; padding:0;}

#footer { margin:0; padding:10px 0; clear:both;}

/*navigation "cloud" */
#left p {margin:400px 20px; color:#fff;}
#left a {color:#fff; text-decoration:none; padding:15px 5px; line-height:1.5em;}
#left a:hover {background: url(../images/tiny_spotlight.gif) center no-repeat; color:#000;}
#left #img a:hover {background:none;}
#left #img {position: absolute; top:220px; left:0;}


/*text*/

#main h1 { margin:40px 0 2px 150px; font-size:55px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#000; padding:0; display:inline;}
#main h2 {/**/position:absolute; top:30px; left:550px;display:inline; text-align:left; margin:0 /*55px 50px auto*/; font-size:24px; padding:0; font-weight:normal; color:#ababab;  clear:left;}
#main h3 {text-align:left; margin:1em; font-size:21px; padding:0;border-bottom:1px #000 solid; clear:both;}
#main h4 {text-align:left; margin:0 1em; font-size:18px; font-weight:normal; text-decoration:underline;}
#main p {text-align:justify; font-size:12px; margin:5px 1em 1em 1em;}
#main p.home_heading {font-size:14px; font-style:italic; width:auto; margin:30px 150px 10px 80px;}
#main p.small_info {font-size:10px; margin:.5em 0; padding:0; text-align:justify;}
#main a {color:#3366FF; font-weight:bold; background:url(../images/arrow_small.gif) left no-repeat; padding-left:8px; }
#main a:hover {color:#000;}
#main .credit {text-align:right; font-style:italic; color:#003399;}
#main a.anchor, a:hover {background:none;}

/* classes for everybody */
div.pullquote {float:left; margin:15px 1px; padding:0; width:250px; clear:none;}
p.pullquote {color:#003399; margin:0; padding:0;}
div.pullquote_antidote {width:512px; margin:0; padding:0; float:right;}
div.grey_sidebar {width:228px; margin:10px; padding:8px; background:#efefef;}
.margin_right {float:right; margin:10px;}
.margin_left {float:left; margin:10px;}
.columns_left {float:left; width:48%; padding:0;}
.columns_right {float:right; width:48%; padding:0;}
.drop_cap {float:left;
 margin-top:0px;
 color:black;
 padding:0 3px;
 font-size:50pt;
 height:1em;
 font-weight:normal;
}
.action_box {float:right; width:35%; margin:15px; padding:0; border: #FFCC00 2px dashed;}
.small_emphasis {font-weight:bold; padding:0; color:#039;}
#article .explanation {font-style:italic; font-size:smaller; margin-bottom:4em; text-align:left;}

#article p.tiny { font-size:10px;}
#article p.announcement {font-size:18px;}
#article {background:#fff; width:75%; margin:15px auto 0 65px; padding:0 0 15px 0;}
#article ul{list-style:none; text-align:left; font-size:12px;}
#article ul {margin-bottom:40px;}

#footer p {font-size:11px; text-align:center; color:#fff; margin:0 60px 0 0; padding:0; line-height:2em;}
#footer a {color:#fff; font-weight:normal; background:none;}
#footer a:hover {text-decoration:none; color:#ffc;}
/* gallery styles */
div.slide {float:left; width:130px; height:130px; margin:5px 3px; padding:5px; background:url(../images/slide_horiz.gif) center no-repeat; }
img.slide {margin:32px 21px; border:2px #ccc inset;}
img.slide_vert {margin:20px 35px; border:2px #ccc inset;}
#main a.slide {background:none; margin:0; padding:0;}
#gallery_wall {background:#fff; margin:20px auto; width:800px; padding:5px; text-align:center;}
#gallery_caption {float:right; margin:0; padding:15px; clear:none; width:300px;}
/* CD gallery styles */
div.CD {float:left; width:160px; height:160px; padding:5px 20px; margin:0;}
#article a.CD {background:none;}
#article ul.CD {margin-bottom:30px;}
#article ol {list-style:decimal; text-align:left; font-size:12px; margin:10px 50px;}
#article ol li {margin-top:.5em;}
/* contact page styles */
#article li.contact_list {margin:.5em;}
form {width:400px; margin:20px; border:#cdcdcd 2px dashed; padding:10px;}
label {font-weight:bold; font-size:14px;}
/*special video pages*/
div#center_stage {margin:20px auto; padding:20px; background:#fff; width:600px; text-align:center;}