/* The Big Reset.  */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, textarea, form {

    margin: 0; padding: 0; border: 0;

                font-family: Arial, Verdana, Helvetica, sans-serif;

}

/*Home page*/
/*Triathlon*/



body {
background-image:url(../Images/rock_backgroundNoLogo.jpg);
background-repeat:no-repeat;}

#container {
position:relative;
height:750px;}

#frame {
position:relative;
left:130px;
top:100px;
width:850px;
height:600px;
background-image:url(../Images/contentBG.png);}

.logo {
position:absolute;
top:2px;
left:94px;}

#Nike {
position:absolute;
top:25px;
left:817px;
width:170px;
font-family:Arial, sans-serif;
font-size:12px;
color:#515151;
}

#uppertext {
position:absolute;
right:0px;
top:-44px;
color:#707070;
font-size:26px;
font-family:"Arial Black", Arial, sans-serif;
font-style:normal;
font-variant:normal;}

#topmenu {
position:absolute;
right:0px;
top:-6px;
}

.topnav {
float:left;
color:#707070;
font-size:12px;
font-family:"Arial Black", Arial, sans-serif;
font-style:normal;
font-variant:normal;
width:auto;
border-right:2px solid #707070;
height:12px;
padding-right:5px;
padding-left:5px;
line-height:12px;}

.topnav a:link {
color:#707070;
text-decoration:none;}

.topnav a:visited {
color:#707070;
text-decoration:none;}

.topnav a:hover {
color:#515151;
text-decoration:none;}

.topnav a:active {
color:#707070;
text-decoration:none;}

#register {
border-right:0px;
padding-right:0px;}

#dropdownholderblock {
position:absolute;
z-index:10;}

.dropdown {
position:absolute;
top:10px;
width:220px;
height:auto;
background-image:url(../Images/ddBG.png);}

.dropdownwide {
position:absolute;
top:10px;
width:280px;
height:auto;
background-image:url(../Images/ddBG.png);
}

.dropdownwider {
position:absolute;
top:10px;
width:290px;
height:auto;
background-image:url(../Images/ddBG.png);
}

#ddWeekend {
left:338px;}

#ddGames {
left:338px;}

#ddExperience {
left:556px;}

#ddRegister {
left:543px;}

.dditem {
width:190px;
height:30px;
font-size:15px;
border-bottom:2px solid #707070;
color:#707070;
font-family:Arial, sans-serif;
margin-left:auto;
margin-right:auto;
padding-top:8px;
line-height:22px;
}

.dditemwide {
width:250px;
height:30px;
font-size:15px;
border-bottom:2px solid #707070;
color:#707070;
font-family:Arial, sans-serif;
margin-left:auto;
margin-right:auto;
padding-top:8px;
line-height:22px;
}

.dditemwider {
width:262px;
height:30px;
font-size:15px;
border-bottom:2px solid #707070;
color:#707070;
font-family:Arial, sans-serif;
margin-left:auto;
margin-right:auto;
padding-top:8px;
line-height:22px;
}

#BottomDDmenuItem {
border:0px;}

.ddImages {
float:left;}

.ddText {
text-indent:10px;
}

.ddText a:link {
color:#707070;
text-decoration:none;
}

.ddText a:visited {
color:#707070;
text-decoration:none;
}

.ddText a:hover {
color:#515151;
text-decoration:none;
}

.ddText a:active {
color:#707070;
text-decoration:none;
}

#uppercontent {
padding-top:15px;
}

.maincontent {
width:815px;
margin-left:auto;
margin-right:auto;
height:302px;
}

#TopVideoBackground {
background-color:#000000;
height:300px;}

.ScheduleHolder {
background-color:#FFFFFF;
width:815px;
height:300px;
margin-left:auto;
margin-right:auto;
}

.ScheduleDays {
width:33%;
height:280px;
float:left;
margin-top:7px;
}

.ScheduleTitleHolder {
width:250px;
margin-right:auto;
margin-left:auto;
}

.ScheduleText {
width:200px;
margin-left:60px;
}

.ScheduleText ul {
color:#515151;
font-family:"Arial Black", Arial, sans-serif;
font-size:17px;}

.ScheduleText li {
color:#717171;
font-family:Arial, sans-serif;
font-weight:bold;
font-size:14px;}

.TriathlonSubThreeHolder {
position:relative;
width:815px;}

.TriathlonPopUpHolder {
position:absolute;
height:354px;
width:815px;

}

.TriathlonPopUpIntImgs {
float:left;
background-color:#FFFFFF;
height:300px;
}

#TriathlonPopUpMainImage {
width:444px;
margin-right:7px;
}

#TriathlonPopUpTitles {
width:364px;}

.innermaincontent {
float:left;
height:300px;
background-color:#FFFFFF;
}

#leftmaincontent {
width:444px;
margin-right:7px;}

#rightmaincontent {
width:364px;
}

.leftmainImage {
margin-top:10px;}

.rightmaincontentTitle {
}

.rightmaincontentText {
margin-top:5px;
padding-left:5px;
color:#515151;
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
max-height:240px;
overflow-y:scroll;
}

#lowercontent {
margin-top:6px;}

.lowerboxholder {
background-color:#FFFFFF;
width:815px;
height:260px;
margin-left:auto;
margin-right:auto;
}

.fourboxholder {
width:810px;
margin-left:auto;
margin-right:auto;

}

.twobox {
float:left;
width:66%;
height:150px;
margin-top:23px;
}

#twoboxshort {
width:33%;
}

.threebox {
float:left;
width:33%;
height:150px;
margin-top:23px;
}

.Resultsfourbox {
float:left;
width:200px;
height:150px;
margin-top:23px
}

.CEfourbox {
float:left;
width:200px;
height:150px;
margin-top:23px;
margin-left:2px; 
}

.fourbox {
float:left;
width:200px;
height:150px;
margin-top:23px;   
}

#middleborders {
border-left:2px solid #707070;
border-right:2px solid #707070;}

#oneborder {
border-right:2px solid #707070;
}

.C2PBottomImageHolder {
width:815px;
height:200px;
}

.C2PBottomImageCenter {
width:728px;
margin-left:auto;
margin-right:auto;
}

.GeocacheBottomContentHolder {
width:800px;
margin-right:auto;
margin-left:auto;
}

.GeocacheBottomContent {
float:left;
margin-top:7px;
width:49%;
}

.GeocacheVideoCenter {
width:333px;
margin-top:10px;
margin-right:auto;
margin-left:auto;
}

.C2PBottomImage {
float:left;}

.WCGNewsTitle {
font-family:"Arial Black", Arial, sans-serif;
font-style:normal;
font-variant:normal;
font-size:15px;
color:#515151;
width:240px;
margin-left:auto;
margin-right:auto;
text-align:left;
position:absolute;
left:33px;
top:353px;
}

.newsimage {
margin-top:5px;
}

.newsText {
width:240px;
padding-top:5px;
padding-left:30px;
color:#717171;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
}

#BulletScroll {
max-height:130px;
width:225px;
overflow-y:scroll;
}

.newsText a:link {
color:#717171;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;}

.newsText a:visited {
color:#717171;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;}

.newsText a:hover {
color:#515151;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;}

.newsText a:active {
color:#717171;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;}

.wcgstore {

}

.ChampionsTitle {
font-family:"Arial Black", Arial, sans-serif;
font-style:normal;
font-variant:normal;
color:#515151;}

#ChampionsTitle1 {
position:absolute;
top:353px;
left:314px;
font-size:15px;
}

#ChampionsTitle2 {
font-family:Arial, sans-serif;
font-size:13px;
margin-left:27px;
color:#717171;
}

#ChampionsTitle3 {
position:relative;
top:-2px;
font-size:14px;
margin-left:26px;
}

#ChampionsTitle4 {
color:#717171;
font-family:Arial, sans-serif;
font-size:16px;
margin-left:27px;
}

#ChampionsTitle4 a:link {
color:#717171;
font-family:Arial, sans-serif;
font-size:16px;}

#ChampionsTitle4 a:visited {
color:#717171;
font-family:Arial, sans-serif;
font-size:16px;}

#ChampionsTitle4 a:hover {
color:#717171;
font-family:Arial, sans-serif;
font-size:16px;}

#ChampionsTitle4 a:active {
color:#717171;
font-family:Arial, sans-serif;
font-size:16px;}

.ChampionLink {
color:#515151;
font-family:"Arial Black", Arial, sans-serif;}

.SliderTitle {
position:absolute;
left:588px;
top:353px;
font-family:"Arial Black", Arial, sans-serif;
font-style:normal;
font-variant:normal;
font-size:15px;
color:#515151;
}

.SliderTitle2 {
position:absolute;
left:588px;
top:375px;
font-family:Arial, sans-serif;
font-style:normal;
font-variant:normal;
font-size:13px;
color:#707070;
}

.rightmaincontentText li {
list-style:square;
list-style-position:inside;}

.OverviewThumbnail {
margin-top:15px;
margin-left:40px;}

.OverviewDefault {
position:absolute;
top:30px;
left:150px;}


#lowermenu {
position:absolute;
left:37px;
top:566px;
}

.SponsorBarHolder {
position:relative;
width:815px;
height:0px;
top:25px;
}

.SponsorBar {
width:815px;
height:0px;
}

.lowernav {
float:left;
color:#707070;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:16px;
height:16px;
border-right:2px solid #707070;
margin-right:4px;
margin-left:1px;
padding-left:10px;
padding-right:10px;}

.lowernav a:link {
color:#707070;
text-decoration:none;}

.lowernav a:visited {
color:#707070;
text-decoration:none;}

.lowernav a:hover {
color:#515151;
text-decoration:none;}

.lowernav a:active {
color:#707070;
text-decoration:none;}

#compete {
border-right:0px;}

.littleboxesholder {}

.littleboxes {
width:735px;
margin-left:auto;
margin-right:auto;}

#bottomContact {
color:#515151; 
font-family:Arial, sans-serif; 
font-size:12px;
margin-top:2px;
}

#bottomContact a:link {
color:#515151;
text-decoration:underline; }

#bottomContact a:visited {
color:#515151;
text-decoration:underline; }

#bottomContact a:hover {
color:#717171;
text-decoration:underline; }

#bottomContact a:active {
color:#515151;
text-decoration:underline; }

#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
margin-left:auto;
margin-right:auto;
z-index:1;
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}

/* Form Styles */
.innerframe {
position:relative;
width:815px;
height:568px;
margin-left:auto;
margin-right:auto;
top:15px;
background-color:#FFF;}

.formholder {
position:relative;
top:15px;
width:700px;
height:530px;
margin-left:auto;
margin-right:auto;
}

.RequiredFields {
position:absolute;
left:10px;
color:#515151;
font-size:13px;
font-family:"Arial Black", Arial, sans-serif;
}

.SignUpInfoHolder {
position:absolute;
width:200px;
height:200px;
top:5px;
left:5px;
}

.SignUpInfoTitle {
color:#717171;
font-size:14px;
font-family:"Arial Black", Arial, sans-serif;}

#SignUpInfoText {
overflow-y:hidden;
}

input {
border:1px solid #717171;}

textarea {
border:1px solid #717171;
overflow-y:scroll;}

.NoBorderInput {
border:0px;}

.lineholder {
width:125px;
height:24px;
margin-left:220px;
margin-bottom:1px;}

#TeamLineHolder {
width:305px;
margin-left:45px;
}

.TextInputLine {
}

.titlefloater {
color:#515151;
font-size:14px;
font-family:"Arial Black", Arial, sans-serif;
text-align:right;
}

.fieldfloater {
position:relative;
top:-17px;
left:130px;
}

.checkboxfloater {
position:relative;
top:-17px;
left:130px;
}

.Interestfloater {
color:#515151;
font-size:12px;
font-weight:bold;
font-family:Arial, sans-serif;
text-align:right;
}

.radiofloater {
position:relative;
top:-18px;
left:310px;
color:#515151;
font-size:12px;
font-family:"Arial Black", Arial, sans-serif;
}

#SubmitHolder {
margin-top:75px;
margin-left:auto;
margin-right:auto;
}

.Submit {
margin-left:auto;
margin-right:auto;
width:50px;
}
/* Form Styles */

.ThankYou {
color:#515151;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
height:75px;
padding-top:75px; 
}

/* Carousel Styles */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 214px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 10px; /*margin around each panel*/
width: 214px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.SliderHolder {
margin-top:23px;}

/* Carousel Styles */

/* Photo Gallery style */


#main {
position:relative;
top:15px;
margin-left: auto;
margin-right: auto;
width: 800px;
height:568px;
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size : 12px;
}

.GalleryHolder {
position:relative;
top:-5px;
}

form {
    margin-left: 80px;
	border: 1px solid #cccccc;
	width: 300px;
	background: #E9ECEF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size : 12px;
    padding:5px;
    margin-bottom:10px;
}

#result {
    margin-left: 80px;
	border: 1px solid #cccccc;
	width: 300px;
	background: #E9ECEF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size : 12px;
    padding:5px;
    margin-bottom:20px;
}

.photo {
    padding:10px;
	border: 1px solid #cccccc;
	background: #E9ECEF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size : 12px;
    text-align:center;

}

.text {
	border: 1px solid #cccccc;
}

input {
    border: 0px solid #cccccc;
}

.values{
  font-family: verdana;
  font-weight:normal;
  font-size : 10px;
  align:top;
  vertical-align:top;
}

.key{
  font-family: verdana;
  font-weight:bold;
  font-size : 12px;
  padding-bottom:15px;
}


.caption{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
    font-size:14px;
    color:#C64934;
}

#icon{
    width:80px;
    height:80px;
    float:left;
    background-image:url(icon.gif);
    background-repeat: no-repeat;
    background-position:center center;
}

#icon2{
    width:80px;
    height:80px;
    float:left;
    background-image:url(icon2.gif);
    background-repeat: no-repeat;
    background-position:center center;
}

#source{
  text-align:right;
  align:right;
  padding-right:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size : 10px;
  color:#CCCCCC;
}

a {
    text-decoration:none;
    border:0px;
}

img {
    border:0px;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #515151;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
/* Photo Gallery style */