html {
border: 0;
margin: 0;
padding: 0;
background: #f00 url(img/bodyback.gif) center repeat-y;
}
body {
border: 0;
margin: 0 auto;
padding: 0;
font: 80% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif; 
}
a { color: #ffffff; text-decoration: none; }
a:link, a:visited { color: #000; }
a:hover, a:active { color: #fff; }

img, form, fieldset {
border: 0;
margin: 0;
padding: 0;
}
.clearing {
height: 0;
clear: both;
}
.hide { height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }

/*  ----- Main layout sections ----- */

#wrapartist, #wraphome, #wrapwelcome, #wrapproject, #wrapgallery, #wrapcredits, #wrapsponsors, #wrapsitemap {
border: 0;
margin: 0 auto;
padding: 0;
width: 787px;
color: #fff;
}
#header {
border: 0;
margin: 0;
padding: 0 0 0 2px;
height: 110px;
}
#header span { height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }

#pagebody {
border: 0;
margin: 0;
padding: 15px;
font: 80% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
}

#sidebar {
float: left;
position: relative;
padding: 0;
border: 0;
width: 300px;
color: #fff;
}
#maincontent {
width: 455px;
float: left;
color: #fff;
position: relative;
font: 100% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
} 
#maincontent ul, ol {
border: 0;
margin: 0 0 0 10px;
padding: 2px 0px 10px 10px;
}
#maincontent li {
margin: 0;
padding: 2px 3px 2px 5px;
font: 100% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
}
#footer {
margin: 0 auto;
border: 0;
padding: 15px 10px 10px 15px;
clear: both;
font: x-small "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #ffffff;
}

#wraphome div#pagebody {
background: url(img/homelogo.gif) 15px 5px no-repeat;
padding: 0;
}
#wraphome div#pagebody span {
height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */
}
#wraphome div#pagebody a {
width: 780px;
height: 350px;
display: block;
}
#wrapgallery div#pagebody {
position: relative;
}
#detail {
padding-left: 10px;
padding-top: 5px;
}

/* ----- Header ----- */

#ddlogo { 
width: 310px;
height: 64px;
background: url(img/header.gif) no-repeat;
float: left;
position: relative;
}
#ddlogo a {
width: 310px;
height: 60px;
display: block;
}
#logo {
width: 220px;
height: 100px;
background: url(img/rsalogo_small.gif) no-repeat;
float: right;
position: relative;
}
#logo a {
width: 220px;
height: 100px;
display: block;
}

/* ---- Nav ---- */

#navbar {
float: left;
position: relative;
width: 100%;
clear: both;
border-top: 1px dotted #fff;
border-bottom: 1px dotted #fff;
clear: both;
}
#nav {
padding-top: 3px;
padding-left: 10px;
float: left;
position: relative;
padding-bottom: 2px;
}
#nav a, #nav a:link {
float: left;
position: relative;
color: #ffffff;
padding: 0 4px;
text-decoration: none;
font: 76% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
}
#nav a:hover, #nav a:active {
text-decoration: underline;
color: #000;
}
#nav span {
font: 90% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
float: left;
position: relative;
color: #fff;
}

/* --- Styleswitcher -- */

div#switcher {
padding-top: 3px;
float: right;
position: relative;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 2px;
font: 76% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #ffffff;
}
div#switcher a, div#switcher a:link { color: #ffffff; text-decoration: none; }
div#switcher a:hover, div#switcher a:active { color: #000; }
div#switcher span { height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }

.textsize1 { font: 66% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif; }
.textsize2 { font: 86% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif; }
.textsize3 { font: 116% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif; }

/* --- gallery nav ---- */

#gallerynav {
width: 100%;
padding-bottom: 20px;
float: left;
position: relative;
clear: both;
}
#gallerynav label { height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }

#gallerynav form {
float: left;
position: relative;
padding-right: 10px;
}
#gallerynav input {
width: 28px;
height: 22px;
font: 76% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #fff;
background: #f00 url(img/go.gif) no-repeat;
border: 0; 
}
#gallerynav select {
font: 100% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
}

/* --- Artist(s) page ---- */
div#thumbsbox {
float: left;
position: relative;
width: 300px;
}
div#thumbsbox img {
float: left;
position: relative;
border: 0;
margin: 0 6px 6px 0;
}

/* --- Pointless Columns --- */

#column1 {
width: 45%;
float: left;
position: relative;
padding-right: 35px;
}
#column2 {
width: 45%;
float: left;
position: relative;
}

/* ----- Image Viewer --- */

#framebox {
text-align: center;
}
#frame {
background: #fff;
margin-top: 5px;
padding: 5px;
text-align: center;
}
#frame img {
padding: 10px 5px;
margin: 0 auto;
}
#prevpic {
float: left;
position: absolute;
left: 0;
width: 200px;
background: transparent;
z-index: 3;
}
#prevpic a {
position: absolute;
float: left;
left: 0;
display: block;
width: 200px;
height: 500px;
z-index: 10;
}
#nextpic {
float: right;
position: absolute;
right: 0;
width: 200px;
background: transparent;
z-index: 3;
}
#nextpic a {
position: absolute;
float: right;
right: 0;
display: block;
width: 200px;
height: 500px;
z-index: 10;
}
#prevpic a:hover {
display: block;
background: url(img/left.gif) no-repeat;
}
#nextpic a:hover {
display: block;
background: url(img/right.gif) no-repeat;
}
/* ------ Typography ---- */

span.bold {
font-weight: bold;
}
span.italic {
font-style: italic;
}
sup, sub { font: 70% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif; }

#wrapartist h1, #wrapproject h1 {
font: bold 150% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #000;
margin: 5px 0 20px 0;
padding: 0;
}
#wrapwelcome h1, #wrapartist h2, #wrapsponsors h1, #wrapgallery h1, #wrapcredits h1, #wrapsitemap h1 {
font: 180% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #000;
margin: 8px 0 5px 0;
padding: 0;
}
#wrapcredits h2, h3, h4 {
font: bold 110% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #000;
padding: 0;
}
#wrapartist p.academy {
font: 110% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #fff;
}
#wrapartist p.award {
font: bold 110% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #fff;
}

div#projectsponsor, div#projectdesc {
font: 100% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #fff;
padding-bottom: 15px;
}
div#panel {
font: 100% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #fff;
padding: 0;
}

#wrapproject p.artistname {
font: bold 100% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #fff;
padding: 0;
margin: 15px 0 0 0;
}
#wrapproject p.academy {
margin: 0;
font: 100% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #fff;
}
#wrapproject p.award {
margin-top: 0;
font: 100% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #fff;
}
.judgement {
font: bold 110% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
color: #000;
padding: 0;
margin: 15px 0 10px 0;
}
.winners a { text-decoration: underline; color: #fff; }

.winners a:hover, .winners a:active {
color: #ffffff;
text-decoration: none; 
}

/* ----- Sponsors ------- */

#wrapsponsors ul li {
margin: 0;
padding: 0;
list-style-type: none;
}
#wrapsponsors ul li a {
text-decoration: underline;
color: #fff;
}
#wrapsponsors ul li a:hover {
text-decoration: none;
color: #000;
}

/* ----- Site Map ------- */

kbd {
font: bold 100% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
}

.sitemap ul {
padding: 2px 5px 4px 20px;
list-style: none;
margin-bottom: 0;
margin-top: 0;
}
.sitemap li {
padding: 3px 5px 5px 20px;
list-style: none;
font: 100% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
background: url(img/sitemap1.gif) no-repeat;
}
.sitemap li ul li {
padding: 2px 5px 4px 20px;
list-style: none;
font: 100% "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
background: url(img/sitemap2.gif) no-repeat;
}