/* Property of Eric Flesher
 *
 * This stylesheet controls the overall display properties
 * of the SYHA website.  Changes to this file will globally effect
 * the website.  Do not update this file unless you have experience
 * setting web properties using cascading style sheets.  It is
 * recommended that you create a back up copy of this file before
 * editing.
 *
 * Created by Eric Flesher 05/2006
 * Updated for Rollover button effect by Eric Flesher 03/2006
 */

/* This property prevents the sites background images from being
 * repeated on pages with long text or computers that have been set up
 * with hi-resolution display properties.
 */
body
{
        background-repeat: no-repeat;
        max-width: 800px;
        margin-top: 7em;
        width: expression(Math.min(document.documentElement.clientWidth -20, 800)+'px');
}
/* The following divisions control the background images displayed on a page.
 * Fixed indicates that the background image in not scrollable.
 * Scroll indicates that the background image is scrollable.
*/

/* Standard blank background with SYHA Header. */
#blank_fixed {
                background-image:url('../images/Backgrounds/blank.jpg');
                background-attachment: fixed;
                background-position: top left;
}
#blank_scroll {
                background-image:url('../images/Backgrounds/blank.jpg');
                background-attachment: scroll;
                background-position: top left;
}

/* Jersey image used on front page. */
#jersey_fixed
{
                background-image:url('../images/Backgrounds/JerseyBackground_3.jpg');
                background-attachment: fixed;
                background-position: top left;
}
#jersey_scroll
{
                background-image:url('../images/Backgrounds/JerseyBackground_3.jpg');
                background-attachment: scroll;
                background-position: top left;
}

/* Pee wee goalie image */
#goalie_fixed
{
                background-image:url('../images/Backgrounds/GoalieBackground.jpg');
                background-attachment: fixed;
                background-position: top left;
}
#goalie_scroll
{
                background-image:url('../images/Backgrounds/GoalieBackground.jpg');
                background-attachment: scroll;
                background-position: top left;
}

/* Coaching board, water bottle, score sheet background */
#coach_fixed
{
                background-image:url('../images/Backgrounds/CoachBackground.jpg');
                background-attachment: fixed;
                background-position: top left;
				background-color: #E0DCD9;
}
#coach_scroll
{
                background-image:url('../images/Backgrounds/CoachBackground.jpg');
                background-attachment: scroll;
                background-position: top left;
				background-color: #E0DCD9;
				
}
/* Mite skaters */
#mite_fixed
{
                background-image:url('../images/Backgrounds/MiteSkaterBackground.jpg');
                background-attachment: fixed;
                background-position: top left;
}
#mite_scroll
{
                background-image:url('../images/Backgrounds/MiteSkaterBackground.jpg');
                background-attachment: scroll;
                background-position: top left;
}
/* Mite team lined up for the national anthem */
#line_up_scroll
{
                background-image:url('../images/Backgrounds/Mite_Line_Up.jpg');
                background-attachment: scroll;
                background-position: top left;
}

/* 3 on 3 tournament page backgrounds */
#tourn_3v3_scroll
{
        background-image:url('../images/3_on_3/3vs3_background.gif');
                background-attachment: scroll;
}
#tourn_3v3_rules_scroll
{
        background-image:url('../images/3_on_3/3v3_Rules_background.gif');
                background-attachment: scroll;
}
/* High school team background for HS links page.*/
#hs_fixed
{
        background-image:url('../images/Backgrounds/HSBackground.jpg');
                background-attachment: fixed;
}
#hs_scroll
{
        background-image:url('../images/Backgrounds/HSBackground.jpg');
                background-attachment: scroll;
}
/* Registration page background */
#reg_scroll
{
        background-image:url('../images/Backgrounds/RegistrationBackground.jpg');
        background-attachment: scroll;
}
/* Background for Ice Mite and ITH pages. */
#mite_goal_fixed
{
                background-image:url('../images/Backgrounds/GoalInitBackground.jpg');
                background-attachment: fixed;
                background-position: top left;
}
#mite_goal_scroll
{
                background-image:url('../images/Backgrounds/GoalInitBackground.jpg');
                background-attachment: scroll;
                background-position: top left;
}
#ice_mite_equip_fixed
{
                background-image:url('../images/Backgrounds/IceMiteEquipment.jpg');
                background-attachment: fixed;
                background-position: top left;
}
#ice_mite_equip_scroll
{
                background-image:url('../images/Backgrounds/IceMiteEquipment.jpg');
                background-attachment: scroll;
                background-position: top left;
}
/* Special fundraising page backgrounds */
#pic_n_save_scroll
{
                background-image:url('../images/Backgrounds/PicNSave.jpg');
                background-attachment: scroll;
                background-position: top left;
}
/* Special event background */
#parade_scroll
{
                background-image:url('../images/Backgrounds/SyttendeMai.jpg');
                background-attachment: scroll;
                background-position: top left;
}
#parade_fixed
{
                background-image:url('../images/Backgrounds/SyttendeMai.jpg');
                background-attachment: fixed;
                background-position: top left;
}

/* Set font properties for text and list items.*/
p, li
{
   font-family: Arial, Verdana, Sans-serif;
   font-size: 14px;
   font-weight: 500;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   font-variant: normal;
   color: black;
}
/* Set font properties for MsoNormal text class*/
p.MsoNormal
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 80%;
        font-weight: 400;
}
/* Set font properties for small detail text class*/
p.smallDetail
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 12px;
        color: black;
        font-weight: 400;
}
/* Small detail font for guideline pages.
p.GuidelineSmallDetail*/
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 12px;
        color: black;
        font-weight: 400;
        margin: 0in 0in 6pt 0.25in;
        text-align: left;
}

/* Set font properties for italic small font text class*/
p.smallDetialItalic
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 12px;
        color: black;
        font-weight: 400;
        font-style:italic;
}
/* Set font properties for long text class*/
p.LongTest
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 80%;
        color: black;
        font-weight: 500;
}

p.team
{
              font-family: Arial, Verdana, Sans-serif;
              font-size: 90%;
              font-weight: 600;
              text-decoration: none;
              text-transform: none;
              font-variant: normal;
              color: #330099;
              margin-bottom:0;
}

/* Set font properties for team small detail text class*/
p.teamSmallDetail
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 80%;
        color: black;
        font-weight: 300;
        line-height: 120%;
        margin-top: 0;
}

/* Set font properties for smaller text on list items */
li.SmallDetail
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 12px;
        color: black;
        font-weight: 400;
        padding-top: 6px;
        padding-bottom: 6px;
        /*margin-bottom: 10px;*/
}

/* Set font properties for bulleted lists.*/
ul
{
        list-style-type: square;
}

/* Format for outline starting with upper case Roman characters */
/* Set Properties for First Level of Outlined Text */
ol.FirstLevelRoman
{
        list-style-type: upper-roman;
        text-align: left;
        margin: 0 0 0 0.5in;
    padding: 0 0 0 0;
}

/* Set Properties for Second Level of Outlined Text Alpha*/
ol.SecondLevelAlpha
{
        list-style-type: upper-alpha;
        text-align: left;
    margin: 0 0 0 0;
        padding-left: .25in;
}

/* Set Properties for Third Level of Outlined Text Decimal*/
ol.ThirdLevelDecimal
{
        list-style-type: decimal;
        text-align: left;
    margin: 0 0 0 0;
        padding-left: .25in;
}

/* Set Properties for Third Level of Outlined Text */
ol.FourthLevelAlpha
{
        list-style-type: lower-alpha;
        text-align: left;
    margin: 0 0 0 0;
        padding-left: .25in;
}

/* Set Properties for Fifth Level of Outlined Text */
ol.FifthLevelRoman
{
        list-style-type: lower-roman;
        text-align: left;
    margin: 0 0 0 0;
        padding-left: .25in;
}

/* Format for outline starting with upper case alpha characters */
/* Set Properties for First Level of Alpha Outlined Text */
ol.FirstLevelAlpha
{
        list-style-type: upper-alpha;
        text-align: left;
        margin: 0 0 0 0.5in;
    padding: 0 0 0 0;
}

/* Set Properties for Second Level of Outlined Text Numeric*/
ol.SecondLevelDecimal
{
        list-style-type: decimal;
        text-align: left;
    margin: 0 0 0 0;
        padding-left: .25in;
}

/* Set Properties for Third Level of Outlined Text */
ol.ThirdLevelAlpha
{
        list-style-type: lower-alpha;
        text-align: left;
    margin: 0 0 0 0;
        padding-left: .25in;
}

/* Set Properties for Fourth Level of Outlined Text Roman */
ol.FourthLevelRoman
{
        list-style-type: lower-roman;
        text-align: left;
    margin: 0 0 0 0;
        padding-left: .25in;
}

/* Set Header1 properties.*/
h1
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 180%;
        color: black;
        font-weight: 800;
}
/* Set Header2 properties.*/
h2
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 160%;
        color: black;
        font-weight: 800;
}
/* Set Header3 properties.*/
h3
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 140%;
        color: black;
        font-weight: 800;
}
/* Set Header4 properties.*/
h4
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 120%;
        color: black;
        font-weight: 800;
}
/* Set Header5 properties.*/
h5
{
        font-family: Arail, Verdana, Sans-serif;
        font-size: 100%;
        color: black;
        font-weight: 800;
}
/* Set Header6 properties.*/
h6
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 80%;
        color: black;
        font-weight: 800;
}
/* Additional properties for Bylaw and Guideline pages*/
h5.guidelines
{
    text-align: justify;
        padding-bottom: 0;
        margin-bottom: 5px;
}
h6.guidelines
{
    text-align: justify;
        padding-bottom: 0;
        margin-bottom: 5px;
}

h6.mandt
{
    text-align: justify;
        padding-bottom: 0;
        padding-top: 0;
        color: #800080;
        margin-top: 2px;
        margin-bottom: 4px;
}

img.email
{
 		vertical-align: bottom;
		width: 24;
		height: 24;
    	border: 0;
}

img.content
{
 		vertical-align: top;
		width: 16;
		height: 12;
    	border: 0;
}

/* Menu table background*/
table.nav_background
{
        background-color: #F0F0F0;
}

/* Table Header with h4 attributes */
th.table_header_4
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 120%;
        color: black;
        font-weight: 800;
        background: #D9D9D9;
}

/* Table Header with h5 attributes */
th.table_header_5
{
        font-family: Arial, Verdana, Sans-serif;
        font-size: 100%;
        color: black;
        font-weight: 800;
        background: #D9D9D9;
}

/* Set color and text for links*/
a:link {COLOR: #47008A;text-decoration:none;}
a:visited {COLOR: #9E0028;text-decoration:none;}
a:active {COLOR: #999999;text-decoration:none;}
a:hover {COLOR: #878787;text-decoration:underline;}

a.content:link {COLOR: #47008A;text-decoration:none;}
a.content:visited {COLOR: #9E0028;text-decoration:none;}
a.content:active {COLOR: #999999;text-decoration:none;}
a.content:hover {COLOR: #878787;text-decoration:underline;}

a.current:link {color: #000000;font-weight: bold;text-decoration:none;}
a.current:visited {color: #000000;font-weight: bold;text-decoration:none;}
a.current:active {color: #000000;font-weight: bold;text-decoration:none;}
a.current:hover {COLOR: #000000;font-weight: bold;text-decoration:none;}

/* Home Header */
.hmenav {
        position:relative;
        font-family: arial, verdana, sans-serif;
        background-image:  url(../images/header/Return_To_Home_RO.gif);
        background-repeat: no-repeat;
        white-space: nowrap;
        display: block;
        width: 98px;
        height: 15px;
        margin: 0;
        padding: 0;
}
.hmenav a {
        display: block;
        color: #000000;
        font-size: 11px;
        width: 98px;
        height: 15px;
        display: block;
        float: left;
        color: black;
        text-decoration: none;
}

.hmenav img {width: 98px; height: 15px; border: 0; }
* html a:hover {visibility:visible}
.hmenav a:hover img{visibility:hidden}

.hmenav span {
        position: absolute;
        left: 30px;
        top: 15px;
        margin: 0px;
        padding: 0px;
        cursor: pointer;
        width: 98px;
        height: 15px;
        text-align: center;
}