/**********************************************************************************
*        Basic Stylesheet ( For Mac: Firefox, Safari PC: Firefox, Opera, Netscape, IE6/7, Safari Beta )
*
*        version:        1.1
*        author:                ken hanson
*        email:                ken@markupninjas.com
*        website:        www.markupninjas.com
**********************************************************************************/

/***********************************************************************
*                                                        Table of =Contents
* ----------------------------------------------------------------------
* =Normalization (CSS Reset)...................................(Line  16)
* =Heading Styling.............................................(Line  67)
* =Home Styling................................................(Line 100)
* =Inner Styling...............................................(Line 202)
*************************************************************************/

/*        When Searching for items in the table of contents, use = where they show up in the text above to find items more quickly  */

/***********************************
                =Normalization
***********************************/

/* Normalizes Margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Removes border styles from tables */
table { border-spacing: 0; border-collapse: collapse;}

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left aligns text in caption and th */
caption, th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content: ''; }

/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a { text-decoration: none; color: white;}
        a:hover { text-decoration: underline; }

.ir { position: relative; overflow: hidden; display: block;}
        .ir em { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: block; background-repeat: no-repeat;}

        a em { cursor: pointer; }

body
{
        background: black url(images/bg_bodyStrip.png) repeat-x 0 199px;
        color: white;
        font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        font-size: 12px;
}

/***********************************
                =Heading Styling
***********************************/
.logo { width: 1024px; height: 250px; margin: 0 auto;}
        .logo em { background: url(images/bg_header.png); }

.mainMenu { width: 855px; height: 50px; line-height: 50px; margin: -50px auto 0 auto; }
        .mainMenu li { float: left; }
                .mainMenu li a { display: block; height: 50px; line-height: 50px; text-indent: -9999px;}
        .mainMenu .right { position: relative; left: 191px; }

                .home { width: 39px; }
                        .home em { background: url(images/trans_menuIr_home.png) no-repeat top left; }
                                .home:hover em { background: url(images/trans_menuIr_homeO.png) no-repeat top left; }
                .register { width: 111px; }
                        .register em { background: url(images/trans_menuIr_register.png); }
                                .register:hover em { background: url(images/trans_menuIr_registerO.png); }
                .forms { width: 92px; }
                        .forms em { background: url(images/trans_menuIr_forms.png); }
                                .forms:hover em { background: url(images/trans_menuIr_formsO.png); }
                .events { width: 93px; }
                        .events em { background: url(images/trans_menuIr_events.png); }
                                .events:hover em { background: url(images/trans_menuIr_eventsO.png); }
                .photos { width: 95px; }
                        .photos em { background: url(images/trans_menuIr_photos.png); }
                                .photos:hover em { background: url(images/trans_menuIr_photosO.png); }
                .results { width: 102px; }
                        .results em { background: url(images/trans_menuIr_results.png); }
                                .results:hover em { background: url(images/trans_menuIr_resultsO.png); }
                .contact { width: 132px; }
                        .contact em { background: url(images/trans_menuIr_contact.png); }
                                .contact:hover em { background: url(images/trans_menuIr_contactO.png); }

/***********************************
                =Home Styling
***********************************/
#mainContentWrapper { width: 866px; margin: 0 auto; padding: 30px 0 0 0; overflow: hidden; position: relative;}
        #mainContentWrapper h2 { font-size: 26px; letter-spacing: -1px; background: black;}
        #mainContentWrapper h3
        {
                font-size: 27px;
                color: #f9ff4b;
                text-transform: uppercase;
                letter-spacing: -1px;
                padding-bottom: 38px;
                background: black;
        }

        .mainContent
        {
                overflow: hidden;
                width: 575px;
                float: left;
                background: url(images/bg_fauxBorder.png) repeat-y 270px 0;
                padding: 0 0 70px 0;
        }
                .scheduling { width: 250px; float: left; padding: 10px 18px 0 0; overflow: hidden;}
                .news { width: 249px; float: left; padding: 10px 30px 0 23px; overflow: hidden;}
        .subContent { margin: 0 0 0 576px;}

                        .news a {
        font-weight: bold;
        text-decoration: underline;
        }
        
        .scheduling .link {
        font-weight: bold;
        text-decoration: underline;
}

                .scheduling h4 { font-size: 16px; color: #d6196e; margin: 0 0 33px 0;}
                        .scheduling h4 span { color: white; font-size: 14px;}

                .event
                {
                        padding: 0 0 13px 0;
                        margin: 0 0 22px 0;
                        background: url(images/bg_fauxBottomBorder.png) no-repeat bottom left;
                }

                        .event h5, .event h5 a { font-size: 14px; color: #f9ff4b; padding: 0 0 7px 0;}
                                .event h5 span { display: block; color: white; font-size: 12px;}
                        .event .description { font-size: 10px; display: block; padding: 0 0 5px 0;}
                        .event .location { font-weight: bold; }

                .scheduling p { margin: 23px 0 0 0;}
                        .scheduling p a em, .scheduling p em { font-weight: bold; color: #d6196e;}

                .news h4 { text-transform: uppercase; font-size: 17px; position: relative; margin: 0 0 20px 0; height: 1%;}
                        .rssIcon
                        {
                                display: block;
                                font-size: 10px;
                                text-decoration: underline;
                                text-transform: none;
                                height: 25px;
                                line-height: 25px;
                                padding: 0 30px 0 0;
                                float: left;
                                background: url(images/icon_rss.png) no-repeat top right;
                                position: absolute;
                                top: 0px;
                                right: 0px;
                        }

                .news h5, .news h5 a { font-size: 16px; color: #d6196e; padding: 0 0 5px 0;}
                .news .date { font-size: 11px; display: block; margin: 0 0 28px 0; }
                .news .readMore,
                .featureVideo .readMore { text-decoration: underline; display: block; text-align: right; font-size: 10px; margin: 0 0 31px 0;}


                .updateableImage { margin: 0 0 26px 0; }
                        .updateable { height: 80px;}
                                .updateable em { background: url(images/ir_update.png); }

                .featureVideo { padding: 3px; background: #272727; margin: 0 0 33px 0; height: 1%;}
                        .flashWrapper { background: white; padding: 5px; text-align: center;}
                        .featureVideo h4 { text-transform: uppercase; font-size: 17px; position: relative; padding: 0 0 5px 0; height: 1%;}
                                .featureVideo h4 .readMore { position: absolute; line-height: 22px; top: 0px; right: 10px;}

                .subContent h5
                {
                        color: #858585;
                        font-weight: normal;
                        text-transform: uppercase;
                        font-size: 14px;
                        text-align: center;
                        margin: 0 0 19px 0;
                }

                .advertWrap { margin: 0 0 15px 0; float: left;}

.footer
{
        line-height: 35px;
        height: 35px;
        background: url(images/bg_footer.png) repeat-x top left;
        margin: 30px 0 0 0;
        text-align: center;
}

        .footer h6 { width: 865px; margin: 0 auto; text-align: left;}
                .footer a { text-decoration: underline; font-weight: bold;}


/***********************************
                =Inner Styling
***********************************/
#mainContentWrapper .inner { background-position: 550px 0; }
        #mainContentWrapper .inner .news { width: 520px;}

                #mainContentWrapper .inner .news h2 { font-size: 30px; color: #d3196c; padding: 0 0 14px 0;}
                
                .news h2 a {
	color: #d3196c;
	text-decoration: none;
}
                #mainContentWrapper .inner .news h3 { font-size: 18px; text-transform: none; color: white; }

                #mainContentWrapper .inner .news h4 { font-size: 18px; text-transform: none; color: #f9ff4b; margin-bottom: 24px;}
                #mainContentWrapper .inner .news p { font-size: 16px; color: #999999; margin-bottom: 23px; margin-top: 0px;}

                p img.left { float: left; margin: 10px; border: solid 1px #999;}
                p img.right { float: right; margin: 10px;  border: solid 1px #999; }

                .bannerAds { margin: 0 0 28px 0; }