﻿body
{
    font: 80% arial, helvetica, sans-serif;
    margin: 0;
    vertical-align: top;
    /* background-color: #F0F0F0; */
    background-color: #000000;
    
}

#header, #footer, #nav_left, #nav_right, #banner, #sshow, #site_menu, #content, #page_left, #page_right
{
    border-style: dashed;
    border-width: 0px;
}

#container
{
    position: relative;
    width: 1000px;
    text-align: center;
}

#page_frame
{
    vertical-align: top;
    text-align: center;
    width: 700px;
    height: 100%;
    background-color: #000000;
}

#header, #footer
{
    height: 30px;
    width: 100%;
    clear: both;
    background-color: #000000;
}

.header_button, .footer_button
{
    float: left;
    padding: 5px 0px 0px 0px;
    width: 250px;
    height: 25px;
    background-color: #000000;
    background-image: url(   'images/header_button.png' );
    background-repeat: no-repeat;
    font-size: medium;
    font-weight: bold;
}

.header_button a, .footer_button a
{
    color: #FFFFFF;
    text-decoration: none;
    font-variant: small-caps;
}

.header_button a:hover, .footer_button a:hover
{
    color: #0000CC;
}

#banner
{
    clear: both;
    height: 50px;
    text-align: center;
    background-image: url( 'images/banner.png' );
    background-repeat: no-repeat;
}

.banner_frame
{
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
}

.banner_text
{
    display: block;
    position: relative;
    top: 10%;
    text-align: center;
    font-family: Vrinda;
    font-weight: bold;
    font-size: 36px;
    font-variant: small-caps;
    color: #FFFFFF;
}

.team_button, .team_button a, .nav_button, .nav_button a, .ad_button, .ad_button a
{
    border-width: 0px;
    margin: 0px;
    width: 100%;
    font-family: vrinda;
    font-size: 14px;
    font-variant: small-caps;
    color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    height: 30px;
    font-weight: bold;
}

.team_button, .nav_button, .team_button a, .nav_button a
{
    padding: 5px 0px 0px 0px;
    height: 25px;
}

.nav_button a:hover, .team_button a:hover
{
    color: #0000CC;
}

.ad_button, .ad_button a
{
    padding: 3px 0px 0px 0px;
    height: 57px;
}

#emblem_ajax
{
	height: 200px;
    width: 150px;
    float: left;
}

#emblem_lwsa
{
	height: 200px;
    width: 150px;
    float: right;
}

#sshow
{
	height: 200px;
    width: 700px;
    float: left;
    background-color: #CC3300;
    background-image: url(   'images/sshow_bground.jpg' );
    color: #FFFFFF;
    font-family: vrinda;
    font-weight: bold;
}

#sshow_frame
{
    padding: 0px;
    float: left;
    width: 100%;
    height: 100%;
}

#site_menu
{
    width: 1000px;
    height: 25px;
    clear: both;
}

.site_button
{
    float: left;
    height: 100%;
    width: 200px;
}

.site_text
{
    display: block;
    position: relative;
    top: 12%;
    text-align: center;
}

.site_text a
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    text-decoration: none;
    font-variant: small-caps;
}

.site_text a:hover
{
    color: #0000FF;
}

#content
{
    width: 700px;
    height: 1700px;
    float: left;
    text-align: center;
    background-color: #FFF2CC;
}

.page_title
{
    margin: 0px;
    padding: 2px 2px 0px 2px;
    font-family: Vrinda;
    font-size: medium;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #000099;
    background-image: url( 'images/page_title.png' );
    background-repeat: no-repeat;
}

#page_left, #page_right
{
    width: 150px;
    height: 1700px;
    vertical-align: top;
    background-color: #CC3300;
    background-repeat: repeat-y;
    background-image: url(  'images/page_bkground.png' );
}

#page_left
{
    float: left;
}

#page_right
{
    float: right;
}

#title
{
    border-width: 0px;
    padding: 5px 0px 5px 0px;
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: larger;
    font-family: verdana;
    font-variant: normal;
    height: 500px;
    background-color: #FFF2CC;
}

#messages
{
    border-width: 0px;
    padding: 5px 0px 5px 0px;
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: larger;
    font-family: verdana;
    font-variant: normal;
    height: 100px;
    background-color: #FFF2CC;
}

#schedule
{
    border-width: 0px;
    padding: 5px 0px 5px 0px;
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: larger;
    font-family: verdana;
    font-variant: normal;
    height: 500px;
    background-color: #FFF2CC;
}

#roster
{
    border-width: 0px;
    padding: 5px 0px 5px 0px;
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: larger;
    font-family: verdana;
    font-variant: normal;
    height: 550px;
    background-color: #FFF2CC;
}

#teamspage_fram
{
    border-width: 0px;
    width: 100%;
    float: left;
    height: 200px;
    background-color: #000000;
}

#teams_panel
{
    width: 100%;
    height: 50px;
    font-weight: bold;
    font-size: larger;
    font-family: verdana;
    font-variant: normal;
    background-color: #FFF2CC;
}

#teams_schedule
{
    width: 100%;
    font-weight: bold;
    font-size: larger;
    font-family: verdana;
    font-variant: normal;
    background-color: #FFF2CC;
}

#news, #staff, #keeper, #contact, #rosters, #photos, #schedules, #directions, #mission, #tryouts, #feedback, #clinics, #forms, #results
{
    width: 100%;
    height: 100%;
    float: left;
    background-color: #000000;
}

#news_frame, #staff_frame, #keeper_frame, #contact_frame, #rosters_frame, #photos_frame, #schedules_frame, #directions_frame, #mission_frame, #tryouts_frame, #feedback_frame, #clinics_frame, #forms_frame, #results_frame
{
    width: 100%;
    height: 100%;
    background-color: #000000;
}
