/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body {
		margin: 0px;
		padding: 0px;
		background: #180E0B;
		font-family: 'Cabin', sans-serif;
		font-size: 11pt;
		color: #000000;
	}

	h1, h2, h3 {
		margin: 0px;
		padding: 0px;
	}

	h2 {
		padding: 0px 0px 20px 0px;
		letter-spacing: -1px;
		font-size: 1.8em;
	}

	p, ol, ul {
		margin-top: 0px;
		line-height: 160%;
	}

	p {
		margin-bottom: 2em;
		line-height: 160%;
	}


	strong {
		font-weight: 700;
	}

	a {
		color: #A2A2A2;
	}

	a:hover {
		text-decoration: none;
	}

		/* Images */

			.image
			{
				display: inline-block;
			}

				.image img
				{
					display: block;
					width: 100%;
				}

				.image.featured
				{
					display: block;
					width: 100%;
					margin: 0 0 2em 0;
				}

				.image.full
				{
					display: block;
					width: 100%;
					margin-bottom: 2em;
				}

				.image.left
				{
					float: left;
					margin: 0 2em 2em 0;
				}

				.image.centered
				{
					display: block;
					margin: 0 0 2em 0;
				}

					.image.centered img
					{
						margin: 0 auto;
						width: auto;
					}

		header
		{
			margin-bottom: 1em;
		}

			header h2
			{
				font-weight: 600;
			}

			header .byline
			{
				display: block;
				margin: 0.5em 0 0 0;
				padding: 0 0 0.5em 0;
			}

        #header {
            background-color: #BA2874;
            border-bottom: 2px solid #C4A268;
        }

		ul.style
		{
		}

		ul.style li
		{
			padding: 0.55em 0em;
		}

		ul.style li:first-child
		{
		}

		ul.style a
		{
			color: #774535 !important;
		}

		ul.style1
		{
		}

		ul.style1 li
		{
			padding: 0.55em 0em;
		}

		ul.style1 li:first-child
		{
		}

		ul.style1 a
		{
			color: #774535 !important;
		}

		ul.style1 img
		{
			float: left;
			margin-right: 1em;
		}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
	}

		#header .container
		{
			position: relative;
			padding: 6em 0em;
		}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		position: absolute;
		left: 0em;
		top: 4.5em;
	}

		#logo h1
		{
			color: #FFF;
		}

		#logo a
		{
			display: block;
			text-decoration: none;
			font-size: 2.8em;
			font-weight: 600;
			color: #FFF;
		}

    #logo-caption h2
    {
        letter-spacing: 0.03em;
    }

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
    /*, #cssmenu*/
	{
		position: absolute;
		/*left: 5em;*/
		top: 5em;
	}

		#nav > ul > li
		{
			float: left;
		}

			#nav > ul > li:last-child
			{
				padding-right: 0;
			}

			#nav > ul > li > a,
			#nav > ul > li > span
			{
				display: block;
				margin-left: 0.7em;
				padding: 0.80em 1.2em;
				letter-spacing: 0.06em;
				text-decoration: none;
				font-size: 1em;
				outline: 0;
				color: #FFF;
			}

			#nav li.active a
			{
				background: #56c9d6;
				border-radius: 5px;
				color: #FFF;
			}

			#nav > ul > li > ul
			{
				display: none;
			}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
		background: #000 url(../images/banner.png) no-repeat center center;
		background-size: contain;
	}

	.homepage #banner
	{
        /*width: 100%;*/
        /*height: 100vh;*/

	}

    /*#wave*/
    /*{*/
        /*position: relative;*/
        /*background: #000 url(../images/wave_black.png) no-repeat center;*/
        /*background-size: cover;*/
    /*}*/

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
		position: relative;
		padding: 6em 0em;
		background: #261611;
		color: #774535;
	}

	#main header h2
	{
		color: #bc765f;
	}

	#main a
	{
		color: #bc765f;
	}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

    #rg_def
    {
        position: relative;
        padding: 2.5em 0em 6em 0em;
        /*background: #000;*/

        color: #C4A268;
        font-size: 1.8em;
        /*padding-left: 9em;*/
        /*padding-right: 9em;*/
        text-align: justify;
        line-height: 1.5em;
        font-weight: 100;
        letter-spacing: 0.1em;
        margin-left: auto;
        margin-right: auto;
        width: 66%;
    }

    #about {
        position: relative;
        padding: 0em 0em 0em 0em;
        background: #FFF;
    }
    #about #about-o
    {
        margin-left: auto;
        margin-right: auto;
        width: 66%;
        position: relative;
    }
    #about-o .about-c {
        /*overflow: hidden;*/
        /*height: 19em;*/
    }
    .about-c .about-i {
        border: 2px solid #C4A268;
        position:absolute;
        top:-3em;
        left:0px;
        padding-top: 6em;
        padding-bottom: 3em;
        /*height: 24em;*/
        padding-left: 3em;
        padding-right: 3em;
    }
    .about-i.ghost {
        position: relative;
        visibility: hidden;
    }
    .about-i header, #categories-c header, #enroll-c header, .contact-o header, #sponsors-c header, #challenge-c header,
    #about-rg-c header, #enroll-page-c header, #calendar-page-c header, #details-c header, #management-c header,
    #coaches-c header, #team-c header, #history-c header, #gdsp-c header {
        color: #C4A268;
        font-weight: 100;
    }

    #categories {
        position: relative;
        padding: 2.5em 0em 6em 0em;

        background-color: #fff;
    }

    #categories #categories-c {
        margin-left: auto;
        margin-right: auto;
        width: 66%;

        background-color: #fff;
    }

    div.table-categories {
      border-bottom: 1px solid #E0D0B3;
      background-color: #FFFFFF;
      width: 100%;
      text-align: left;
      border-collapse: collapse;
    }
    .divTable.table-categories .divTableCell, .divTable.table-categories .divTableHead {
      border-bottom: 1px solid #E0D0B3;
      padding: 3px 2px;
    }
    .divTable.table-categories .divTableBody .divTableCell {
      font-size: 1em;
      color: #000000;
    }
    .divTable.table-categories .divTableBody .divTableCell.lg{
        font-size: 1.2em;
    }
    .table-categories .tableFootStyle {
      font-size: 21px;
    }
    /* DivTable.com */
    .divTable{ display: table; }
    .divTableRow {
        display: table-row;
        line-height: 3em;
        height: 3em;
    }
    .divTableHeading { display: table-header-group;}
    .divTableCell, .divTableHead { display: table-cell;}
    .divTableHeading { display: table-header-group;}
    .divTableFoot { display: table-footer-group;}
    .divTableBody { display: table-row-group;}


    table.paleBlueRows {
      border: 1px solid #E4ABC9;
      width: 100%;
      height: 200px;
      text-align: left;
      border-collapse: collapse;
    }
    table.paleBlueRows td, table.paleBlueRows th {
      border: 1px solid #E4ABC9;
      padding: 15px 5px;
    }
    table.paleBlueRows tbody td {
      font-size: 13px;
    }
    table.paleBlueRows thead, table.paleBlueRows .like-head {
      background: #BA2874;
      border-bottom: 1px solid #E4ABC9;
    }
    table.paleBlueRows thead th,table.paleBlueRows .like-head  {
      font-size: 13px;
      font-weight: normal;
      color: #FFFFFF;
      text-align: left;
      border-left: 1px solid #E4ABC9;
    }
    table.paleBlueRows thead th:first-child {
      border-left: none;
    }

    table.paleBlueRows tfoot td {
      font-size: 14px;
    }

    #enroll {
        position: relative;
        padding: 2.5em 0em 6em 0em;

        background-color: #000;
        color: #fff;
    }

    #enroll #enroll-c {
        margin-left: auto;
        margin-right: auto;
        width: 66%;

        background-color: #000;
    }

    #challenge, #about-rg, #enroll-page, #calendar-page, #details, #management, #coaches, #team, #history {
        position: relative;
        padding: 2.5em 0em 6em 0em;

        background-color: #fff;
        color: #000;
    }

    #challenge #challenge-c, #about-rg #about-rg-c, #enroll-page #enroll-page-c, #calendar-page #calendar-page-c,
    #details #details-c, #management #management-c, #coaches #coaches-c, #team #team-c, #history #history-c {
        margin-left: auto;
        margin-right: auto;
        width: 66%;

        background-color: #fff;
    }

    #contact {
        position: relative;
        padding: 0em 0em 0em 0em;
        background: #FFF;
    }
    #contact .contact-o
    {
        margin-left: auto;
        margin-right: auto;
        width: 66%;
        position: relative;
    }
    .contact-o .contact-i {
        border: 2px solid #C4A268;
        position:absolute;
        top:-4em;
        bottom: -4em;
        left:0;
        right: 0;
        padding-top: 3em;
        /*padding-bottom: 3em;*/
        padding-left: 3em;
        padding-right: 3em;
        z-index: 1;
    }
    .contact-i.ghost {
        position: relative;
        visibility: hidden;
    }

    #contact-footer {
        position: relative;
        padding: 2.5em 0em 6em 0em;

        background-color: #000;
    }

    #sponsors {
        position: relative;
        padding: 2.5em 0em 6em 0em;

        background-color: #fff;
        color: #fff;
    }

    #sponsors #sponsors-c {
        margin-left: auto;
        margin-right: auto;
        width: 66%;

        background-color: #fff;
    }

	#featured
	{
		position: relative;
		padding: 6em 0em 4em 0em;
		background: #FFF;
	}

    .emphasis {
        color: #C4A268;
    }
    .bolded {
        font-weight: bold;
    }
    .sub-p-title {
        color: #BA2874;
    }
    .sub-p-title.italic {
        font-style: italic;
    }
    .sub-p-body {
        padding-left: 50px;
        display: block;
    }

/*********************************************************************************/
/* Marketing                                                                     */
/*********************************************************************************/

	#marketing
	{
		position: relative;
		padding: 6em 0em;
		background: #372019;
		color: #8c5240;
	}

	#marketing header h2
	{
		color: #c0745d;
	}

/*********************************************************************************/
/* Footer                                                                     */
/*********************************************************************************/

	#footer
	{
		position: relative;
		padding: 3em 0em;
		text-align: center;
		color: #fff;
        background-color: #000;
	}

	#footer .container
	{
	}

	#footer a
	{
		text-decoration: none;
		color: #fff !important;
	}

.fb-c {
    display: block;
}

.lori-caption {
	position: absolute; top: 132px;
}
.nina-caption {
	position: absolute; top: 132px; right: 0;
}
.nina-img {
	  margin-right: 112px;
		float: right;
}

@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    .fb-c {
        display: none;
    }
}

@media all and (max-width: 520px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 520px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 520px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 520px), only screen and (min-device-pixel-ratio: 2) and (max-width: 520px), only screen and (min-resolution: 192dpi) and (max-width: 520px), only screen and (min-resolution: 2dppx) and (max-width: 520px) {
    .menu-row {
        height: 8em;
    }
		.nina-caption {
			top: 150px;
			right: inherit;
		}
		.nina-img {
			float: left;
			margin-right:0;
		}

}

@media all and (max-width: 340px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 340px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 340px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 340px), only screen and (min-device-pixel-ratio: 2) and (max-width: 340px), only screen and (min-resolution: 192dpi) and (max-width: 340px), only screen and (min-resolution: 2dppx) and (max-width: 340px) {
    .menu-row {
        height: 12em;
    }
}

@media all and (max-width: 230px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 230px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 230px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 230px), only screen and (min-device-pixel-ratio: 2) and (max-width: 230px), only screen and (min-resolution: 192dpi) and (max-width: 230px), only screen and (min-resolution: 2dppx) and (max-width: 230px) {
    .menu-row {
        height: 16em;
    }
}