/* File Name: CSS/GSAR.css

   This is where common Great Southern Adventure Race design elements go. This should be reserved for overrides and site specific classes.

   Relevant for:
   . EventId = 14 (Great Southern Adventure Race)

   Follows:
   . common.css
*/

body
{
    font-color: black;
	color:   black;
    background-image: url(../images/RapidAscent/gsar_background.jpg);
    background-position: top center;
    background-attachment: fixed;
    background-repeat: repeat-y;
    text-align: center;
}


body, td, input, select, input.Button, textarea, input.ReadOnlyWhite, .smalltext, .mediumtext, div.item, div.itemlink,
div.itemlink a, div.itemlink a:link, div.itemlink a:visited, div.itemlink a:selected, div.itemlink a:hover, 
div#Countdown, div#MajorSponsors, div#EventPartners
{
    font-family: Arial ;
}
a                     { color:              #222222; }
a:link                { color:              #222222; }
a:visited             { color:              #222222; }
a:selected            { color:              #222222; }
a:hover               { color:              #222222; }
div.menu
{
    width: 166px;
}

td.BannerContainer
{
    width: 800px;
    height: 300px;
}

tr.BannerContainerRow
{
    background-image: url(../images/RapidAscent/banner_extend_gsar.jpg);
}

td.BannerSeparator
{
    height: 300px;
    width: 209px;
    background-image: url(../images/RapidAscent/banner_extend_gsar.jpg);
    background-color: White;
}

td.BannerExtender
{
    height: 300px;
    width: 0px;
    background-image: url(../images/RapidAscent/banner_extend_gsar.jpg);
    background-color: White;
}

table.PageContainer
{
    width: 1010px;
    border: Solid 1px #666666;
    border-top-width: 0px;
    border-bottom-width: 0px;
    background-color: White;
    margin-left: auto;
    margin-right: auto;
}

#Holder1, 
#Holder2,
#Holder1B,
#Holder2B
{
    position: relative;
    left: 13px;
    top: -20px;
}

td#Scroller1,
td#Scroller1B
{
    height: 30px;
}

td#Scroller2,
td#Scroller2B
{
    height: 30px;
}

div#VisitorNumber,
div#MajorSponsors,
div#EventPartners,
td.ScrollerHeading
{
    display: none
}

.EventMenu
{
    display: block;
    width: 1020px! important;
    height: 20px! important;
    white-space: nowrap! important;
}

td.EventMenu
{
    background-color: #F8E269;
    border: Solid 1px #666666;
    border-left-width: 0px;
    border-right-width: 0px;
    height: 20px;
    line-height:  20px;
    vertical-align: middle;
    white-space: nowrap;
}

td.EventMenu .MenuItem
{
    border-right: solid 1px #666666;
    line-height: 20px;
    height: 20px;
    padding-left: 0px;
    vertical-align: middle;
    display: inline-block;
    display: -moz-inline-box;
    
}

td.EventMenu .Event14
{
    display: none;
}

td.EventMenu .Title
{
    padding-right: 4px;
    padding-left: 6px;
    font-weight:  bold;
    display: -moz-inline-box;
    display: inline-block;
}

td.EventMenu .MenuItem a
{
    display: -moz-inline-box;
    display: inline-block;
    text-decoration: none;
    padding-right: 4px;
    padding-left: 4px;
}

td.EventMenu .MenuItem a:hover
{
    color: #666666;
    background-color: #FBEEA3;
	display: -moz-inline-box;
    display: inline-block;
    text-decoration: none;
    padding-right: 4px;
    padding-left: 4px;
}

td.EventMenu .Spare
{
    white-space: nowrap;
    width: 1px;
    border-right-width: 0px;
    padding: 0px;
}

table.footer
{
    background-color: #FBEEA3;
}

td.ForumEvenSquare,
td.ForumEvenSquareNoPad,
td.ForumEvenSquareNB,
td.ForumOddSquareNR,
td.ForumEvenSquareNBNR
{
    background-color: #FBEEA3;
}

.submenu .Line
{
    border-bottom-color: #AAAAAA;
}

div.menu a
{
	color: #666666;
	text-decoration: none;
	height: 15pt;
	width: 160px;
	display: inline-block;
    display: -moz-inline-box;
}
div.menu a:visited {
	color: #666666;
		text-decoration: none;
}
div.menu a:link {
	color: #666666;
	text-decoration: none;
	height: 15pt;
	width: 160px;
}
div.menu a:hover {
	color: #000000;
	background-color: #CCCCCC;
	text-decoration: none;
	height: 15pt;
	width: 160px;
	text-decoration: none;
}
div.menu a:active {color: #666666;
	text-decoration: none;}
div.menu a:focus {color: #000000;
	text-decoration: none;}

div.menu a.selected:visited {
	color: #666666;
		text-decoration: none;
}
div.menu a.selected:link {
	color: #666666;
		text-decoration: none;
}
div.menu a.selected:hover {
	color: #000000;
		text-decoration: none;
}
div.menu a.selected:active {
	color: #666666;
}
div.menu a.selected:focus {
	color: #666666;
		text-decoration: none;
}

div.menu .submenu a
{
    font-weight: normal;
    color: #666666;
	text-decoration: none;
	height: 15pt;
	width: 160px;
}

div.submenu a:visited {color: #666666;
	text-decoration: none;}
div.submenu a:link {color: #666666;
	text-decoration: none;}
div.submenu a:hover {
	color: #000000;
		text-decoration: none;
}
div.submenu a:active {color: #666666;
	text-decoration: none;}
div.submenu a:focus {color: #000000;
	text-decoration: none;}


div.submenu a.selected {
	color: #333333;
	font-size: 8pt;
	margin: 0px;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
}

div.submenu a.selected:visited {
	color: #000000;
		text-decoration: none;
}
div.submenu a.selected:link {color: #666666;
	text-decoration: none;}
div.submenu a.selected:hover {
	color: #666666;
		text-decoration: none;
}
div.submenu a.selected:active {
	color: #666666;
		text-decoration: none;
}
div.submenu a.selected:focus {
	color: #000000;
		text-decoration: none;
}

h1, h2, h3, h4, h5
{
    color: #9C1B27;
    letter-spacing: 0px;
}

h2.News,
h3.News,
h4.News
{
    color: #E07832;
    font-size: 14pt;
    font-family: Weltron Urban, Croobie, Arial;
    font-variant: small-caps;
    margin-bottom: 3px;
    margin-top:  13px;
}

h3.News
{
    font-size: 13pt;
}

h4.News
{
    font-size: 12pt;
}

.CountdownTimer
{
    position: absolute;
    top: -67px;
    height: 35px;
    overflow: hidden;
    width: 207px;
    left: 625px;
}

.CountdownTimerContainer
{
    position: relative;
    height: 1px;
    width: 1px;
    line-height: 1px;
    display: inline-block;
}

.BorderedBox
{
    padding: 8px;
    border: solid 1px #666666;
    background-color: #FBEEA3;
    width: 184px;
    margin-left: 6px;
    margin-top: 7px;
    margin-bottom: 13px;
}

.BorderedBox h3
{
    margin-bottom: 2px;
    margin-top: 2px;
}

td.HomePageAdditionalInformation
{
    padding-left: 13px;
    padding-bottom: 0px;
}

td.HomePageAdditionalInformation img.ontab
{
    margin-top:  0px;
}

#CompetitorDetailsContent #FundRaisingSummaryContainer,
#CompetitorDetailsContent #FundRaisingProfileContainer,
#CompetitorDetailsContent #DonationContainer
{
    display: none;
}

div.InteriorContainer table.Registration
{
    border-color: #666666;
    background-image: url(../images/RapidAscent/gasr_head_tile.gif);
    float: right;
    clear: right;
    margin-bottom: 11px;
    width: 310px;
}

img.photopreview
{
    border-color: #EEEEEE;
}
/*********************************
* added in by Adam
*********************************/
a.MenuItem
{
    display: -moz-inline-box;
    display: inline-block;
    text-decoration: none;
    padding-right: 4px;
    padding-left: 4px;
}

a.MenuItem:hover
{
    color: #666666;
    background-color: #FBEEA3;
	display: -moz-inline-box;
    display: inline-block;
    text-decoration: none;
    padding-right: 4px;
    padding-left: 4px;
}
a.MenuItem:active
{
    color: #666666;
    background-color: #FBEEA3;
	display: -moz-inline-box;
    display: inline-block;
    text-decoration: none;
    padding-right: 4px;
    padding-left: 4px;
}