/* CSS for Little Chute Wrestling Club Website */



body {
font-family: helvetica, veranda, arial, sans-serif;
padding: 0;
margin: 0;
background: #0d1739 url(images/lcwc_background.png) center fixed repeat-y;
text-align: center;
}

img {
border: none;
}

#page {
width: 900px;
background: #ffffff;
margin: 0 auto 0 auto;
padding: 0;
}

#header {
background: url(images/lcwc_header.jpg) center top no-repeat;
height: 150px;
}

#main {
width: 690px;
float: right;
}

#mappage {
width: 800px;
margin: 0 auto 0 auto;
}

/*	********************** Tab Navigation **********************	*/

#nav {
border-bottom: 1px solid #ffffff;
background: #0d1739;
float: left;
width:  100%;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav li {
float: left;
background: url(images/c_tableft.png) no-repeat;
margin: 0 1px 0 0;
padding: 0 0 0 12px;
}

#nav a {
float: left;
display: block;
background: url(images/c_tabright.png) no-repeat right top;
padding: 0.8em 12px 0.6em 0;
text-decoration: none;
color: #0d1739;
font-size: .75em;
font-weight: bold;
}

#nav a:visited {
color: #555555;
}

#nav a:hover {
color: #0d1739;
text-decoration: underline;
}

#nav li.active {
background: url(images/w_tableft.png) no-repeat left top;
}

#nav li.active a {
background:   url(images/w_tabright.png) no-repeat right top;
color: #0d1739;
}

#nav li.active a:hover {
color: #0d1739;
text-decoration: underline;
}

/*	************************** End of Tab Navigation *********************** */

/*	************************** Button Link Navigation Block *********************** 

#linknav {
width: 150px;
margin: 0 20px 20px 0;
padding: 0;
text-align: left;
background: url(images/sidebarbg.png);
border: 2px solid #0d1739;
}

#linknav ul {
list-style: none;
padding: 0 10px 10px 10px;
margin: 0;
}

#linknav li {
background: url(images/linknav_button_top.png) top no-repeat;
padding: 12px 0 0 0;
}

#linknav a {
display: block;
background:  url(images/linknav_button_bottom.png) bottom no-repeat;
padding: 0 12px 12px 12px;
color: #0d1739;
font-size: 12px;
text-align: center;
font-weight: bold;
}

#linknav a:visited {
color: #555555;
}

#linknav a:hover {
color: #0d1739;
text-decoration: underline;
}

.linknavimg {
margin-top: -50px;
margin-left: -15px;
height: 143px;
width: 163px;
}

/*	************************* End of Button Link Navigation Block ***************** */

/*  ************************* Test of list Link Navigation Block  ***************** */
#linknav {
width: 150px;
margin: 0 20px 20px 0;
padding: 0;
text-align: left;
background: url(images/sidebarbg.png);
border: 2px solid #0d1739;
}

.linknavimg {
margin-top: -50px;
margin-left: -15px;
height: 143px;
width: 163px;
}

#linknav ul {
list-style: none;
padding: 20px 10px 10px 10px;
margin: 0;
}

#linknav li {
margin: 0;
padding: 0;
border-bottom: 1px solid #629bd0;
}

#linknav li.title {
color: #0d1739;
/*background: url(images/lcwc_sidebar_h2_gradient.png) right repeat-y;
background: #629bd0;*/
background: url(images/sidebarbg.png);
font-size: 0.7em;
text-align: center;
padding: 5px;
font-weight: bold;
}

#linknav li.requestlink {
border: none;
font-size: small;
}

#linknav li.requestlink a:hover {
background: none;
text-decoration: underline;
}

#linknav a {
font-size: 0.7em;
color: #0d1739;
display: block;
padding: 2px;
text-align: center;
}

#linknav a:hover {
background: #ffffff;
}

#linknav p.small {
font-size: 0.55em;
}

/*  ************************* End of Test of list Link Navigation Block  ***************** */

#content {
background: #ffffff url(images/lcwc_logo_watermark.jpg) top no-repeat;
min-height: 690px;
padding: 60px 20px 0 20px;
text-align: left;
clear: both;
}

#sidebar {
background: url(images/sidebarbg.png);
width: 225px;
border: 2px solid #0d1739;
float: right;
padding: 10px;
margin: 0 0 20px 20px;
}

.upcoming {
margin-top: -50px;
margin-left: -50px;
padding-left: 15px;
}

.sbimg {
float: right;
}

#footer {
text-align: right;
background: #0d1739;
padding: 1em 20px 1em 0;
}

#bottomnav {
float: left;
text-align: center;
width: 600px;
font-weight: normal;
font-size: .8em;
}

.toplink {
text-align: left;
margin: 0 0 0 20px;
}

.pride {
background: url(images/pride.png) center no-repeat;
height: 81px;
clear: both;
}

/* ******************* Text Formating ******************************* */

a {
color: #0d1739;
font-weight: bold;
text-decoration: none;
}

a:visited {
color: #888888;
}

a:hover {
color: #629bd0;
}

a:active {
text-decoration: underline;
}

#main a {
text-decoration: none;
font-weight: bold;
}

/*
#main a {
 text-decoration: underline;
 color: #777777;
 }
 
#main a:visited {
color: #999999;
}
 
#main a:hover {
color: #0d1739;
}
*/

p.subnav {
text-align: right;
margin: -50px 0 0 0;
padding: 0 0 0 2em;
font-size: 0.75em;
float: right;
}

.subnav a {
padding: 1em;
color: #0d1739;
font-weight: bold;
}

.subnav a:visited {
color: #888888;
}

.subnav a.active1 {
font-weight: bold;
font-size: 18px;
color: #0d1739;
}

.subnav a:hover {
text-decoration: underline;
color: #0d1739;
}
#linknav a {
text-decoration: none;
}

h1 {
color: #0d1739;
font-size: 26px;
margin-top: 0;
}

h2 {
padding: 0;
color: #629bd0;
font-size: 20px;
margin-bottom: 0;
}

h3 {
color: #0d1739;
display: block;
border-bottom: 1px dotted #777777;
margin: 20px 0 5px 0;
width: 600px;
padding: 0;
}

.register h2 {
color: #0d1739;
padding-right: 10px;
float: left;
}

.register form label {
float: left;
text-align: right;
width: 150px;
padding-right: 5px;
color: #0d1739;
font-size: small;
}

/*
.register form label.terms {
float: left;
width: 50px;
border: 1px solid red;
}

.register form input.terms {
width: auto;
float: left;
border: 1px solid blue;
margin-left: 200px;
}
*/

.register h3 {
color: #0d1739;
display: block;
border-bottom: 1px dotted #777777;
margin: 10px 0 5px 10px;
width: 550px;
padding: 0;
}

.register input.left {
text-align: left;
width: 15px;
}

.register p.terms {
color: #0d1739;
}

.register .terms input{
float: none;
margin: 0;
padding: 0;
width: 15px;
}

.register .terms label {
padding: 5px;
float: none;
margin: 0;
}

.register input, .register textarea {
width: 300px;
}

.register fieldset {
border: 2px solid #0d1739;
background: url(images/sidebarbg.png);
width: 600px;
margin: 0;
}

.register p.button_right {
text-align: right;
padding-right: 50px;
}

.register input.button {
width: 100px;
}

/*
textarea {
margin: 0 0 0 50px;
}
*/

ul ul {
list-style: none;
}

ul.contact {
list-style: none;
}

ul.contact li a:link, ul.contact li a:visited, ul.contact li {
font-weight: normal;
font-size: 1em;
font-size: small;
}

p {
color: #777777;
font-weight: normal;
font-style: normal;
font-size: 100%;
line-height: 1.25;
margin: 0 80px 20px 0;
padding: 0;
}

#linknav p {
text-align: center;
font-size: small;
font-weight: bold;
color: #0d1739;
margin: 5px 0 5px 0;
padding: 0 10px 0 10px;
}

#footer p {
font-size: .75em;
margin: 0;
text-align: right;
}

#footer a:link {
color: #888888;
font-weight: normal;
}

#footer a:visited {
font-weight: normal;
}

#footer a:hover {
color: #629bd0;
text-decoration: underline;
}

#sidebar h2 {
background: url(images/lcwc_sidebar_h2_gradient.png) right repeat-y;
color: #0d1739;
font-size: 18px;
text-align: left;
margin-bottom: 0;
}

#sidebar p {
font-size: 12px;
color: #555555;
text-align: left;
margin: 0 0 15px 0;
}

#sidebar p a {
text-decoration: none;
}

.center {
text-align: center;
padding: 0;
margin: 0;
}

#bottomnav p {
padding: 0 0 0.5em 0;
text-align: center;
}

#bottomnav  a {
margin: 15px;
font-weight: normal;
color: #888888;
}

#bottomnav a:visited {
color: #555555;
}

#bottomnav a:hover {
color:#629bd0;
}

.toplink {
font-size: 18px;
padding: 10px;
clear: both;
}

.toplink a , 
.toplink a:visited {
color: #0d1739;
text-decoration: none;
}

.toplink a:hover {
color: #629bd0;
}

ul {
color: #777777;
list-style: circle;
}

.printlogo {
display: none;
}

.printbutton {
float: right;
}

#location {
float: left;
width: 160pt;
}

#map {
float: left;
margin: 0 10px 20px 20px;
}


#map iframe {
border: 5px solid #629bd0;
}

#map h1 {
text-align: left;
}

p.tiny {
font-size: 10px;
}

#map ol {
color: #777777;
text-align: left;
}

#directions {
clear: both;
}

/* ************************** Calendar Styling ******************** */

.clmonth {
border-collapse: collapse;
width: 820px;
margin: 0 0 0 20px;
}

.clmonth caption {
text-align: left;
font-weight: bold;
font-size: 1.5em;
padding: 0.4em 0 0.4em 0;
color: #0d1739;
}

.clmonth th {
border: 1px solid #0d1739;
border-bottom: none;
padding: 0.2em 0.6em 0.2em 0.6em;
background: url(images/nav_gradient.png) repeat-x;
color: #ffffff;
width: 117px;
text-align: center;
}

.clmonth td {
border: 1px solid #0d1739;
padding: 0.2em;
vertical-align: top;
font-size: 0.75em;
width: 117px;
}

.clmonth td.previous, 
.clmonth td.next {
color: #c6c6c6;
}

.clmonth td.active {
background: url(images/sidebarbg.png);
color: #0d1739;
border: 2px solid #4682b4;
}

.clmonth ul {
list-style-type: none;
margin: 0;
padding-left: 0.3em;
padding-right: 0.3em;
color: #0d1739;
}

.clmonth li {
margin-bottom: 0.5em;
font-size: x-small;
}

.clmini {
border-collapse: collapse;
text-align: center;
font-size: .8em;
}

.clmini th {
border: 1px solid #0d1739;
background: url(images/nav_gradient.png);
color: #fff;
padding: 0;
margin: 0;
}

.clmini td {
border: 1px solid #0d1739;
background: #ffffff;
}

.clmini td.active {
border: 2px solid #629bd0;
background:  url(images/sidebarbg.png);
}

.clmini td.previous {
color: #c6c6c6;
}

ul.legend {
list-style: none;
background: url(images/sidebarbg.png);
border: 2px solid #629bd0;
min-height: 30px;
margin: -10px 0 0 0;
}

ul.legend li {
float: left;
padding: 0 15px 0 5px;
margin: 5px;
color: #0d1739;
}

li.v {
padding-left: 5px;
background: url(images/navy_bar.gif) left repeat-y;
}

li.jv {
padding-left: 5px;
background: url(images/white_bar.gif) left repeat-y;
}

li.hs {
padding-left: 8px;
background: url(images/navy_white_bar.gif) left repeat-y;
}

li.ms {
padding-left: 5px;
background: url(images/red_bar.gif) left repeat-y;
}
li.a45 {
padding-left: 5px;
background: url(images/green_bar.gif) left repeat-y;
}

li.a23 {
padding-left: 5px;
background: url(images/orange_bar.gif) left repeat-y;
}

li.k1 {
padding-left: 5px;
background: url(images/yellow_bar.gif) left repeat-y;
}

li.k123 {
padding-left: 8px;
background: url(images/yellow_orange_bar.gif) left repeat-y;
}

li.k5 {
padding-left: 10px;
background: url(images/grn_yel_orng_bar.gif) left repeat-y;
}

li.camp {
padding-left: 8px;
background: url(images/purple_bar.gif) left repeat-y;
}

/* ********************* Table Formatting ******************* */

.hline {
height: 2px;
border-top: 1px dotted #777777;
margin: 0 60px 20px 0;
}

table.bio {
border-collapse: collapse;
margin-bottom: 20px;
padding-bottom: 40px;
table-layout: fixed;
}

table.bio td {
vertical-align: top;
text-align: center;
}

table.bio img {
border: 5px solid #0d1739;
height: 200px;
width: 200px;
background: #629bd0;
margin-bottom: 5px;
}

table.bio h1, h2, h3, p {
padding-left: 10px;
text-align: left;
}

table.bio h1 {
color: #0d1739;
font-size: 1.3em;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
}

table.bio h2 {
color: #629bd0;
font-size: 1.1em;
margin-bottom: 0;
margin-top: 10px;
}

table.bio p {
margin: 0;
padding-bottom: 0;
}

table.event {
margin: 20px;
padding: 0 0 80px 0;
}

table.event ul {
list-style: none;
}

table.event a{
padding-left: 25px;
font-size: 12px;
}

table.event th {
color: #0d1739;
background: url(images/lcwc_event_h3_gradient.png) right repeat-y;
}

table.event td {
font-size: small;
vertical-align: top;
padding: 0 10px 10px 10px;
color: #777777;
}

table.philosophy {
border-collapse: collapse;
margin: 10px auto 30px auto;
}

table.philosophy th, table.philosophy td {
padding-left: 10px;
padding-right: 30px;
border: 1px solid #0d1739;
}

table.philosophy th {
color: #ffffff;
background: #0d1739 url(images/nav_gradient.png);
font-size: x-small;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
height: 20px;
}

table.philosophy td {
font-size: small;
padding-top: 5px;
padding-bottom: 5px;
color: #555555;
background: #ffffff;
}

table.top20 {
width: 400px;
margin: 10px auto 20px auto;
font-size:small;
border-collapse: collapse;
}

table.top20 td {
border: none;
border-bottom: 1px dotted #555555;
}

table.top20 caption {
color: #629bd0;
background: #0d1739;
font-size: medium;
}

table.top20 tr.bluebg {
background: url(images/sidebarbg.png);
}

table.top20 td.tdyear {
width: 50px;
}

table.top20 td.td2year {
width: 75px;
}

table.schedule {
width: 635px;
margin: 10px auto 20px auto;
font-size:x-small;
border-collapse: collapse;
}

table.schedule td,
table.schedule th {
border: 1px solid #555555;
text-align: center;
padding: 3px 0 3px 0;
}

table.schedule td.left,
table.schedule th.left {
text-align: left;
padding-left: 5px;
}

table.schedule td.pics a:link {
background: url(images/camera_icon.png) center no-repeat;
width: 31px;
height: 22px;
}

table.schedule td.pics a:visited {
background: url(images/camera_icon.png) center no-repeat;
}

table.schedule td.pics a:hover {
background: url(images/picture_icon.png) center no-repeat;
}

table.schedule tr.bluebg, table.gallery tr.bluebg {
background: url(images/sidebarbg.png);
}

table.schedule caption {
color: #629bd0;
background: #0d1739;
font-size: medium;
padding: 5px 0 5px 0;
}

table.jumplinks {
margin: 0 auto 0 auto;
}

table.jumplinks td {
padding: 0 20px 20px 20px;
text-align: center;
}

table.gallery {
margin: 0 40px 0 40px;
font-size: small;
font-weight: normal;
border-collapse: collapse;
}

table.gallery td{
padding: 10px;
margin: 10px;
/*vertical-align: center;*/
}

table.gallery img {
height: 72px;
width: 100px;
margin: 5px;
border: 3px solid #0d1739;
}

table.thumbnails {
border-collapse: collapse;
margin: 0 auto 0 auto;
}

table.thumbnails td {
padding: 15px;
}

table.thumbnails img {
border: 3px solid #0d1739;
width: 100px;
height: 72px;
}

table.officer {
margin: 0 0 0 60px;
}

table.officer td{
padding: 10px;
margin: 10px;
/*vertical-align: center;*/
}

table.officer img {
height: 100px;
width: 100px;
margin: 5px;
border: 3px solid #0d1739;
}

table.officer h1 {
margin: 0 0 5px 0;
}

label.fixedwidth {
display: block;
width: 200px;
text-align: right;
float: left;
padding: 0 5px 0 0;
color: #0d1739;
/*font-weight: bold;*/
}

input.fixedwidth {
width: 200px;
}

table.register {
width: 560px;
margin: 10px;
border-top: 1px dotted #0d1739;
border-bottom: 1px dotted #0d1739;
}

table.register td {
color: #666666;
padding: 5px 5px 0 0;
vertical-align: top;
font-size: 15px;
}

table.register td.l {
/*text-align: right;*/
color: #0d1739;
width: 150px;
font-weight: bold;
}

.blueline {
width: 600px;
padding: 0;
margin: 0;
height: 5px;
background: url(images/sidebarbg.png);
}

.error {
color: #629bd0;
font-size: small;
padding-left: 15px;
/*font-weight: bold;*/
background: url(images/error.png) left no-repeat;
}

.error_flag {
color: red; /*#629bd0;*/
text-align: center;
font-weight: bold;
}

.red{
color: red;
font-size: small;
font-weight: bold;
}

.redsuper{
color: red;
font-size: small;
vertical-align: super;
font-weight: bold;
}
.rightalign {
text-align: right;
vertical-align: top;
color: #0d1739;
font-weight: bold;
}

/* ************************ Positioning Borders ***************** 

#header, #subnav, #sidebar, #footer {
border: 1px solid red;
}

#content {
border: 1px solid yellow;
}

#nav {
border: 1px solid green;
}

#page {
border: 1px solid orange;
} 
*/