html
{
	height: 100%;
}

body
{
    font-family: arial, verdana;
    font-size: 0.9em;
	letter-spacing: 0.2px;
    margin: 0;
    padding: 0;
	height: 100%;
        background: url(../images/layout/left_bar_background.gif) repeat-y top left;
}

img
{
    border: 0;
}

p
{
    line-height: 18px;
    margin-top: 8px;
    margin-bottom: 8px;
    display: block;
}

.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}



/**** Start Layout ****/
    #page-left
    {
        width: 193px;
        float: left;
				min-height: 1750px;
				height: auto !important;
				height: 1750px;
        background: url(../images/layout/left_bar_background.gif) repeat-y top left;
    }
    #page-left-top
    {
        background: url(../images/layout/image001.png) no-repeat top left;
        width: 193px;
        height: 100%;
        float: left;
        text-align: center;
    }
    #page-left-bottom
    {
        display: none;
        width: 193px;
        min-height: 10px;
        height:auto !important;
        height: 10px;
        float: left;
        background: url(../images/layout/left_bar_background.gif) repeat-y top left;
    }

    #clock
    {
        float: left;
    }
    #clock-image
    {
        width: 154px;
        height: 152px;
        background: url(../images/layout/clock.png) no-repeat left top;
        margin: 5px 0px 5px 23px;
    }
    #clock-text
    {
        float: left;
        text-align: center;
        letter-spacing: -1px;
		font-weight: bold;
    }
    #clock-countdown
    {
        margin: 65px 0 0 38px;
    }

    #sign-up
    {
        float: left;
        margin-bottom: 10px;
    }
    #sign-up div
    {
        margin: 5px 7px 0;
        width: 176px;
        height: 100px;
        text-align: left;
        background: #009DE0;
        border: 1px solid #ffffff;
        color: #ffffff;
    }
    #sign-up span
    {
        display: block;
        margin-top: 7px;
        margin-left: 15px;
    }
    #sign-up-email
    {
        width: 150px;
        color: #000000;
        padding-top: 3px;
        padding-bottom: 3px;
        margin: 4px 0 4px 9px;
        background-color: #FEFEFC !important;
        background-repeat: no-repeat;
        background-position:  left top;
    }
    #sign-up-submit
    {
        float: right;
        margin-right: 11px;
        background: #F1A827;
        color: #000000;
        border: 0;
    }

    #page-right
    {
        margin-left: 20px;
        width: 685px;
        float: left;
    }

    #confetti
    {
        margin-top: -3px;
        height: 173px;
        float: left;
    }
/**** End Layout ****/


/**** Start Navigation Elements ****/
    #nav, #nav ul
    {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #nav a
    {
        display: block;
        width: 110px;
        text-decoration: none;
    }

    #nav a.about
    {
        background: url(../images/navigation/about_blue.gif) no-repeat 0px 0px;
    }
    #nav a.sports
    {
        background: url(../images/navigation/sports_blue.gif) no-repeat -111px 0px;
    }
    #nav a.venues
    {
        background: url(../images/navigation/nav_bar.gif) no-repeat -222px 0px;
    }
    #nav a.village
    {
        background: url(../images/navigation/nav_bar.gif) no-repeat -333px 0px;
    }
    #nav a.sponsors
    {
        background: url(../images/navigation/nav_bar.gif) no-repeat -444px 0px;
    }
    #nav a.reg
    {
        background: url(../images/navigation/nav_bar.gif) no-repeat -555px 0px;
    }

    #nav a:hover.about, #nav a.about span
    {
        background: url(../images/navigation/about_green.gif) no-repeat 0px -40px;
    }
    #nav a:hover.athletes, #nav a.athletes span
    {
        background: url(../images/navigation/nav_bar.gif) no-repeat -111px -40px;
    }
    #nav a:hover.venues, #nav a.venues span
    {
        background: url(../images/navigation/nav_bar.gif) no-repeat -222px -40px;
    }
    #nav a:hover.village, #nav a.village span
    {
        background: url(../images/navigation/nav_bar.gif) no-repeat -333px -40px;
    }
    #nav a:hover.sponsors, #nav a.sponsors span
    {
        background: url(../images/navigation/nav_bar.gif) no-repeat -444px -40px;
    }
    #nav a:hover.reg, #nav a.reg span
    {
        background: url(../images/navigation/nav_bar.gif) no-repeat -555px -40px;
    }

    #nav a span
    {
        visibility: hidden;
        display: block;
        width: 110px;
        height: 39px;
    }

    #nav li
    {
        float: left;
        width: 110px;
        margin-right: 5px;
    }

    #nav li.last
    {
        margin-right: 0;
    }

    #nav li ul
    {
        position: absolute;
        width: 110px;
        left: -999em;
        min-height: 135px;
        height: auto !important;
        height: 135px;
    }

    #nav li:hover ul, #nav li.sfhover ul
    {
        left: auto;
    }

    #nav li ul li a
    {
        color: #ffffff;
        line-height: 18px;
        font-weight: bold;
		font-size: 0.8em;
        background: #009DDF;
        width: 106px;
        border-top: 1px solid #ffffff;
        padding: 4px 2px;
    }

    #nav li ul li a:hover
    {
        background: #66BE6B;
    }

    .bottom_nav
    {
        border-bottom: 1px solid #ffffff;
    }

    #nav-buttons
    {
        float: left;
        clear: both;
    }
		
		#top-nav
		{
			float: left;
		}
		
		#top-nav-right
		{
			float: left;
			margin-left: 1px;
		}

    #nav-buttons img
    {
        float: left;
        margin-right: 5px;
    }

    #images-below-nav
    {
				width: 460px;
        float: left;
        clear: both;
    }

    #images-below-nav img
    {
        float: left;
        margin-right: 5px;
    }


    #navigation-left
    {
        margin: 0;
        margin-top: 245px;
        padding: 0;
        float: left;
        width: 193px;
        text-align: right;
    }

    #nav-left
    {
        margin: 0;
        padding: 0;
        float: right;
        list-style-type: none;
    }

    #nav-left li
    {
        float: right;
        width: 153px;
        padding: 0px 20px;
    }

    #nav-left li a
    {
        display: block;
        text-decoration: none;
        color: #000000;
        color:#000000;
        font-weight: bold;
        line-height: 20px;
        text-align: right;
    }
/**** End Navigation Elements ****/


/**** Start Page Elements ****/
    #content
    {
        float: left;
        clear: both;
        width: 685px;
        margin-top: 25px;
    }

    #page-title
    {
        font-size: 2.1em;
        font-weight: lighter;
    }

    .icon
    {
        vertical-align: text-top;
        margin-bottom: 4px;
    }

    .videoThumb
    {
        padding: 0;
				margin: 0 0 15px 0;
				text-align: center;
    }

    /** Start Home Page **/
        #home-content
        {
            width: 685px;
            margin-top: -25px;
        }

        #home-content, #hero-image, #home-title, #home-text, #home-stamp
        {
            float: left;
        }

        #hero-image img
        {
            margin-right: 25px;
        }

        #hero-image h2
        {
            font-size: 1.4em;
						margin: 0;
						padding: 0 0 0 35px;
            font-weight: lighter;
        }

        #hero-image p
        {
						margin: 0;
						padding: 0 0 15px 35px;
        }

        #home-title
        {
            font-size: 2.1em;
            margin-left: -50px;
            margin-top: 25px;
            width: 400px;
            font-weight: lighter;
        }

        #home-text a
        {
            color: #009DE0;
            text-decoration: none;
            font-weight: bold;
        }

        #home-text
        {
            width: 400px;
        }

		#home-stamp
		{
			width: 430px;
			float: right;
		}
    /** End Home Page **/

    /** Start Sponsor Page **/
        #sponsors-images a
        {
            float: left;
            margin-left:225px;
            margin-top: 15px;
        }
        #sponsors-images hr
        {
            clear: both;
        }
    /** End Sponsor Page **/

    /** Start Sports Page **/
        .sports-icon
        {
            float: left;
            font-weight: bold;
            margin-bottom: 5px;
            margin-left: 0;
            margin-right: 10px;
            margin-top: 5px;
            width: 100px;
            height: 115px;
        }

		.sports-icon a
		{
			float: left;
			clear: left;
		}
		
		.competitionDatesTable {
			margin-top: 15px;
			border: 1px solid #009ddf;
			border-collapse: collapse;
		}
		
		.competitionDatesTable th, .competitionDatesTable td {
			border: 1px solid #009ddf;
			padding: 2px 5px;	
		}
		
		.competitionDatesTable th {
			font-weight: bold;
			text-align: left;
			color: #ffffff;
			background-color: #009ddf;
		}
		
		.competitionDatesTable .subheader td {
			font-weight: bold;
			color: #ffffff;
			background-color: #66be6b;
		}
		
		.competitionDatesTable .altRowColor td {
			background-color: #e3f5e4;
		}
    /** End Sports Page **/

    /** Start Photo Gallery Page **/
    #gallery
    {
			padding: 20px 0 0 0;
		}
		
    #gallery img,
    .gallery img
    {
        float: left;
        width: 150px;
        margin: 0 19px 19px 0;
				border: 1px solid #c0c0c0;
    }
    /** End Photo Gallery Page **/


/**** End Page Elements ****/