/* Normalize */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body { text-align: center; font-size: 100.01%; font-family: Arial, Helvetica, sans-serif; background: #eae7dd url(../images/background.jpg) top center no-repeat; }

#page { position: relative; margin: 0 auto; width: 1000px; }
h1 { position: absolute; top: 20px; left: 0; width: 223px; height: 83px; background: transparent url(../images/krfc_logo.gif) no-repeat; }

/* Main Navigation */
#navi { position: absolute; right: 30px; top: 76px; width: 531px; height: 16px; background: transparent url(../images/krfc_navi.gif) no-repeat; }
#navi li, #quicklinks li { position: absolute; top: 0; }
#navi li, #navi a { height: 16px; display: block; }

#programming { left: -5px; width: 100px; }
#programming a:hover { background: transparent url(../images/krfc_navi.gif) 5px -14px no-repeat; }
#community { left: 106px; width: 80px; }
#community a:hover { background: transparent url(../images/krfc_navi.gif) -106px -14px no-repeat; }
#volunteers { left: 196px; width: 78px; }
#volunteers a:hover { background: transparent url(../images/krfc_navi.gif) -196px -14px no-repeat; }
#support { left: 286px; width: 80px; }
#support a:hover { background: transparent url(../images/krfc_navi.gif) -286px -14px no-repeat; }
#about { left: 377px; width: 65px; }
#about a:hover { background: transparent url(../images/krfc_navi.gif) -377px -14px no-repeat; }
#contact { right: 0; width: 75px; }
#contact a:hover { background: transparent url(../images/krfc_navi.gif) -456px -14px no-repeat; }

/* Quicklinks */
#quicklinks { position: absolute; right: 30px; top: 30px; width: 222px; height: 26px; background: transparent url(../images/krfc_quicklinks.gif) no-repeat; }
#quicklinks li, #quicklinks a { height: 26px; display: block; }

#schedule { left: 0; width: 65px; }
#schedule a:hover, #schedule a.current { background: transparent url(../images/krfc_quicklinks.gif) 0 -27px no-repeat; }
#donate { left: 74px; width: 70px; }
#donate a:hover, #donate a.current { background: transparent url(../images/krfc_quicklinks.gif) -74px -27px no-repeat; }
#listen { right: 0; width: 70px; }
#listen a:hover, #listen a.current { background: transparent url(../images/krfc_quicklinks.gif) -152px -27px no-repeat; }

#content { float: left; font-size: 14px; margin: 290px 0 0 30px; padding-bottom: 130px; }
#content p { text-align: center; line-height: 1.5; margin-bottom: 14px; }
#content dl a { font-size: 12px; color: #2f2674; }
#content dl a:hover { text-decoration: none; }
#content dt { font-size: 16px; color: #2f2674; font-weight: bold; }
#content dt { margin-bottom: 10px; }
#content dd { margin-bottom: 14px }
h2 { position: absolute; }
h2.home { width: 234px; height: 34px; left: 60px; top: -60px; background: transparent url(../images/home_tagline.gif) no-repeat; }

#note { position: relative; top: 0; left: -30px; width: 305px; background: transparent url(../images/note_mid.gif) repeat-y; padding: 0 25px; min-height: 200px; }
#note-top { position: absolute; top: -55px; left: 0; width: 351px; height: 55px; background: transparent url(../images/note_top.jpg) no-repeat; } 
#note-bottom { position: absolute; bottom: -51px; left: 0; width: 356px; height: 51px; background: transparent url(../images/note_bot.gif) no-repeat; } 

#sponsors { position: absolute; bottom: -50px; left: 45px; width: 280px; z-index: 2; }
#sponsors img { margin-left: 8px; }

#home-image { float: left; position: relative; margin: 175px 0 0 -40px; z-index: 10; }
.tl { position: absolute; top: -15px; left: -20px; }
.tr { position: absolute; top: -20px; right: -25px; }
.bl { position: absolute; bottom: -25px; left: -25px; }
.br { position: absolute; bottom: -25px; right: -15px; } 

#currshow { position: absolute; top: 5px; right: 30px; text-align: right; font-size: 75%; }
#currshow strong { font-weight: bold; color: #2f2674; }

br.clear { display: block; width: 0; height: 0; overflow: hidden; clear: both; }

#tagline { position: relative; clear: both; width: 909px; height: 141px; margin: 0 auto; background: transparent url(../images/come_together.gif) no-repeat; }

h5 { float: left; font-size: 10px; text-align: left; margin: 5px 5px 0 0; }
h5.info { float: right; margin: 120px 20px 0 0; color: #424130; }
h1 span, h2 span, #navi li span, #quicklinks li span { display: block; width:0; height: 0; overflow: hidden; }