@charset "utf-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; margin-bottom: 18px; }
hr{ height: 1px; border: 0; border-top: 1px solid #ccc; width: 100%; }
blockquote { padding: 0 0 0 40px; }

a:focus, a:active { outline: none; }
a { color: #9b131e; /*#ed1c2e*/ }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { white-space: nowrap; padding-right: 10px; background: url(../images/morearrow.gif) no-repeat 100% 50%; zoom: 1; }
a.external { white-space: nowrap; padding-right: 15px; background: url(../images/external10x10.gif) no-repeat 100% 49%; zoom: 1; }
a[rel="external"] { white-space: nowrap; padding-right: 15px; background: url(../images/external10x10.gif) no-repeat 100% 49%; zoom: 1; }
a.pdf { padding-right: 15px; background: url(../images/globaliconpdf12x12.gif) no-repeat 100% 49%; zoom: 1; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
strong em, em strong, strong i, i strong, b em, em b, b i, i b { font-weight: bold; font-style: italic; }
sup { padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important; }
abbr { border: 0; }

img, div { behavior: url(images/iepngfix.htc) }

img, a img { border: 0; }
img.left, .left { float: left; margin: 2px 20px 16px 0; }
img.right, .right { float: right; margin: 2px 0 16px 20px; }
img.across, .across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }
.imgbucket { font: 10px/14px Verdana, Arial, Helvetica, sans-serif; font-style: italic; }
.imgbucket em { font-family: Tahoma, Arial, Helvetica, sans-serif; font-style: normal; }

body { font: 12px/18px Tahoma, Arial, Helvetica, sans-serif; background: #ccc url(../images/bg.jpg) no-repeat top center; color: #333; }
p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 15px; line-height: 20px; margin-bottom: 18px; color: #369; }
h2 { font: 19px/24px Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 18px; color: #9b131e; }
h3 { font-weight: bold; font-size: 14px; line-height: 18px; color: #000; }
h4 { font-weight: bold; font-size: 12px; line-height: 18px; }
h1#logo { margin: 0; }
h2 u { font-size: 11px; line-height: 16px; font-weight: bold; font-style: italic; color: #000; }
h2 em { font-size: 12px; color: #000; }
.caption { color: #910914; font-size: 11px; }

.bullets, .sidebarbullets { padding: 0 0 0 20px; margin-bottom: 18px; }
.bullets li, .sidebarbullets li { list-style: disc; }
.required { color: #369; /* #910914 */ }

#wrapper { width: 990px; margin: 0 auto; }
#header { background: url(../images/bg.nav.gif) no-repeat top left; width: 990px; height: 125px; }
#logo { width: 185px; height: 125px; float: left; }

#sitenav { float: right; width: 800px; height: 34px; color: #ccc; clear: right; }
#sitenav, #sitenav * { z-index: 100; }
#sitenav li ul { background: url(../images/bgulsubnav.png) bottom left no-repeat; padding: 0 0 6px 0; }
#sitenav ul { position: absolute; top: -999em; width: 143px; }
#sitenav li:hover { visibility: inherit; }
#sitenav li { float: left; position: relative; line-height: 34px; background-image: url(../images/bg.nav.gif); background-position: -200px -32px; background-repeat: no-repeat; }
#sitenav a { display: block; position: relative; text-decoration: none; padding: 0 10px; }
#sitenav li:hover ul, #sitenav li.sfHover ul { left: 0; top: 34px; z-index: 999; }
#sitenav li:hover ul.forms, #sitenav li.sfHover ul.forms { left: -91px; }
ul#sitenav li:hover li ul, ul#sitenav li.sfHover li ul, ul#sitenav li li:hover li ul, ul#sitenav li li.sfHover li ul { top: -999em; }
ul#sitenav li li:hover ul, ul#sitenav li li.sfHover ul, ul#sitenav li li li:hover ul, ul#sitenav li li li.sfHover ul { left: 143px;	top: 0; }
#sitenav a, #sitenav a:visited { color: #ccc; }
#sitenav li li { background: #9b131e; line-height: normal; width: 143px; border-top: 1px solid #910914; }
#sitenav li li a { padding: 3px 10px; }
#sitenav li li a:hover { background: #910914; }
#sitenav li li li {background: #9b131e; }
#sitenav li:hover, #sitenav li.sfHover, #sitenav a:focus, #sitenav a:hover, #sitenav a:active { background: #9b131e; color: #fff; outline: 0; text-decoration: none; }
#sitenav a.current { color: #fff; }

#main { width: 990px; }

#homepage { background: url(../images/bg.homepage.png) no-repeat top left; width: 990px; height: 500px; }

#slider { width: 950px; height: 435px; padding: 20px; margin: 0 auto; position: relative; }
.scroll { width: 950px; height: 350px; overflow: auto; overflow-x: hidden; position: relative; clear: left; margin-bottom: 2px; }
.scroll h2 { color: #9b131e; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.scrollContainer .panel { height: 350px; width: 950px; }
.panel p { margin-bottom: 12px; }
.threestories { width: 2850px; }
.fourstories { width: 3800px; }
.fivestories { width: 4750px; }
.threestories ul.homenav li { width: 315px; }
.fourstories ul.homenav li { width: 236px; }
.fivestories ul.homenav li { width: 188px; }
ul.homenav { width: 2000em; margin: 0 auto; }
ul.homenav li { float: left; background: url(../images/nav-normal.gif) no-repeat top center; margin-right: 2px; }
ul.homenav li.last { margin-right: 0; }
ul.homenav a { padding: 20px 10px 3px 3px; color: #ccc; display: block; height: 61px; }
ul.homenav a:hover { background: url(../images/nav-selected.gif) no-repeat top center; color: #fff; text-decoration: none; }
ul.homenav a.selected { background: url(../images/nav-selected.gif) no-repeat top center; color: #fff; }
ul.homenav a:focus { outline: none; }
ul.homenav .left { float: left; margin: -9px 10px 0 0; }

.jcarousel-container {height: 100px; overflow: hidden;}
.jcarousel-clip {height: 84px !important; overflow: hidden; width: 100%;}
.jcarousel-direction-rtl {direction: rtl;}
.jcarousel-next-horizontal {position: absolute; bottom: 0; right: 5px; width: 16px; height: 16px; cursor: pointer; background: transparent url(../images/next-horizontal.png) no-repeat 0 0;}
.jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px; right: auto; background-image: url(../images/prev-horizontal.png);}
.jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus {background-position: -16px 0;}
.jcarousel-next-horizontal:active {background-position: -32px 0;}
.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:focus, .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -48px 0;}
.jcarousel-prev-horizontal {position: absolute; bottom: 0; right: 26px; width: 16px; height: 16px; cursor: pointer; background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto; right: 5px; background-image: url(../images/next-horizontal.png);}
.jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {background-position: -16px 0;}
.jcarousel-prev-horizontal:active {background-position: -32px 0;}
.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:focus, .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: -48px 0;} 
#carousel-message {position: relative; top: -16px; left: 0; text-align: right; width: 900px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}

#bottompage { width: 990px; height: 320px; }
#bottompage .grid4col { background: url(../images/bg.bottompage.gif) no-repeat top left; clear: both; padding: 0; width: 990px; height: 320px; }
#bottompage .column { width: 245px; height: 320px; position: relative; margin-right: 15px; float: left; }
#bottompage .column.last { width: 210px; margin-right: 0; margin-left: 0 !important; float: right !important; }
#bottompage .column h3 { font: 14px/30px Tahoma, Arial, Helvetica, sans-serif; color: #fff; margin: 0 20px; }
#bottompage .column ul { margin: 10px; width: 225px; height: 270px; overflow: auto; }
#bottompage .column ol { margin: 10px; width: 190px; height: 270px; text-align: center; }
#bottompage .column li { font-size: 11px; padding: 5px 10px; }
#bottompage .column p { color: #000; position: relative; z-index: 3; text-decoration: none; }
.alt { background: #eee; }

#hotlinks, #upcomingevents, #video, #links {}
#upcomingevents li.last {border-top: 1px solid #9f1e28; color: #000;}

#popularnav { float: right; width: 780px; font: 10px/32px Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: left; padding-top: 10px; margin-right: 17px; }
#popularnav a { padding: 0 3px; }
#globalnav { float: right; width: 350px; font: 10px/32px Verdana, Arial, Helvetica, sans-serif; color: #666; text-align: right; margin-right: 17px; }
#footer { width: 990px; font: 10px/40px Verdana, Arial, Helvetica, sans-serif; color: #666; height: 40px; text-align: center; }
#globalnav a, #footer a { color: #000; text-decoration: none; padding: 0 3px; }
#globalnav a { padding: 0; }
#globalnav a:hover, #footer a:hover { color: #ed1c2e; }
#popularnav a.current, #globalnav .current, #footer .current, #sidebar .current { font-weight: bold; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both; height: 0; font-size: 1px; line-height: 0; }
.clear { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }

#main .top { background: url(../images/bg.page.gif) top left no-repeat; height: 6px; }
#main .bottom { background: url(../images/bg.page.gif) bottom left no-repeat; height: 6px; }
#main .page { background: url(../images/bg.content.gif) top left; min-height: 463px; width: 990px; }
#main #content { background: url(../images/bg.content.gif) top left; padding: 20px; margin: 0 190px 0 0; line-height: 22px; }
#main #sidebar { background: url(../images/bg.content.gif) top right; padding: 20px 15px; float: right; width: 155px; }
.sidenav { margin-bottom: 18px; }
.sidenav a { color: #000; display: block; }
.sidenav a:hover { color: #ed1c2e; }
.sidenav li { padding: 0 0 3px 0; }
#sidebar .bullets { padding: 0; margin-bottom: 18px; }
#sidebar .bullets li { list-style: none; margin-bottom: 1px; }
#sidebar .callout { background: #eee; padding: 5px; }
#content .callout, #content .calloutsmall { font: 10px Verdana, Arial, Helvetica, sans-serif; }

.slideshow * { z-index: 0; }

#overDiv table, .imgbucket table { margin-bottom: 0; }

.mcol li { margin: 0 10px 10px 0; padding: 0 3px; line-height: 18px; }

p.upcoming, p.allevents { font-weight: bold; }
.events, p.upcoming, p.allevents { text-align: center; }
.events h2 { margin-bottom: 0; }
.events h2 em { font-size: 19px; }
.events .past, p.allevents { display: none; }

.staffdirectory td { border-bottom: 1px solid #ccc; }
.staffdirectory th { font-weight: bold; font-size: 14px; border-bottom: 1px solid #ccc; padding: 18px 0 0 0; }
.staffdirectory th span { font-weight: normal; font-size: 12px; }
.staffdirectory tr:hover td {background: #e3f1ff;}
.staffdirectory tr:hover th {background: #fff;}

#breakingnews a { width: 336px; height: 22px; display: block; /*color: #218610;*/}
#breakingnews { float: left; width: 350px; height: 22px; font: 10px/22px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #9b131e; margin: 5px 0 5px 5px; text-align: left; overflow: hidden; }
#breakingnews div { padding: 0 7px; background: url(../images/bg.breakingnews.jpg) top right no-repeat; }

.btn-vote { background: url(../images/vote-for-me.jpg) no-repeat; border: none; display: block; height: 26px; margin: 0; padding: 0; text-indent: -1000em; width: 196px; cursor: pointer; float: right;}
.btn-vote:hover, .btn-vote:focus { background-position: 0 -26px; }
.btn-vote:active { background-position: 0 -52px; }
