body { font-family: Verdana, Geneva, Arial, sans-serif; font-size: 100%; text-align: center; background: #eae8e8; margin: 0; padding: 0; }

p { line-height: 1.22em; }

A { text-decoration: none; }
A:LINK { color: #0000CC; }
A:VISITED { color: #0000CC; }
A:ACTIVE {  color: #800080; }
/* note that A:HOVER isn't supported by all browsers */
A:HOVER { color: #0000CC; text-decoration: underline;}

h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #0000CC; }
h3 { color: #B81600; font-size: 115%; font-style: italic; margin-left: 12px; margin-right: 12px; }

/* unique IDs */

#container { background: #fff url(http://www.jalc.edu/pics/background_main.jpg) top left repeat-x; width: 100%; margin: 0; padding: 0; font-size: .85em; }
#maincontent { background: url(http://www.jalc.edu/pics/shadows_main.png); text-align: left; width: 960px; margin: 0 auto;; padding: 0 20px; overflow: auto; }

#banner { background: url(http://www.jalc.edu/pics/background_banner.jpg) top left repeat-x; position: relative; width: 960px; height: 90px; }
#banner h1 { position: fixed; left: -9999px; }
#banner a { color: #FFF; text-decoration: none; }
#banner ul { margin: 0 0 4px 620px; padding: 30px 10px 0 0; list-style: none; text-align: right; }
#banner ul li { display: inline; padding: 0 6px; }
#banner form { margin: 0 0 0 620px; padding: 0 10px 0 0; text-align: right; }
#banner form fieldset { margin: 0; padding: 0; border: none; }
#banner form p { display: inline; color: white; }
#banner img {  position: absolute; top: 30px; left: 20px; margin: 0; padding: 0; border: none; }

#nav { width: 960px; margin: 0; padding: 0; list-style: none; background: #ffe62e url(http://www.jalc.edu/pics/gradient_gold.jpg) top left repeat-x; clear: both; float: left; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; font-size: 115%; }
#nav li { margin: 0; padding: 0; float: left; border-right: 1px solid #000; }
#nav li.nodivider { border-right: none; }
#nav a { color: black; text-decoration: none; margin: 0; padding: 6px 15px; display: block; }
#nav a:hover { background: url(http://www.jalc.edu/pics/highlight_white.png) repeat; }

#bodyarea { margin: 0; padding: 0 0 20px 0; float: left; width: 960px; }

#column1 { width: 220px; float: left; text-align: left; }
#column1 ul { margin: 0 0 10px 0; padding: 0; list-style-type: none; }
#column1 li { margin: 0; }
#column1 a { display: block;  width: 201px; padding: 3px 0 3px 8px; text-decoration: none; }
#column1 a:hover { background-color: #dbe9f9; }

#column2 { width: 697px; float: left; text-align: left; padding: 0 8px 0 35px; }
#column2 ul { margin-bottom: 0; }

#column1b { float: left; width: 50%; text-align: center; }
#column1b img { border: 1px solid #C0C0C0; }
#column1b p { padding: 0; margin: 10px 0 25px 0; padding: 0 5px; }

#column2b { float: left; width: 50%; text-align: center; }
#column2b img { border: 1px solid #C0C0C0; }
#column2b p { padding: 0; margin: 10px 0 25px 0; padding: 0 5px; }

#contactus { clear: right; float: left;  margin: 10px 0  0 0; border: 1px solid #CCC; width: 695px; text-align: center; padding: 0; }
#contactus ul { list-style: none; margin: 0; padding: 0 0 10px 0; }
#contactus li { padding: 3px 0; }

#records { list-style: none; text-align: left; }
#records li { margin-top: 8px; margin-bottom: 8px; }
#backlinks { list-style: none; text-align: left; margin-bottom: 0; clear: both; }
#featuredplayer { width: 168px; float: right; text-align: center; margin: 0 0 10px 10px}

#bottomcontainer { background: url(http://www.jalc.edu/pics/background_footer.gif) top left repeat-x; clear: both; text-align: center; width: 100%; margin: 0 auto; padding: 0; font-size: 90%; }
#bottomcontainer #info { background: url(http://www.jalc.edu/pics/shadows_footer.png) no-repeat; margin: 0 auto; padding: 14px 0; width: 1000px; }
#bottomcontainer #info ul { list-style: none; margin: 4px 0; }
#bottomcontainer #info ul li { display: inline;  padding: 0 5px; margin: 0; border-right: 1px solid black; }
#bottomcontainer #info ul li.nodivider { border-right: 0; }

/* classes */

.fp1 { padding: 4px 0 0 0;  }
.fp2 {  margin: 0 0 4px 0; border: 1px solid black; }
.featuredlink { text-indent: 0; padding: 4px; margin: 0; background: #F0F0F0; border: 1px solid #C0C0C0; }
.return { text-align: center; border: 1px solid #C0C0C0; padding: 4px; background: #F0F0F0; width: 88%; margin: 30px auto 0 auto; }

.logo { float: right; margin: 0 0 10px 10px; }
.coaches { text-align: left; clear: both; margin-top: 12px; }
.extrapictures { text-align: left; }
.resources { list-style: none; }

.largepic { border: 1px solid black; text-align: center; margin: 0 auto; display: block; }

.picright { float: right; margin: 0 12px 12px 12px; }
.picleft { float: left; margin: 0 12px 12px 12px; }

.headlinegradient { text-align: center; background: url(http://www.jalc.edu/pics/gradient_headline.jpg) center repeat-y; letter-spacing: .1em; }
.bluearrow { color: white; text-decoration: none; padding: 4px; margin: 0 0 6px 0; background: #0000CC url(pics/blue_arrow.gif) right center no-repeat; }
.redarrow { color: white; text-decoration: none; padding: 4px; margin: 0 0 6px 0; background: #B81600 url(pics/red_arrow.gif) right center no-repeat; }
.green { background: #17940d; padding: 5px 0; color: white; margin: 0 0 5px 0; text-decoration: none; text-align: center; }
.greyarrow { color: white; padding: 4px 4px 4px 12px; margin: 12px 0 0 0; background: #a0a0a0 url(pics/grey_arrow.gif) right center no-repeat; width: 25%; text-decoration: none; }
h2 { color: #17940d; font-size: 120%; font-style: italic; text-decoration: underline; margin-left: 12px; margin-right: 12px; text-align: left; }
.playerinfo h2 { color: black; padding: 4px 4px 4px 12px; margin: 12px 0 0 0; background: #dbe9f9 url(pics/blue_arrow2.gif) right center no-repeat; width: 50%; text-decoration: none;}
.playerinfo h2.greyarrow2 { color: black; padding: 4px 4px 4px 12px; margin: 12px 0 0 0; background: #e0e0e0 url(pics/grey_arrow2.gif) right center no-repeat; width: 25%; text-decoration: none; }
.h2greengradient { font-size: 120%; text-decoration: none; color: white; padding: 4px 4px 4px 12px; margin: 0; margin-top: 0; background: url(pics/green_gradient.jpg) repeat-y; text-align: left;}

.playerinfo { text-align: left; padding: 0 0 8px 0; border-bottom: 1px dashed #C0C0C0; clear: both; overflow: hidden; width: 100%; }
.playerinfo ul {  list-style: none; margin: 20px 0; padding: 0; }
.playerinfo li { padding: 2px 26px; margin: 0; }
.playerinfo img { float: right; border: 1px solid black; margin: 0 12px 10px 10px; padding: 0; }
.playerinfo p { margin: 20px 12px; padding: 0; }
/* other */

table, th, td { border: 1px solid #CCC; border-collapse: collapse; margin: 0 auto; }
table { border: 1px solid black; width: 90%; text-align: left;  }
td, th { padding: 6px 4px; vertical-align: top; }
.colspan { text-align: left; background-color: #dbe9f9; text-align: center;}
.one { width: 10%; }
.two { width: 25%; }
.three { width: 15%; }

#bodyarea form {text-align: left; margin: 0 12px; }
#bodyarea label, label span { display: block; padding-bottom: .25em }
#bodyarea label { float: left; width: 95%; }
#bodyarea label span { float: left; width: 30%; text-align: right; }
#bodyarea fieldset { border: none; margin-bottom: 20px; }
#bodyarea fieldset input { margin-left: 10px;  width: 40%;}
#bodyarea fieldset select { margin-left: 10px;  width: 10%;}