/* Import YUI font and element normalisation */
@import "./yui/reset.css";
@import "./yui/fonts.css";



/* Generic styles -------------------------- */
body { background:#b8cb4e; }
#container { width:850px; margin:15px auto 0 auto; background:#fff; text-align:justify; font-size:1.1em; font:Arial, Helvetica, sans-serif; }
#containerpad { padding:18px 18px; }
hr { display:none; }
.clearer { width:auto;height:0px;margin:0;padding:0;overflow:hidden;clear:both; }
em { font-style:italic; }
strong { font-weight:bold; }


/* header ---------------------------------- */
#logo { display:block; height:237px; width:237px; background-image: url(../images/logo.gif); background-repeat: no-repeat; float:left; }
#logo a { display:block; width:100%; height:100%; text-indent:-9000px; background-color:transparent; }
#hd-home,
#hd-design,
#hd-about,
#hd-contact,
#hd-artist,
#hd-getinvolved,
#hd-news,
#hd-news2,
#hd-news3,
#hd-outreach,
#hd-partners,
#hd-streams,
#hd-gallery { display:block; width:570px; padding-top:237px; height:0 !important; height /**/: 237px; overflow:hidden; }
#hd-home { background-image: url(../images/headers/home.jpg); background-repeat: no-repeat; }
#hd-gallery { background-image: url(../images/headers/gallery.jpg); background-repeat: no-repeat; }
#hd-about { background-image: url(../images/headers/about.jpg); background-repeat: no-repeat; }
#hd-contact { background-image: url(../images/headers/contact.jpg); background-repeat: no-repeat; }
#hd-artist { background-image: url(../images/headers/artist.jpg); background-repeat: no-repeat; }
#hd-design { background-image: url(../images/headers/design.jpg); background-repeat: no-repeat; }
#hd-getinvolved { background-image: url(../images/headers/getinvolved.jpg); background-repeat: no-repeat; }
#hd-news { background-image: url(../images/headers/news.jpg); background-repeat: no-repeat; }
#hd-news2 { background-image: url(../images/headers/news2.jpg); background-repeat: no-repeat; }
#hd-news3 { background-image: url(../images/headers/news3.jpg); background-repeat: no-repeat; }
#hd-outreach { background-image: url(../images/headers/outreach.jpg); background-repeat: no-repeat; }
#hd-partners { background-image: url(../images/headers/partners.jpg); background-repeat: no-repeat; }
#hd-streams { background-image: url(../images/headers/streams.jpg); background-repeat: no-repeat; }
.dottedline { clear:both; background:url(../images/dotted_line.gif) repeat-x; height:18px; }


/* nav ------------------------------------ */
ul#nav { width:233px; float:left; }
#nav li { display:block; margin-bottom:2px; }
#nav li a { display:block; color:#604385; padding:4px 0 5px 28px; background:#f3f3f3 url(../images/nav_arrow.gif) no-repeat; font-weight:bold; text-decoration:none; padding-top:4px; }
#nav li a:hover, #nav li a.active { color:#fff; background: #604385 url(../images/nav_arrow_o.gif) no-repeat; }
#nav li .active-with-sub { color:#fff; background:#604385 url(../images/nav_arrow_down.gif) no-repeat; }
#nav ul.subnav li { margin-bottom:0; border-bottom:1px solid #e0e3ec; }
#nav ul.subnav li a { background:#d8dce7 url(../images/subnav_arrow.gif) no-repeat; padding:4px 0 5px 43px; }
#nav ul.subnav li a:hover, #nav ul.subnav li a.active { color:#7550af; background: #c6c7e5 url(../images/subnav_arrow_o.gif) no-repeat; text-decoration:underline; }





/* main content --------------------------- */
#link {color:#272a61; }
#main { float:left; width:565px; margin-left:10px; color:#272a61; }
#main h2, #main p { margin-left:10px; padding-left:11px; padding-right:11px; }
#main h2 { font-size:1.4em; font-weight:bold; padding-bottom:10px; letter-spacing:0.1em; }
#main h4 { font-weight:bold; padding-bottom:10px; letter-spacing:0.1em; font-colour:blue; }
#main h3 { color:#fff; font-size:0.9em; letter-spacing:0.1em; padding:4px 4px 4px 11px; margin:20px 0 10px 10px; }
#main h3.pinkbg { background:#ed4698; }
#main h3.purplebg { background:#604385; }
#main p { padding-bottom:10px; font-size:0.9em; }
p#list { padding-bottom:10px; margin-left:50px; padding-left:22px;}
.quotebox { background:#f3f3f3;color:#604385; font-weight:bold; font-style:italic; font-size:1.1em; letter-spacing:0.1em; margin:0 0 20px 0; padding-top:10px; padding-left:10px; padding-right:30px; }
.quotebox .line1 { display:block; padding:0 0 0.1em 55px; }
.quotebox .size1 { font-size:1.3em }
.quotebox .line2 { display:block; padding:0 0 0.4em 90px; }
.quotebox .size2 { font-size:1.5em }
.quotebox .size3 { font-size:1.0em }
.quotebox .size4 { display:block; padding-left:30px; padding-right:30px;  }
.quotebox .size5 { display:block; padding-left:20px; padding-right:40px;font-size:0.8em; }
.quotebox .size6 { font-size:1.3em  font-weight:bold; }
.quotebox .line3 { display:block; padding-left:130px; }
.quotebox .line4 { display:block; padding-left:160px; }
.quotebox .line5 { display:block; padding:0 0 0.1em 10px; }
.quotebox .line6 { display:block; padding-left:190px; }
#gallerybox { background:#e9e5e6; padding-top:10px; margin:10px 0 0 6px; }
#gallerybox p { margin:0; padding:10px 20px 20px 20px; float:left; }


/* footer --------------------------------- */
p#footer { text-align:center; margin: 5px auto 10px auto; letter-spacing:0.1em; }