/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #000 url(../images/BG.jpg) repeat-x top; margin: 0; }

a:link, a:visited { text-decoration: none; color: #0099FF;}
a:hover { text-decoration: none; color: #006699;}
a:active { text-decoration: none;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; color:#000; text-align:left;}


#outer { width: 770px; margin: 0 auto;}
#header { background: url(../images/header.gif) no-repeat center; width: 800px; height: 145px; margin: 0 auto;}
#left { width: 456px; float: left;}
#right { background: #f0efd8 url(../images/bg_right.gif) no-repeat bottom right; width: 302px; padding: 6px; margin-top: 6px; float: right; }
#mainbox { background: #FFF; width: auto; height: 100px; padding: 6px; margin: 6px 6px 0 6px;}
#mainpicbox { background: #FFF; width: auto; padding: 6px; margin: 6px 6px 0 6px;}
#infobox { background: #FFF; text-align: center; width: auto; padding: 6px; margin: 6px 6px 0 6px;}
#nav { background: url(../images/bg_nav.gif) no-repeat center top; text-align: center; height: 25px; width: 750px; padding: 0 25px; margin: 0 auto;}


.titleBlu { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#003366;}
.titleBluStaff { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color:#003366; display:block; padding-top:6px;}
.titleStaff { font-size: 9px; color: #999; text-transform:uppercase; letter-spacing: .25em; display:block;}
.date { font-size: 10px; color: #999; letter-spacing: .2em;}
.textpad { font-size: 12px; color: #333; padding: 10px; text-align:left;}
.textpad2 { font-size: 12px; color: #333; padding: 10px 35px; text-align: left;}
.picpad { padding: 3px; border: solid 2px #FFCC00; margin: 0 10px 5px 0;}
.picpadMain {padding: 3px; border: solid 2px #FFCC00; margin: 0 10px 0 0;}
.picpadStaff { padding: 3px; border: solid 2px #FFCC00; }
.gallerypad { padding: 1px;}
.picright { margin-top: 10px;}
.centerbox { text-align: center; width: auto; padding: 6px;}
.staffFont { display: block; color: #0099FF; }
.mainbox { background: #FFF; width: auto; padding: 6px; margin: 6px 6px 0 6px; font-size: 11px;}
.whitebox { background: #FFF; width: auto; min-height:200px; padding: 6px 12px; margin: 6px 6px 0 6px;}
.athletics { font-size: 16px; line-height: 22px; padding: 0 10px; margin: 0 0 10px 20px;}
.athpicpad { padding: 3px; border: solid 2px #FFCC00; margin: 0 10px 5px 0; float:left;}
.athbox { margin-bottom:20px; min-height:110px;}


/*   Wide Content  */

#footerWide { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: lighter; text-transform: uppercase; color: #99CCFF; background: url(../images/bg_footerWide.gif) no-repeat center; text-align: center; width: 800px; height: 33px; padding-top: 167px; margin: 0 auto; }
.whiteboxWide { background: #FFF; width: auto; padding: 6px 20px; margin: 6px 0 6px 5px; }


/*  Footer  */

#footer { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: lighter; text-transform: uppercase; color: #99CCFF; background: url(../images/p_bottom.gif) no-repeat left; text-align: center; width: 490px; height: 35px; padding: 40px 310px 0 0; margin: 0 auto; clear:left; }


/*   Navbar   */

.interakt_blue { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.interakt_blue ul { font-size: 10px; font-weight: normal; }
.interakt_blue li { width: 107px; background-color: #ddb004; }
.interakt_blue ul li { background-color: #ddb004; width: 150px; }
.interakt_blue a { text-decoration: none; color: #FFF; text-align: center; line-height: 25px; padding: 0px; cursor: pointer; }
.interakt_blue ul a { color:#FFF; text-align: left; line-height: 12px; border-top: 2px solid #ddb004; border-bottom: 2px solid #ddb004; padding: 2px 2px 4px 20px; }
.interakt_blue ul ul a { border: none; padding-left: 20px; }
.interakt_blue li.hover { color: #339933 !important; }
.interakt_blue ul li.hover { color: #dfd7c2; }
.interakt_blue a.hover { color: #dfd7c2; }
.interakt_blue ul a.hover { color: #5b832f; }
.interakt_blue .arrow { background-image: url(../Scripts/img/pos2.gif); background-repeat: no-repeat; background-position: right center; }
.interakt_blue .hover ul .arrow,
.interakt_blue ul .arrow {}
.interakt_blue .hover .arrow {}
.interakt_blue ul .hover .arrow {}
div.horizontal { clear: both; }
div.horizontal br { clear: both;}
div.horizontal ul { margin: 0px; padding: 0px; display: block; float: left; clear: both; }
div.horizontal li { list-style-type: none; display: block; float: left; clear: none; text-align: left; position: static; }
div.horizontal li img { border: none; }
div.horizontal a { clear: both; display: block; margin: 0px; }
div.horizontal ul li ul { position: absolute; left: -5000px; top: -5000px; visibility: hidden; clear: both;  }
div.horizontal ul li ul li { clear: both; }
div.horizontal ul li ul li a { clear: both; }
.hasImg, .hasImg a { padding: 0px !important; margin:	0px	!important; border:	none !important; outline: none !important; background: transparent !important; width: auto !important; }

