﻿/*SBU layout--revised for 2008 site*/
p {
width: 78%;
padding: 5px 0;
}
p#welcome {
height: 314px;
padding-top: 15px;
}
p#welcome a {border: 0;}
span.caption {
display: block;
font-size: 85%;
padding-bottom: 2em;
}
table {border-spacing: 0;}
td {vertical-align: top;}
a.pic, a.no-border {border: none;}

/*-----------------------------------top*/
div#banner {
width: 695px;
height: 70px;
background: #ffffff url(../images/soccer_ball.jpg) no-repeat left top;
margin-top: -1px; 
}
div#logo {
width: 620px;
height: 70px;
margin-left: 65px;
border-left: 10px double #1c1c4a;
border-right: 10px double #1c1c4a;
background: #ffffff url(../images/banner.jpg) no-repeat left top;
}
div#nav-bar {
width: 100%;
height: 35px;
border-top: 10px double #1c1c4a;
border-bottom: 10px double #1c1c4a;
background: #ffffff url(../images/nav_back_blue_repeat.gif) repeat-x left center;
position: relative;
}
#nav-bar ul {
width: 435px;
height: 35px;
margin: 0 0 0 250px;
border-right: 10px double #1c1c4a;
border-left: 10px double #1c1c4a;
background-color: #ffffff;
text-align: center;
}
#nav-bar ul li {
width: 87px;
float: left;
}
#nav-bar a {
display: block;
width: 87px;
height: 35px;
border: none;
}
a#home:link {background: #ffffff url(../images/home.gif) no-repeat right top;}
a#home:visited {background: #ffffff url(../images/home.gif) no-repeat right top}
a#home:hover {background: #ffffff url(../images/home.gif) no-repeat left top;}
a#home:active {background: #ffffff url(../images/home.gif) no-repeat left top;}

a#news:link {background: #ffffff url(../images/news.gif) no-repeat right top;}
a#news:visited {background: #ffffff url(../images/news.gif) no-repeat right top;}
a#news:hover {background: #ffffff url(../images/news.gif) no-repeat left top;}
a#news:active {background: #ffffff url(../images/news.gif) no-repeat left top;}

a#team:link {background: #ffffff url(../images/team.gif) no-repeat right top;}
a#team:visited {background: #ffffff url(../images/team.gif) no-repeat right top;}
a#team:hover {background: #ffffff url(../images/team.gif) no-repeat left top;}
a#team:active {background: #ffffff url(../images/team.gif) no-repeat left top;}

a#gallery:link {background: #ffffff url(../images/gallery.gif) no-repeat right top;}
a#gallery:visited {background: #ffffff url(../images/gallery.gif) no-repeat right top;}
a#gallery:hover {background: #ffffff url(../images/gallery.gif) no-repeat left top;}
a#gallery:active {background: #ffffff url(../images/gallery.gif) no-repeat left top;}

a#penpal:link {background: #ffffff url(../images/penpal.gif) no-repeat right top;}
a#penpal:visited {background: #ffffff url(../images/penpal.gif) no-repeat right top;}
a#penpal:hover {background: #ffffff url(../images/penpal.gif) no-repeat left top;}
a#penpal:active {background: #ffffff url(../images/penpal.gif) no-repeat left top;}

a#home.current {background: #ffffff url(../images/home.gif) no-repeat left top;}
a#news.current {background: #ffffff url(../images/news.gif) no-repeat left top;}
a#team.current {background: #ffffff url(../images/team.gif) no-repeat left top;}
a#gallery.current {background: #ffffff url(../images/gallery.gif) no-repeat left top;}
a#penpal.current {background: #ffffff url(../images/penpal.gif) no-repeat left top;}


/*----------------------------------content*/
div#content {
width: 100%;
position: absolute;
top: 124px;
left: 0;
background: #ffffff url(../images/edge_right.gif) repeat-y 147px 0;
}
/*----------------------------------side---links revised 06/13/08*/
div#side {
width: 160px;
position: absolute;
top: 0;
left: 0;
}
#side h2 {
font-size: 120%;
padding: 15px 0px;
}
#side ul {
width: 130px;
margin: 0 auto;
}
#side ul li ul li {
text-indent: 10px;
color: #1c1c4a;
}
#side ul li h2 {padding-bottom: 3px;}
#side ul li ul li a {line-height: 22px;}
#side ul a:link {
color: #1c1c4a;
border-bottom: 3px #1c1c4a double;
padding-right: 7px;
}
#side ul a:hover {
color: #1c1c4a;
border-bottom: 3px #ffffff double;
padding-right: 7px;
}
#side ul a:visited {
color: #1c1c4a;
border-bottom: 3px #1c1c4a double;
background: #ffffff url(../images/superstar.gif) no-repeat right top;
padding-right: 7px;
}
#side ul a.here {
color: #1c1c4a;
background: #ffffff url(../images/star.gif) no-repeat right top;
border-bottom: 3px #ffffff double;
padding-right: 7px;
}

/*----------------------------------main*/
div#main {
width: 700px;
min-height: 675px;
position: relative;
top: 0;
left: 160px;
padding: 0 25px 25px 25px;
border-left: 10px double #1c1c4a;
background: #ffffff url(../images/edge_left.gif) repeat-y left top;
}
#main table#roster {width: 700px;}
#main table#roster td {width: 132px;}
/*----------------------------------foot*/
#foot {
width: 100%;
border-top: 10px double #1c1c4a;
background: #ffffff url(../images/edge_bottom.gif) repeat-x left bottom;
}
#foot table {
width: 100%;
padding: 0 20px;
}
td#credits {
width: 73px;
height: 30px;
}
#foot p {padding-bottom: 13px;}
a#m {
display: block;
background: #ffffff url(../images/credits.jpg) no-repeat center center;
border: none;
}
/*-------------------------------------pen-pal-form*/
form {width: 100%;}
input, select, textarea {
padding: 2px;
margin: 5px 0;
}
input, select {width: 40%;}
textarea {
font-family: Courier, "Courier New", monospace;
overflow: auto;
}
p.send input {
text-align: center;
padding: 3px 7px 3px 3px;
}
span.error {
color: #672829;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: bold;
margin-left: 20px;
text-align: left;
}
span#player-error {margin-left: 24px;}
span#message-error {margin-left: 122px;}
/*---------------------------------------------news*/
div.news-entry {
border-top: 5px solid #1c1c4a;
margin-bottom: 10px;
margin-top: 10px;
padding-top: 10px;
}
p.headline {
width: 100%;
line-height: 18px;
}
.second-line {
display: block;
padding-left: 15px;
}
p.return {
padding: 15px 0 5px 0;
text-align: right;
}
h2 span.reference{
display: block;
font-weight: normal;
text-shadow: none;
font-size: 90%;
letter-spacing: 0;
color: #333333;
}
p.source {
font-size: 85%;
width: 100%;
padding-top: 0;
}
/*----------------------------------------team-and-bios*/
table#player-card {
width: 78%;
padding-bottom: 20px;
}
#player-card td {vertical-align: top;}
#player-card p {
line-height: 18px;
padding: 15px 0;
}
#player-card p, table#card-info {width: 222px;}
table#card-info td {
padding: 0 5px;
border: 3px double #672829;
}
#card-info td.no-border {border: none;}
#card-info td p a:visited {border-bottom: 3px #1c1c4a double;}
div.text-pic {
min-height: 350px;
padding-left: 248px;
}
/*a.penpalclick {background: #ffffff url(../images/superstar.gif) no-repeat right top;}
a.penpalclick:link {
color: #1c1c4a;
border-bottom: 3px #1c1c4a double;
padding-right: 7px;
}
a.penpalclick:hover {
color: #1c1c4a;
border-bottom: 3px #ffffff double;
padding-right: 7px;
background: #ffffff url(../images/star.gif) no-repeat right top;
}
a.penpalclick:visited {
color: #672829;
border-bottom: 3px #1c1c4a double;
padding-right: 7px;
background: #ffffff url(../images/superstar.gif) no-repeat right top;
}
a.penpalclick:active {
color: #1c1c4a;
border-bottom: 3px #ffffff double;
padding-right: 7px;
background: #ffffff url(../images/star.gif) no-repeat right top;
}
*/

/*------------------------------------------------gallery*/
img.page {margin: 0 auto;}
span.page {margin: 0 auto;}
span.page em.caption {
font-size: 85%;
font-style: normal;
display: block;
line-height: 1.3em;
}
table#thumbs {
width: 650px;
/*margin-top: 20px;*/
margin-top: 40px;
}
table#albumbtns {
width: 202px;
height: 294px;
padding: 0 0 0 10px;
margin: 0;
}
#albumbtns p {
width: 200px;
font-size: 11px;
line-height: 15px;
padding: 0 0 5px 0;
margin: 0;
}
#thumbs a {border: none;}
p#albumpic {
width: 438px;
height: 294px;
}
form#albumMenu {
margin-top: 3px;
width: 115px;
}
form#albumMenu select {
font-size: 10px;
width: 105px;
background-color: #1c1c4a;
color: #ffffff;
}
p.photo-albums {
/*width: 255px;*/
width: 455px;
padding-right: 15px;
margin-bottom: 10px;
}

p.video-albums {
/*width: 255px;*/
width: 230px;
padding-right: 15px;
margin-bottom: 10px;
}


div.youtube {margin-bottom: 20px;}
.youtube div.video-caption {
width: 230px;
float: right;
}
.video-caption p {
width: 100%;
}
div.columns, div.post-it {
width: 375px;
float: left;
}
div.columns p {
padding-top: 10px;
margin-left: 10px;
}
div.columns p span.lead {
display: block;
margin-left: -10px;
}
div.post-it {
background: #ffffff url(../images/post-it.jpg) no-repeat left top;
width: 216px;
float: left;
height: 216px;
font-size: 11px;
padding: 5px;
}
div.post-it p {
width: 200px;
height: 170px;
overflow: auto;
margin-left: 10px;
}
div.post-it a {background-color: transparent;}
div.post-it a:visited {
color: #1c1c4a;
border-bottom: 3px #1c1c4a double;
background-color: transparent;
}
.clear {clear: both;}
/*-----------Norway Cup New Sections 7/28/07------------*/
p#print {
width: 650px;
text-align: right;
padding-top: 0;
}
table#nc-links {
width: 435px;
margin-left: 25px;
text-align: center;
}
table#nc-links td {
padding: 3px;
text-align: center;
}
table#nc-links td.border {border: 3px double #1c1c4a;}
table#nc-links td.border-current {border: 3px double #672829;}
table#nc-links td a {border: none;}

table#calendar {
width: 650px;
text-align: left;
border: 3px double #1c1c4a;
margin-top: 15px;
}
table#calendar td {
padding: 2px 5px;
border-bottom: .1em solid #1c1c4a;
}
td.day, td.time {border-right: .1em solid #1c1c4a;}
td.day {width: 125px;}
td.time {width: 85px;}

/*NEW*/
table#nc-postits {
width: 600px;
margin: 20px 0 30px 0;
}
table#nc-postits td {
text-align: center;
width: 156px;
height: 156px;
}
table#nc-postits td a {
width: 156px;
height: 156px;
display: block;
border: none;
}
a#coa:link {background: #ffffff url(../images/nc_COA.jpg) no-repeat right top;}
a#coa:visited {background: #ffffff url(../images/nc_COA.jpg) no-repeat right top;}
a#coa:hover {background: #ffffff url(../images/nc_COA.jpg) no-repeat left top;}
a#coa:active {background: #ffffff url(../images/nc_COA.jpg) no-repeat left top;}

a#lfn:link {background: #ffffff url(../images/nc_LFN.jpg) no-repeat right top;}
a#lfn:visited {background: #ffffff url(../images/nc_LFN.jpg) no-repeat right top;}
a#lfn:hover {background: #ffffff url(../images/nc_LFN.jpg) no-repeat left top;}
a#lfn:active {background: #ffffff url(../images/nc_LFN.jpg) no-repeat left top;}

a#ncg:link {background: #ffffff url(../images/nc_NCG.jpg) no-repeat right top;}
a#ncg:visited {background: #ffffff url(../images/nc_NCG.jpg) no-repeat right top;}
a#ncg:hover {background: #ffffff url(../images/nc_NCG.jpg) no-repeat left top;}
a#ncg:active {background: #ffffff url(../images/nc_NCG.jpg) no-repeat left top;}

a#coa.current {background: #ffffff url(../images/nc_COA.jpg) no-repeat left top;}
a#lfn.current {background: #ffffff url(../images/nc_LFN.jpg) no-repeat left top;}
a#ncg.current {background: #ffffff url(../images/nc_NCG.jpg) no-repeat left top;}

p.letter-pic-left a.pic {
display: block;
float: left;
padding: 3px 15px 0 0;
}
p.letter-pic-right a.pic {
display: block;
float: right;
padding: 3px 0 0 15px;
}
p.letter-pic-left, p.letter-pic-right  {margin: 10px 0;}