body {margin: 0; padding: 0; background: #dcd6eb; font: 85% helvetica, sans-serif; color: #323232;}

/*
colors
dark purple: #4e3093
med purple: #
lt purple line: #ac9ecc
light purple: #dcd6eb
yellow: #dbae01
light yellow: #f8f1d2
lt yellow line: #
*/

a[href="#"] {background-color: #f6edcb !important;}

a {color: #4e3093; outline: none;}
a:visited {color: #6f6683;}
a:hover {color: #dbae01;}
.hilight {background-color: #f6edcb !important;}

img {border: 0;}
ul, ol {margin: 0 0 12px; padding: 0;}
li {margin: 0 0 8px 18px; padding: 0;}
form {margin: 0; padding: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
input, select {font-size: 100%; font-family: helvetica, sans-serif; color: #555; border: 1px solid #4e3093;}
.button {border: none;}
table {border: 0; border-collapse: collapse; border-spacing: 0;}
table td {vertical-align: top; padding: 3px 8px 3px 0;}
#calendar table {border-top: 1px solid #dfdbe7;}
#calendar table td {border-bottom: 1px solid #dfdbe7; padding-right: 30px;}
th {color: #4e3093; vertical-align: bottom; border-bottom: 1px solid #ac9ecc; text-align: left; font-weight: normal; font-size: 115%; padding: 16px 8px 0 0;}
.l {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
p {margin: 0 0 12px;}
h1 {color: #4e3093; margin: 0 0 20px; font-size: 180%; font-weight: normal; line-height: 1;}
h1 span {font-size: 50%; color: #555;}
h2 {color: #4e3093; margin: 20px 0 8px; font-size: 150%; font-weight: normal;}
* html h3, * html h4 {font-weight: bold;}
h3 {color: #4e3093; margin: 20px 0 4px; font-size: 120%; font-weight: normal;}
h4 {color: #4e3093; margin: 20px 0 4px; font-size: 120%; font-weight: normal;}
hr {border: 1px solid #ac9ecc; border-width: 1px 0 0; width: 20%; margin: 16px 0; height: 1px;}
.intro {font-size: 120%;}
.more {font-weight: bold;}
.clear {clear: both;}

#bodywrapper {width: 945px; margin: 0 auto; position: relative; padding: 17px 0;}
#logo {display: block; margin: 0 0 40px 6px;}
#outerwrapper {background: #fff url(../img/bg-s-content.gif) repeat-y;}
#home #outerwrapper {background: #fff url(../img/bg-h-content.gif) repeat-y;}
#innerwrapper {background: url(../img/bg-s-content-t.gif) no-repeat; padding: 13px 2px 30px; overflow: auto; height: 100%;}
#home #innerwrapper {background: url(../img/bg-h-content-t.gif) no-repeat;}

* html #photoband {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/photoband-bg.png', sizingMethod='scale');}
* html #home #photoband {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/photoband-h-bg.png', sizingMethod='scale');}
#home #photoband {background-image: url(../img/photoband-h-bg.png);}
#photoband {width: 941px; height: 115px; margin: 0; padding: 3px 0 7px; background: url(../img/photoband-bg.png) no-repeat;}
#photoband img {display: block;}

* html #content {height: 270px;}
#content {line-height: 1.4; padding: 20px 150px 0 250px; min-height: 270px;}
* html #home #content {margin-left: 20px;}
#home #content {float: left; width: 550px; margin: 0 0 0 36px; padding: 20px 0 0;}
#home #content #header {display: block; margin-bottom: 30px;}

#subnav {font-size: 90%; width: 186px; position: absolute; top: 322px; left: 20px;}
#subnav h4 {font-weight: bold; font-size: 115%;}
#subnav ul, #subnav ul li {margin: 0; padding: 0; list-style: none;}
* html #subnav ul li {margin-bottom: -10px;}
#subnav ul li {padding-left: 8px; margin-bottom: 4px;}
#subnav ul ul {font-size: 90%; margin: 4px 0 8px;}
#subnav a {display: block; padding-left: 12px;}
#subnav a.current {font-weight: bold; text-decoration: none; color: #4e3093; background: url(../img/li-snav.gif) 0 2px no-repeat;}
#subnav li li a.current {background-image: none;}

* html #home #sidebar {margin-right: 12px;}
#home #sidebar {float: right; width: 242px; margin-right: 25px; padding: 0 25px 25px 22px; background: #f6edcb url(../img/sidebar-bg.gif) bottom no-repeat; font-size: 90%;}
#sidebar h2 {font-weight: bold; font-size: 115%; width: 265px; height: 26px; padding-top: 18px; margin: 0 -25px 0 0;}
#sidebar h2 a {text-decoration: none;}
#sidebar #side-email {display: none; background: url(../img/sidebar-hd-newsletter.gif) no-repeat;}
#sidebar #side-support {background: url(../img/sidebar-hd-support.gif) no-repeat;}
#sidebar #side-events {background: url(../img/sidebar-hd-calendar.gif) no-repeat;}
#sidebar ul, #sidebar li {list-style: none;}
#sidebar li {background: url(../img/li-sidebar.gif) 0 4px no-repeat; margin-left: 4px; padding-left: 10px;}

#footer {background: url(../img/bg-content-b.gif) no-repeat; margin-top: -15px; padding-top: 24px; font-size: 80%; text-align: center;}

#sponsors {text-align: center; padding: 20px 0; display: none;}
#sponsors img {vertical-align: middle;}

#nav {width: 900px; height: 29px; position: absolute; left: 0; top: 157px; padding-left: 45px;}
#nav ul, #nav ul li {margin: 0; padding: 0; list-style: none;}
#nav ul li {display: inline;}
#nav a {float: left; height: 29px; background: url(../img/nav.gif) no-repeat; text-indent: -3000px;}
#nav #nav-home a {width: 61px;}
#nav #nav-about a {width: 128px; background-position: -61px 0;}
#nav #nav-support a {width: 158px; background-position: -189px 0;}
#nav #nav-events a {width: 122px; background-position: -347px 0;}
#nav #nav-resources a {width: 170px; background-position: -469px 0;}
#nav #nav-store a {width: 108px; background-position: -639px 0;}
#nav #nav-join a {width: 113px; background-position: -747px 0;}

#nav #nav-home a:hover {background-position: 0 -29px;}
#nav #nav-about a:hover {background-position: -61px -29px;}
#nav #nav-support a:hover {background-position: -189px -29px;}
#nav #nav-events a:hover {background-position: -347px -29px;}
#nav #nav-resources a:hover {background-position: -469px -29px;}
#nav #nav-store a:hover {background-position: -639px -29px;}
#nav #nav-join a:hover {background-position: -747px -29px;}

#home #nav #nav-home a {background-position: 0 -58px;}
#about #nav #nav-about a {background-position: -61px -58px;}
#support #nav #nav-support a {background-position: -189px -58px;}
#events #nav #nav-events a {background-position: -347px -58px;}
#resources #nav #nav-resources a {background-position: -469px -58px;}
#store #nav #nav-store a {background-position: -639px -58px;}
#join #nav #nav-join a {background-position: -747px -58px;}

#tnav {width: 238px; height: 23px; position: absolute; right: 41px; top: 0;}
#tnav ul, #tnav ul li {margin: 0; padding: 0; list-style: none;}
#tnav ul li {display: inline;}
#tnav a {float: left; height: 23px; background: url(../img/tnav.gif) no-repeat; text-indent: -3000px;}
#tnav #tnav-calendar a {width: 71px;}
#tnav #tnav-sports a {width: 86px; background-position: -71px 0;}
#tnav #tnav-contact a {width: 81px; background-position: -157px 0;}

#calendar #tnav #tnav-calendar a, #tnav #tnav-calendar a:hover {background-position: 0 -23px;}
#sports #tnav #tnav-sports a, #tnav #tnav-sports a:hover {background-position: -71px -23px;}
#contact #tnav #tnav-contact a, #tnav #tnav-contact a:hover {background-position: -157px -23px;}