/*** GENERAL STYLES ***/

body {background: #fff; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; color: #000;}
body, th, td, select, input, textarea {font-size: 12px;}
body, th, td {line-height: 16px;}
h1, h2, h3, h4, h5, h6 {line-height: 1.1em; margin: .5em 0; padding: 0;}
form {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #1152b9; cursor: pointer; cursor: hand;}
a:hover {color: #f26522;}

.hide {display: none;}
.alert {color: #f26522;}
.small {font-size: 10px;}
.highlight {background: #ffc;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #ccc; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** STRUCTURAL STYLES ***/

#outer {position: relative; width: 990px; text-align: left; background: url(../images/outer.gif) repeat-y;}
#top {position: relative; height: 110px; background: #4e2e93; border-bottom: 6px solid #000;}
#top h1, #top h2 {margin: 0;}
#logo {position: absolute; left: 0; top: 0; width: 275px; height: 80px; font-size: 20px; padding-top: 30px; color: #fff; text-decoration: none; text-align: center; font-weight: normal;}
#logo .ir {background: url(../images/logo.gif);}

#top h2 {position: absolute; right: 0; top: 0;}
#top h2 a {position: relative; float: left; height: 80px; font-size: 10px; text-align: center; color: #fff; line-height: 12px;}
#linkjcc {width: 60px;}
#linkobc {width: 85px;}
#linkrbm {width: 95px;}
#top h2 a .ir {background: url(../images/top-h2.gif) no-repeat;}
#top h2 a#linkjcc .ir {background-position: 0 0;}
#top h2 a#linkobc .ir {background-position: -60px 0;}
#top h2 a#linkrbm .ir {background-position: -145px 0;}

#navsocial {position: absolute; right: 18px; top: 90px;}
#navsocial li {float: left; padding-left: 5px;}
#navsocial a {color: #fff; font-size: 11px;}

* html #navsocial img {position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/images/iepngfix.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

#leftcol {float: left; width: 185px; background: #2b69cc;}
#leftcol ul, #leftcol ul li {list-style: none; margin: 0; padding: 0;}
#leftnav {margin: 20px 0 !important; border-top: 1px solid #4c8600; background: #599c00;}
#leftnav li {border-bottom: 1px solid #4c8600;}
#leftnav li a {display: block; color: #fff; text-decoration: none; line-height: 25px; padding: 0 10px;}
#leftnav li a:hover {background: #f26522;}
#leftnav li.on a {background: #76b900;}

#leftcol .small {font-size: 9px; color: #c0d2f0; text-align: center; margin: 10px 0 15px 0;}

#leftcol h1 {background: #5e9ee8; color: #fff; font-size: 16px; padding: 10px 10px 3px 10px; margin: 0;}
#schedule {background: #75b5ff; color: #1b67da; padding: 0 15px 15px 15px; margin-bottom: 20px;}
#schedule h2 {margin: 0; padding: 15px 0 3px 0; font-size: 14px; color: #1152b9;}
#schedule h2 a {text-decoration: none; color: #1152b9;}
#schedule h6 {margin: 0 0 10px 0; font-size: 10px; color: #1152b9; padding-top: 3px; text-align: right;}
#schedule ul {border-top: 1px solid #2b69cc;}
#schedule li {border-bottom: 1px solid #5e9ee8; padding: 1px 0 !important; text-align: /*right*/ left;}
/*#schedule li .day {float: left; width: 45px; text-align: left;}
#schedule li .time {float: left; width: 60px; padding-right: 10px;}
#schedule li .coach {font-size: 10px;}*/
#schedule li .coach {display: block; font-size: 10px;}

#ccform {position: relative; width: 165px; height: 94px; background: #76b900 url(../images/ccform.gif); margin-bottom: 20px;}
#ccform #ccformea {position: absolute; left: 10px; bottom: 13px; width: 115px;}
#ccform #ccformgo {position: absolute; right: 10px; bottom: 13px;}

#rightcol {float: right; width: 770px; padding-top: 20px;}
#content {float: left; width: 560px; padding: 30px 0 40px 0;}
#sidebar {float: right; width: 165px;}
	body.index #rightcol {width: 785px;}
	body.index #content {width: 575px; padding: 0 0 40px 0;}

#sidebar p {margin: 20px 0;}
#glossarylink a {display: block; position: relative; width: 165px; height: 64px;}
#glossarylink .ir {background: url(../images/glossary.gif);}
#glossary {width: 165px; background: url(../images/glossary-bkg.gif);}
#glossary h5, #glossary h6 {margin: 0;}
#glossary h5 a, #glossary h6 a {display: block; position: relative; width: 165px; height: 30px; font-weight: bold; font-size: 12px;}
#glossary h5 .ir {background: url(../images/glossary-top.gif) center top;}
#glossary h6 .ir {background: url(../images/glossary-bottom.gif) center bottom;}
#glossary h2 {font-size: 12px; padding: 5px 15px 5px 13px; margin: 0;}
#glossary p {padding: 0 15px 5px 13px; margin: 0;}

#content h1 {color: #4e2e93; font-size: 25px; margin-bottom: .8em;}
#content h2 {color: #a00045; font-size: 15px; margin: 1.3em 0 .8em 0;}
#content ul {margin: 0 0 1.5em 10px;}
#content ul li {padding-left: 12px; background: url(../images/bullet.gif) 0 4px no-repeat; margin-bottom: 8px;}

.widephoto {position: relative; margin: -25px -9px 2em; width: 540px; padding: 19px; background: url(../images/widephoto.gif);}

body.index #content h2 {position: relative; height: 30px; line-height: 30px; margin: .8em 0 .3em 0; font-size: 19px; font-weight: normal; text-transform: uppercase;}
body.index #content h2 a {position: relative; display: block; width: 400px; height: 30px; color: #4e2e93;}
.calendardiv {position: relative; padding: 0 15px 14px 0; border: 1px solid #d6d6d6; background: #d6d6d6 url(../images/calendardiv.gif) repeat-x; margin-bottom: 15px; height: 60px; min-height: 60px;}
	html>body .calendardiv {height: auto;}
.calendardates {position: absolute; left: 9px; top: 9px; width: 140px; height: 55px; background: url(../images/calendardates.gif); padding: 0 2px 2px 0;}
.calendardiv .floatleft, .calendardiv .floatright {width: 55px; text-align: center;}
.calendardiv .year {display: block; height: 15px; line-height: 15px; color: #fff; font-weight: bold; font-size: 11px; font-family: tahoma, sans-serif;}
.calendardiv .month {display: block; height: 40px; line-height: 40px; font-weight: bold; font-size: 16px; letter-spacing: -1px;}
.calendardiv .to {display: none;}
#content .calendardiv h1 {font-size: 16px; margin: 9px 0 5px 168px; padding-top: .5em; text-transform: none;}
#content .calendardiv h4 {font-size: 13px; margin: 0 0 0 168px;}
.calendardiv p {height: 0; margin: 0 0 0 168px; overflow: hidden;}
.calendarshow p {height: auto; padding: 10px 0 0 0;}
.toggle {position: absolute; right: 4px; top: 4px; width: 22px; height: 22px; background: url(../images/calendarplus.gif);}
.calendarshow .toggle {background: url(../images/calendarminus.gif);}
.calendarphoto {position: absolute; left: 9px; top: 85px; width: 140px; max-height: 140px;}
.calendardiv .calendarphoto {display: none;}
.calendarshow .calendarphoto {display: block;}

.prodimg {float: right; margin: 0 0 20px 30px; border: 1px solid #ccc; padding: 4px;}

table {width: 100%; border-collapse: collapse;}
td, th {border: 1px solid #ddd; padding: 5px 10px;}
thead td, thead th {background: #1152b9; font-weight: bold; color: #fff; border-color: #1152b9; border-width: 0 1px 2px 1px;}

form div {clear: left; padding-top: 3px;}
form label {position: relative; float: left; width: 80px; padding-right: 20px; text-align: right;}
form .note {display: block; padding-left: 200px; margin-bottom: 5px; font-size: 11px;}
form .req {position: absolute; right: 4px; top: 0; color: #f26522; font-size: 30px; line-height: 30px;}
form .text input, form textarea {width: 350px;}
form textarea {height: 100px;}
form .button input {margin-left: 100px; background: #f26522; color: #fff; font-weight: bold; border: solid #666; border-width: 0 1px 2px 0; font-size: 17px; line-height: 18px;}
form .wide label {width: auto !important;}
form .wide input {width: 200px;}
form .checkbox input {vertical-align: middle; width: auto !important;}

#footer {clear: both; background: #a00045; color: #fff; font-size: 11px; border-top: 4px solid #000; padding: 7px 20px; line-height: 1.1em; overflow: hidden;}
#footer p {margin: 0;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}