/* css for all of ucsbruns.com */


/* structure*/
html, body { margin: 0px; padding: 0px; background: #E9E7DF; }
/*body { position: relative; }*/
p { margin: 0px; padding: 0px; }
#topcontainer { width: 815px; height: 334px; float: left; background: #001145; margin: 0px; padding: 0px; position: relative; }
#topcontainer img { margin: 0px; padding: 0px;}
/*#topmid { margin: 0px; padding: 0px; position: relative; width: 815px; float: left; }*/
#layer { z-index: 20; background: url('../images/include/splashbg.gif') no-repeat; position: absolute; top: 0px; right: 0px; height: 334px; width: 815px; } /* need to keep this on top of everything. */
#slideshow { position:relative; height: 216px; }
#slideshow img { position:absolute; top:0px; left:0px; z-index:8; }
a:visited {color:#A8A8FF;}
#slideshow img.active { z-index: 10; }
#slideshow img.last-active { z-index: 9; }

#topmid { margin: 0px; padding: 0px; position: relative; width: 815px; float: left; }
#topleft { width: 50px; background: url('../images/include/leftbg1.png'); height: 334px; float: left; margin: 0px; padding: 0px; }
#middlecontainer { float: left; width: 100%; padding-bottom: 30px; }
/* OLD VERSION WITH CENTERED LAYOUT
#middle { width: 850px; margin: 0px auto; }
*/
#middle {width: 850px; margin: 0px; }
#leftcol { float: left; width: 180px; margin: 30px 30px 0px 10px; }
#leftcol a
{
    width: 180px;
    text-indent: 15px;
    font-size: 14px;
    font-family: helvetica, arial, sans-serif;
    color: #001145;
    padding: 4px 0px;
    background: #E9E7DF;
    display: block;
    border-top: solid 1px #000000;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#leftcol a:hover { color: #AA181F; background: #F5F4F1; }
/* the last link needs a bottom border also */
a.lastlink { border-bottom: 1px solid #000000; margin-bottom: 20px; }
#leftcol img { border: 0px; display: block; margin: 5px auto; }
#centercol
{
    margin: 20px 0px 0px 0px;
    width: 620px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}
a.registerbig { font-size: 1.3em; font-weight: bold; }
#centercol p{ line-height: 1.5em; }
#bottom { text-align: center; font-size: .8em; width: 815px; float: left; color: #4D4835; }
/* top of page text absolutes */
/* original: ClarendoNeo Pro */
#presenter { position: absolute; top: 128px; left: 245px; font-size: 30px; font-weight: bold; font-family: Garamond, Georgia, serif; color: #F6BC00; z-index: 21; }
#racename { position: absolute; top: 167px; letter-spacing: .01em; left: 240px; font-size: 53px; font-weight: bold; font-family: arial, sans-serif; color: #ffffff; z-index: 21; max-width: 650px; }
/* original: ClarendoNeo Pro */
#withalumni { position: absolute; top: 236px; left: 245px; font-size: 20px; font-weight: bold; letter-spacing: .01em; font-family: Garamond, Georgia, serif; color: #ffffff; z-index: 21; }
/* original: ClarendoNeo Pro */
#racedate { position: absolute; top: 265px; left: 225px; font-size: 25px; font-weight: bold; letter-spacing: .01em; font-family: Garamond, Georgia, serif; color: #001145; z-index: 21; text-align: right; width: 500px; }
/* original: ClarendoNeo Pro */
#raceinfo { position: absolute; top: 300px; left: 110px; font-size: 25px; font-weight: bold; letter-spacing: .01em; font-family: helvetica, arial, sans-serif; color: #ffffff; z-index: 21; width: 700px; text-align: right; }

img.racepic { float: right; padding: 0px 0px 5px 5px; margin: -40px 25px 0px 0px; border: 0px; }
span.feebox { display: block; width: 600px; border: 1px; }
span.feecat { width: 375px; float: left; }
span.feeprice { width: 225px; float: left; }
div.spacer { margin: 8px 0px; float: left; }

img.mapmyrun { border: 0px; }

/* global style */
span.welcome
{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 36px;
    text-transform: uppercase;
    color: #C06320;
    float: left;
    padding-right: 20px;
    display: block;
    width: 620px;
}
a.outlink { background: url('../images/include/outlink.gif') no-repeat center right; padding-right: 13px; }
a.email { background: url('../images/include/mail.gif') no-repeat center right; padding-right: 15px }
a.download { background: url('../images/include/download.gif') no-repeat center right; padding-right: 15px }

p.p { padding: 10px 0px; }
img.f { float: left; border: 0px; margin: 0px 10px 10px 0px; }


img.border { border: 1px solid #000000; }
div.sponsorgrid { display: block; width: 600px; margin: 0px 10px; float: left; }
div.sponsorcol { width: 180px; margin: 0px 10px; float: left; }
div.sponsorcol img { margin: 10px auto; border: 1px solid #000000; display: block; }

/* more specific style */
#centercol em { font-style: normal; font-weight: bold; font-size: 1.1em; display: block; margin: 15px 0px 0px 0px; }
#centercol ul.c { list-style-type: circle; }
#centercol ul.n { list-style-type: none; }

span.resultbox { display: block; width: 550px; border: 1px solid #000000; margin: 15px 0px 0px 0px;  }
span.resulttitle { display: block; width: 550px; padding: 1px 0px; text-indent: 10px; background: #001142; color: #ffffff; font-size: 1.3em; }
span.resultcontent { display: block; width: 540px; padding: 5px; background: #D3CFC0; }
a.result { display: block; }
p.indent { margin-top: 20px; }

ul.nowaste { list-style-type: circle; }

.redfont { color: #CC0000; }
.greenfont { color: green; }
.bluefont { color: navy; }
.noborder { border: none; }
span.b { display: block; }
p.top { margin: 50px 0px 0px 0px; }


a.fblink { font-size: 1.1em; background: url('../images/facebook.gif') no-repeat center right; padding: 5px 33px 0px 0px; }