html {font-family: Arial, Helvetica, Verdana; font-size: 11px; line-height: 15px;}
body { background-color: #072846; margin: 0; padding: 0; }

/* Columns */

#outer { width: 998px; }
#nbllogo { height: 34px; background-image: url('../images/nbllogo.jpg'); }
#banner { height: 101px; background-image: url('../images/saintslogo.jpg'); }
#menu { padding-bottom: 10px; }
#inner { }
#leftcol { float:left; width:458px; }
#middlecol { width: 340px; margin: 0 0 0 458px; color: #000; }
#rightcol { float:right; width: 198px; }


/* main column */

#maincol { width: 780px; margin: 0 0 10px 12px; color: #000; }
#maincol .wrap { background-image: url('../images/contentmiddle.jpg'); }
#maincol .wrap .top { background-image: url('../images/contenttop.jpg'); height: 32px; }
#maincol .wrap .middle { width: 720px; margin: 0 30px; padding: 20px 0; display: inline-block; color: #000; }
#maincol .wrap .middle .lockerbackground { background-image: url('../images/lockerroombkg.jpg'); }
#maincol .wrap .middle .left { float:left; width: 210px; }
#maincol .wrap .middle .right { margin-left: 220px; width: 500px; }
#maincol .wrap .bottom { background-image: url('../images/contentbottom.jpg'); height: 9px; } 

/* left column */

#leftcol #nextgame { width: 442px; margin: 0 0 10px 12px; color: #fff; }
#leftcol #nextgame .wrap { background-image: url('../images/nextgamewrapperbkg.jpg'); }
#leftcol #nextgame .wrap .top { background-image: url('../images/contentholders-left-top.jpg'); height: 32px; }
#leftcol #nextgame .wrap .middle { width: 438px; margin: 0 2px; background-image: url('../images/nextgamemiddlebkg.jpg'); background-repeat: no-repeat; display: inline-block; }
#leftcol #nextgame .wrap .bottom { background-image: url('../images/nextgamebottom.jpg'); height: 12px; } 

#leftcol #newsletter { width: 442px; margin: 0 0 10px 12px; color: #fff; }
#leftcol #newsletter .wrap { background-image: url('../images/newsletterwrapperbkg.jpg'); }
#leftcol #newsletter .wrap .top { background-image: url('../images/contentholders-left-top.jpg'); height: 32px; }
#leftcol #newsletter .wrap .middle { width: 438px; margin: 0 auto; background-image: url('../images/newsletterbkg.jpg'); background-position: left bottom; background-repeat:no-repeat; }
#leftcol #newsletter .wrap .middle * {font-size: 11px; line-height: 15px; }
#leftcol #newsletter .bottom { background-image: url('../images/newsletterbottom.jpg'); height: 12px;  }

#leftcol #news { width: 442px; margin: 0 0 10px 12px; }
#leftcol #news .wrap { background-image: url('../images/newsmiddle.jpg'); }
#leftcol #news .wrap .top { background-image: url('../images/contentholders-left-top.jpg'); height: 32px; }
#leftcol #news .wrap .middle { width: 394px; height: 393px; margin: 10px 0 0 15px; color: #000; padding: 0 24px 0 0; overflow-y: scroll; overflow-x:hidden;}
#leftcol #news .bottom { background-image: url('../images/newsbottom.jpg'); height: 9px; }

#leftcol #promo { width: 442px; margin: 0 0 10px 12px; }

#leftcol #featplayer { width: 442px; margin: 0 0 10px 12px; }
#leftcol #featplayer .wrap { background-image: url('../images/playermiddle.jpg');  }
#leftcol #featplayer .wrap .top { background-image: url('../images/contentholders-left-top.jpg'); height: 32px; }
#leftcol #featplayer .wrap .middle { width: 408px; height: 360px; margin: 10px auto 0; color: #FFF; overflow: hidden; }
#leftcol #featplayer .bottom { background-image: url('../images/playerbottom.jpg'); height:12px; }


 /* middle column */

#middlecol #saintsgallery { width: 330px; margin: 0 auto 10px; }
#middlecol #saintsgallery .wrap { background-image: url('../images/photogallerybkg.jpg'); }
#middlecol #saintsgallery .wrap .top { background-image: url('../images/photogallerytop.jpg'); height: 33px; }
#middlecol #saintsgallery .wrap .middle { width: 326px; margin: auto; }
#middlecol #saintsgallery .bottom { background-image: url('../images/photogallerybottom.jpg'); height:12px; }

#middlecol #schedule { width: 330px; margin: 0 auto 10px; }
#middlecol #schedule .wrap { background-image: url('../images/middlecolumnwrapper.jpg'); }
#middlecol #schedule .wrap .top { background-image: url('../images/scheduletop.jpg'); height: 160px; background-repeat:no-repeat; padding-bottom: 12px; }
#middlecol #schedule .wrap .middle { width: 300px; margin: 15px auto 3px; overflow-y: scroll; overflow-x:hidden; height: 235px; position:relative; }
#middlecol #schedule .wrap .middle .scrolling {  }
#middlecol #schedule .wrap .bottom { background-image: url('../images/middlecolumnbottom.jpg'); height:12px; }

#middlecol #ladder { width: 330px; margin: 0 auto 10px; }
#middlecol #ladder .wrap { background-image: url('../images/middlecolumnwrapper.jpg'); }
#middlecol #ladder .wrap .top { background-image: url('../images/laddertop.jpg'); height: 77px; background-repeat:no-repeat; padding-bottom: 12px; }
#middlecol #ladder .wrap .middle { width: 300px; margin: 15px auto 3px; overflow:hidden; height: 210px; position:relative; }
#middlecol #ladder .wrap .middle .scrolling {  }
#middlecol #ladder .wrap .bottom { background-image: url('../images/middlecolumnbottom.jpg'); height:12px; }

/* right column */

#rightcol #support { float: right; background-color: #153F89; width: 194px; margin: 0 0 10px 0; }
#rightcol #support .wrap { background-image: url('../images/rightcolheader.jpg'); background-repeat: no-repeat; color: #fff; }
#rightcol #support .wrap .top {}
#rightcol #support .wrap .bottom {}

#rightcol #poll { float: right; background-color: #153F89; width: 194px; margin: 0 0 10px 0;  }
#rightcol #poll .wrap { background-image: url('../images/rightcolheader.jpg'); background-repeat: no-repeat; color: #fff; }
#rightcol #poll .wrap .top {}
#rightcol #poll .wrap .bottom {}

#rightcol #membership { float: right; width: 194px; margin: 0 0 10px 0; background-image: url('../images/membershipbkg.jpg'); min-height: 722px; color: #fff; }
#rightcol #membership .content-viewer { margin: 155px 10px 0 17px; }
#rightcol #membership .content-viewer a:link , #rightcol #membership .content-viewer a:visited { color: #FFF; text-decoration: none; }
#rightcol #membership .content-viewer a:hover { text-decoration: underline; }

/* Poll */

#rightcol #poll .question { padding:0 10px 10px 10px; }
#rightcol #poll .options { margin-left:20px; }
#rightcol #poll .button { padding:10px 5px 5px 0; text-align:right; }
#rightcol #poll p.percentage { margin:0; padding:5px 0 5px 0; margin-left:20px;}
#rightcol #poll .percentage-bar { border:solid 1px #000;width:100px; height:8px; margin-left:20px;}
#rightcol #poll .total-count {padding:10px 0 5px 0; margin-left:20px;}

/* Image Fader */

#rightcol #support .image-fader { width: 180px; margin: 20px auto 10px; }

/* Newsletters */

#leftcol #newsletter .middle .content-viewer { width: 110px; margin-left: 83px; float:left;  }
#leftcol #newsletter .middle .mailer-subscription { width: 232px; margin-left: 193px; }
#leftcol #newsletter .middle .mailer-subscription .field { margin-bottom: 5px; }
#leftcol #newsletter .middle .mailer-subscription .title { width: 85px; float:left; height: 22px; font-weight: bold; font-size: 11px; }
#leftcol #newsletter .middle .mailer-subscription .input { width: 143px; margin-left: 85px; height: 22px; *margin: 0; }
#leftcol #newsletter .middle .mailer-subscription .input input { width: 143px; }
#leftcol #newsletter .middle .mailer-subscription .footer input { border:none; background: none; color: #fff; font-size: 13px; width: 238px; text-align: right; }

/* Saints Photogallery */

#middlecol #saintsgallery .photo-gallery-slider .photo { height: 300px; }
#middlecol #saintsgallery .photo-gallery-slider .previous { width: 70px; float: left; }
#middlecol #saintsgallery .photo-gallery-slider .previous input { margin:0 20px; width: 30px; }
#middlecol #saintsgallery .photo-gallery-slider .next { width: 70px; float: right; }
#middlecol #saintsgallery .photo-gallery-slider .next input { margin:0 20px; width: 30px; }
#middlecol #saintsgallery .photo-gallery-slider .description { width: 180px; margin-left: 75px; height: 35px; }

/* Headings, links, etc */

h1 { font-size: 20px; line-height: 40px; padding: 0; margin: 0; color: #09488B; }
h2 { font-size: 15px; line-height: 20px; font-weight:bold; padding: 0; margin: 0; color: #FF6B3A; }
h2.panelheader { font-size: 17px; line-height: 40px; padding: 0; margin: 0 0 0 11px; color: #fff; }
h3 { font-size: 17px; padding: 0; margin: 0 0 20px 0; color: #fff; }
h5 { font-size: 11px; color: #004080; line-height: 12px; padding: 0; margin: 0; }
p { margin: 8px 0 8px;  }


table a img { border:none; border-collapse:collapse; margin-right: 20px; }
table.tablesponsors tr td { vertical-align: top; padding: 20px 0; border-bottom: solid 1px #666; }
table.tablesponsors tr { border-bottom: solid 1px #666; }

a:link, a:visited {  color: #FF6B3A; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }

h2.link a:link, h2.link a:visited { font-size: 15px; line-height: 20px; font-weight:bold; padding: 0; margin: 0; color: #FF6B3A; text-decoration: none; }
h2.link a:hover { font-size: 15px; line-height: 20px; font-weight:bold; padding: 0; margin: 0; color: #FF6B3A; text-decoration: underline; }
h2.link a:active { font-size: 15px; line-height: 20px; font-weight:bold; padding: 0; margin: 0; color: #FF6B3A; text-decoration: none; }

.top a:link, .top a:visited {  color: #FFF; text-decoration: underline; }
.top a:hover { text-decoration: none; }
.top a:active { text-decoration: underline; }

/* Categories Menu */

#maincol .wrap .middle #catalog-menu ul { margin: 0; padding: 0; list-style: none; height: 20px; }
#maincol .wrap .middle #catalog-menu ul li { float:left; margin: 0; padding: 0; list-style: none; display: block; vertical-align:middle; }
#maincol .wrap .middle #catalog-menu ul li a { padding: 0 20px; height: 20px; font-weight: normal; text-decoration:none; color: #09488B; border-right: solid 1px #666;}
#maincol .wrap .middle #catalog-menu ul li a:hover, ul#main-menu li.sel a { color: #666; }
#maincol .wrap .middle #catalog-menu ul li a span { font-size: 15px; line-height: 20px; font-weight: bold; }

#maincol .wrap .middle #catalog-menu ul li#Players a {  padding-left: 0; }
#maincol .wrap .middle #catalog-menu ul li#Staff a { border: none; margin: 0; }

/* Menu */

ul#main-menu { margin: 0; padding: 0; list-style: none; background-image: url('../images/menubkg.jpg'); height: 44px; }
ul#main-menu li { margin: 0; padding: 0; list-style: none; display: block; float: left; }
ul#main-menu li a { display: block; background-image: url('../images/menu.jpg'); height: 44px; }
ul#main-menu li a:hover, ul#main-menu li.sel a { background-image: url('../images/menu-sel.jpg'); }
ul#main-menu li a span { display:none; }

ul#main-menu li#home a { width: 69px;}
ul#main-menu li#news a { background-position: -69px 0px; width: 61px; }
ul#main-menu li#schedule a { background-position: -130px 0px; width: 80px; }
ul#main-menu li#locker-room a { background-position: -210px 0px; width: 103px; }
ul#main-menu li#ladder a { background-position: -313px 0px; width: 66px; }
ul#main-menu li#multimedia a { background-position: -379px 0px; width: 92px; }
ul#main-menu li#corporate a { background-position: -471px 0px; width: 84px; }
ul#main-menu li#community a { background-position: -555px 0px; width: 93px; }
ul#main-menu li#club-information a { background-position: -648px 0px; width: 124px; }
ul#main-menu li#ticket-prices a { background-position: -772px 0px; width: 102px; }
ul#main-menu li#contact a { background-position: -874px 0px; width: 124px; }

/* Players Catalogue */

.category-title h2 { color: #FF6B3A; line-height: 50px; }

.product-list-outer { margin-top: -20px; }
.product-list-outer .back-button a { display:none; }
.product-list .product { width: 228px; height:271px; float: left;  }
.product-list .product a { width: 184px; display: block; background-color: #325FC6; }
.product-list .product a img { border: solid 3px #325FC6; display: block; margin: 0 auto; *margin-bottom: -3px; padding: 0; }
.product-list .product .name { display: block; background-color: #325FC6; width: 184px;  height: 28px; text-align: center; }
.product-list .product .name a { color:#fff; text-decoration: none; margin: 0; padding: 0; font-size: 14px; line-height: 28px; font-weight: bold;  }
.product-list .product .name a:hover { color:#999;}
.product-list .product .summary { display:none; }

.product-detail { font-size: 12px; }
.product-detail h2 { color: #FFF; margin-bottom: -10px; line-height: 35px; display: block; background-color: #325FC6; width: 188px; text-align: center; }
.product-detail .back-button a { color:#999; padding-bottom: 30px; display: block; width: 400px; }
.product-detail .image-list-outer { width: 178px; background-color: #325FC6; padding: 10px 5px 5px; }
.product-detail .image-list-outer img { margin: auto; }
.product-detail .image-list { text-align: center; }
.product-detail .image-list a { color: #fff; text-decoration: none; }
.product-detail .image-list a:hover { text-decoration: underline; }
.product-detail .field-list  { margin-left: 220px; margin-top: -35px; }
.product-detail .field-list .title { font-weight:bold; }
.product-detail .field-list .detail { margin: 5px 0 15px; }

/* News Viewer  */

#leftcol #news .news-viewer .item { border-bottom: solid 1px #666; margin: 0 0 15px; width: 394px; }
#leftcol #news .news-viewer .item  a img { width: 20%; border: none; float: left;}
#leftcol #news .news-viewer .item .date { display:none; }
#leftcol #news .news-viewer .item  .title { margin: -10px 0 0 10px;  padding: 0 0 15px; font-size: 20px; line-height: 20px;}
#leftcol #news .news-viewer .item  .title a, #leftcol #news .news-viewer .item .title a:hover { padding: 0; margin: 0; color: #09488B; text-decoration:none; }
#leftcol #news .news-viewer .item  .summary { margin: 0 0 0 85px; width: 309px; display:block; }
#leftcol #news .news-viewer .item  .links { display: block; text-align:right; margin: 0 0 10px; }

#maincol .news-viewer .item { margin: 0 0 15px; }
#maincol .news-viewer .item  a img { border: none; width: 150px; margin-bottom: 10px; float:left; }
#maincol .news-viewer .item .date { margin: 0 0 0 10px; font-size: 15px; line-height: 20px; font-weight:bold; color: #FF6B3A; }
#maincol .news-viewer .item .hyphen { display:none; }
#maincol .news-viewer .item  .title { font-size: 20px; font-weight:bold; line-height: 40px;}
#maincol .news-viewer .item  .title a, #leftcol #news .news-viewer .item  .title a:hover { padding: 0; margin: 0; color: #09488B; text-decoration:none; }
#maincol .news-viewer .item  .summary { margin: 0 0 0 160px; display: block; }
#maincol .news-viewer .item  .links { display:block; clear:left; text-align:right; padding: 0 0 10px; border-bottom: solid 1px #666; }

#maincol .news-viewer .detail .date { display:none; }
#maincol .news-viewer .detail .hyphen { display:none; }
#maincol .news-viewer .detail .title { font-size: 20px; font-weight:bold; line-height: 40px; color: #09488B; }

/* Photo Galleries */

#maincol .categories {  }
#maincol .categories .category { width: 720px; display: inline-block; margin: 0 0 20px; }
#maincol .categories .category a img { border:none; float:left}
#maincol .categories .category .info { margin: 0 0 0 210px; }
#maincol .categories .category .name { font-size: 20px; line-height: 35px; font-weight:bold; }
#maincol .categories .category .name a, #maincol .categories .category .name a:hover { color: #09488B; text-decoration: none; }
#maincol .categories .category .date { font-weight: bold; color: #666; }
#maincol .categories .category .more-link { margin: 0 0 0 210px;  }

#maincol .photo-gallery .gallery { width: 720px; } 
#maincol .photo-gallery .category-header h2 { font-size: 20px; line-height: 35px; font-weight:bold; color: #09488B; }
#maincol .photo-gallery .category-header div { display:none; }
#maincol .photo-gallery .gallery .photo {float:left; width: 220px; height: 150px; margin: 0px 5px 5px 0px; border: solid 1px #999;}
#maincol .photo-gallery .gallery .photo img {border: none; margin:auto; display:block; }
#maincol .photo-gallery .gallery .photos .clear {clear:left;}
#maincol .photo-gallery .gallery .clear {clear:left;}


/* Feat player img properties */

#leftcol #featplayer .wrap .middle .feat-border { border: solid 1px #3A6EAA; width: 190px; float: left; overflow: hidden; }
#leftcol #featplayer .wrap .middle .feat-border img { width: 100%;}
#leftcol #featplayer .wrap .middle .feat-text { width: 198px; margin-left: 210px; }