/* Element Based Styles */
html {
    background-color: #48454D;
    /* background-color: #68757D; */
    /*
    background-color: #ffffff;
    */
    /*
    background-image: url(/images/background_z.png);
    background-repeat: repeat;
    */
    /*
    background-color: #68757D;
    background-image: url(/images/background_page.png);
    background-repeat: repeat-y;
    background-position: 50%;
    */
    height: 100%;
}
body {
    /* background-color: #68757D; */
    /*
    background-image: url(/images/background_page.png);
    background-repeat: repeat-y;
    background-position: 50%;
    */
    /*
    background-image: url(/images/background_z.png);
    background-repeat: repeat;
    */

    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /* font-size: 12px; */
    /* font-size: 8pt; */
    /* font-size: 62.5%; */
    font-size: 75%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
a { 
    border-color: #ffffff;
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    color: #222861;
    text-decoration: none;
}
a:hover {
    border-color: #68757D;
    color: #222861;
}
a.button {
    /* background-image: url(/images/button.png); */
    background-image: url(/images/button2.png);
    background-position: center center;
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    /* color: #222861; */
    color: #ffffff;
    display: block;
    /* font-weight: bold; */
    margin: auto;
    padding: 2px;
    text-decoration: none;
    text-align: center;
    width: 140px;
}
/*
a.button:hover {
    background-image: url(/images/button2.png);
    color: #ffffff;
}
*/
hr {
    border-color: #222861;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
}

/* ID Based Styles */
#header {
    background-color: #ffffff;
    border-color: #222861;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    clear: both;
    height: 104px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    /* width: 790px; */
    /* width: 1014px; */
    width: 992px;
}
#header_logo {
    height: 100px;
    float: left;
    margin: 4px 2px 0px 2px;
    padding: 0px 4px;
    text-align: left;
    vertical-align: middle;
}
#header_logo a, #header_logo a:hover {
    border-width: 0px;
    color: #222861;
    text-decoration: none;
}
#header_navigation {
    font-size: 0.9em;
    float: right;
    margin: 4px 2px 0px 2px;
    padding: 0px 4px;
    text-align: right;
    text-decoration: none;
}
#main_navigation {
    /* background-color: #d8d5dD; */
    background-color: #d7d4dc;
    border-color: #222861;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    font-size: 1.2em;
    width: 992px;
}
#main_navigation div {
    text-align: center;
}
#main_navigation ul {
    border-width: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 5px 0px;
    text-align: center;
}
#main_navigation li {
    display: inline;
    margin-left: -4px;
}
#main_navigation li a {
    border-color: #222861;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    color: #222861;
    font-weight: bold;
    padding: 5px 10px;
}
#main_navigation li a.first {
    border-width: 0px 1px 0px 1px;
}
#main_navigation li a:hover, #main_navigation li a.current {
    background-color: #ffffff;
}
#archive {
    /*
    font-size: 1.1em;
    margin: 4px;
    padding: 8px;
    */
}

#container {
    background-color: #ffffff;
    border-color: #222861;
    border-style: solid;
    border-width: 0px 1px;
    margin: 0px auto;
    min-height: 100%;
    text-align: left;
    width: 992px;
}
* html #container {
    height: 100%;
}
#main_container {
    border-color: #222861;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    width: 992px;
}
#main_container.video {
    /* text-align: center; */
    margin: 0px auto;
}
#sidebar {
    border-color: #222861;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    float: left;
    margin: 0px;
    padding: 0px 8px;
    width: 207px;
}
#sidebar h4 {
    margin: 4px 0px;
    padding: 0px;
}
#content {
    border-color: #222861;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    float: left;
    margin: 0px 0px 0px -1px;
    padding: 0px 8px;
    /* width: 40em; */
    /* width: 57em; */
    /* width: 74%; */
    width: 752px;
}
#content.video {
    /* float: none; */
    padding: 10px 0px;
    /* width: 872px; */
    width: 100%;
}

/* Generic Styles */
.title {
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
}
.sub {
    color: #000000;
    font-size: 1.1em;
}
h4.title, h3.title {
    margin: 0px 0px 2px 0px;
}
.small {
    font-size: .9em;
}
.right {
}
.fine {
    font-size: 1.0em;
}
.primary {
    color: #000000;
}
.secondary {
    color: #68757D;
}
.breadcrumb {
    font-weight: bold;
    margin-bottom: 10px;
}
.indent {
    margin-left: 8px;
}
.boxed {
    background-color: #ffffff;
    border-color: #68757D;
    border-style: solid;
    border-width: 1px;
}
.boxed h4.title, .boxed h3.title {
    display: block;
    background-color: #ff0000;
}
.event_date { 
    border-color: #68757D;
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    font-weight: bold;
    text-decoration: none;
}
.alternate1 {
    background-color: #f4f4f4;
}
.alternate2 {
    background-color: #e0e0e0;
}
.secondary {
    color: #222222;
}
/* New Style Forms */
fieldset {  
    border: 1px solid #aaaaaa;
    clear: both;
    float: left;
    margin: 0 0 1.5em 0;
    padding: 0;
    width: 96%;
}
legend {  
    color: #000000;  
    font-weight: bold;
    margin-left: 1em;  
    padding: 0px;
}
fieldset ol {  
    /* list-style: none; */
    list-style-type: none;
    /* padding: 1em 1em 0 1em; */
    margin-left: 0;
    padding: 0 1.5em;
}
fieldset li {  
    clear: left;  
    float: left;  
    padding-bottom: 1em;
    width: 100%;  
}
fieldset.submit {  
    border: 0 none #FFF;  
    float: none;  
    padding-left: 14em;
    /* text-align: center; */
    width: auto;  
}
label, .label {
    float: left;  
    /* margin: .25em 1em 0em 0em; */
    /* text-align: right; */
    padding: 2px 0 0 0;
    vertical-align: middle;
    width: 12em;  
}
label.checkbox {
    float: none;
    margin: 0px;
    width: auto;
}
.value {
    border-color: #68757D;
    border-style: solid;
    border-width: 1px;
}
input.button {
    font-family: Arial, sans;
    /* font-size: 1.1em; */
    padding: 0;
    margin: 0 0 0 .5em;
    vertical-align: middle;
}
input.text, textarea, input.select, select {
    font-family: Arial, sans;
    font-size: 110%;
    margin: 0 0 0 1em;
    padding: 2px;
    vertical-align: middle;
    width: 32.8em;
}
input.checkbox {
    margin: 0 0 0 1em;
    padding: 0 2px;
    vertical-align: middle;
}
input.medium, select.medium {
    width: 18em;
}
input.small, select.small {
    width: 10em;
}
input.small {
    text-align: center;
}
input.right {
    text-align: right;
}
input.left {
    text-align: left;
}
.plabel_small_right {
    float: left;
    text-align: right;
    width: 11.1em;
}
input.readonly {
    border-color: #ffffff;
    cursor: default;
}
textarea {
    width: 100%;
}
textarea.small {
    /* font-size: 1.1em; */
}
textarea.medium {
    height: 200px;
}
textarea.large {
    height: 450px;
}
.error {
    color: #ff0000;
    display: inline;
}
.display_none {
    display: none;
}
.section {
    padding: 10px 0px;
    margin: 0px auto;
}
.section table {
    width: 600px;
}
.section th {
    border-color: #ffffff;
    border-style: solid;
    border-width: 0 0 1 0;
    text-align: left;
    width: 33%;
}
.section tr {
    vertical-align: top;
}
#sidebar div.section {
    border-color: #aaaaaa;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
}
.separator {
    color: #222861;
}
.thumbnail {
    vertical-align: middle;
}
.thumbnail img {
    background-color: #ffffff;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    margin: 0px 0px 2px 0px;
    padding: 5px;
    vertical-align: middle;
}
.wrap {
    float: right;
    margin-left: 12px;
}
.wrap_left {
    float: left;
    margin-right: 12px;
}
.center {
    text-align: center;
}
.black {
    color: #000000;
}

/* Teams and Coaches page stuff */
div.teams, div.coaches {
    background-color: #d7d4dc;
    border-color: #222861;
    border-style: solid;
    border-width: 1px;
    margin: 0px;
    /* padding: 0px; */
    padding: .5em 2px 2px 2px;
    text-align: center;
    width: 100%;
}
div.coaches {
    margin-top: 2em;
}
.teams .title, .coaches .title {
    margin: 0px 0px .5em 0px;
}
.teams .sub {
    font-size: 1.0em;
    text-decoration: underline;
}
div.teams table, div.coaches table {
    border-style: none;
    border-spacing: 0px;
    font-size: 1.1em;
    /* margin: .5em 0px 1px 0px; */
    padding: 0px;
    width: 100%;
}
.teams th, .teams td, .coaches th, .coaches td {
    background-color: #ffffff;
    /* line-height: 200%; */
    padding: 4px 0px 0px 0px;
    text-align: center;
}
.teams th, .teams td {
    width: 33%;
}
.teams a, .coaches a { 
    border-color: #d7d4dc;
    border-width: 0px;
    color: #000000;
    display: block;
    margin: 0px;
    padding: 2px;
    text-decoration: none;
}
.teams a:hover, .coaches a:hover {
    border-color: #222861;
    color: #222861;
}

/* Team page stuff */
div.team, div.player, div.coach {
    background-color: #d7d4dc;
    border-color: #222861;
    border-spacing: 0px;
    border-style: solid;
    border-width: 1px;
    margin: .5em 0px;
    padding: 0px;
    text-align: center;
    width: 100%;
}
div.coaches {
    margin-top: 2em;
}
div.links {
    margin: .5em 0px;
}
.team table, .player table, .coach table {
    font-size: 1.1em;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.team td, .player td, .coach td {
    text-align: left;
}
.team a:hover, .player a:hover, .coach a:hover {
    border-color: #222861;
    color: #222861;
}
.team td, .team th, .player td, .player th, .coach td, .coach th {
    background-color: #ffffff;
    margin: 0px;
    padding: .2em;
}
.team .number {
    text-align: center;
    /* width: 1.5em; */
    width: 4%;
}
.team .name { /* width: 12em; */ width: 30%; }
.team .height {
    text-align: center;
    /* width: 4em; */
    width: 0px;
}
.team .position { /*$width: 2em; */ width: 0px; }
.team .school { /* width: 14em; */ width: 30%;}
.team .year {
    text-align: center;
    /* width: 2em; */
    width: 10%;
}
.team .committed { /* width: 14em; */ }
.team th.table_title, .player th.table_title, .coach th.table_title {
    background-color: #d7d4dc;
    border-width: 0px;
    text-align: center;
}
.player table, .coach table {
    background-color: #d7d4dc;
    margin: 0px;
    padding: 0px;
}
.player table tr td, .coach table tr td div {
    background-color: #ffffff;
    margin: 0px 0px 1px 0px;
    padding: .5em;
}
.player tr {
    background-color: #d7d4dc;
}
.player .label, .coach .label {
    color: #68757D;
    float: none;
    vertical-align: baseline;
}
.player #picture img, .coach #picture img {
    width: 200px;
}
.player .profile, .coach .profile, .player #profile, .coach #profile {
    background-color: #d7d4dc;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.player .profile {
    width: 33%;
}
.player .video td {
    width: 50%;
}
.question {
    font-weight: bold;
}
.spotlight .thumbnail {
    float: left;
    margin: 0px 8px 0px 0px;
}
.spacer {
    clear: both;
}