/* 
  margin/padding order = top left bottom right
  
  base font 16pt
  pixels to em: 1/16 * pixels = em
  em to pixels: em / (1/16) = pixels
*/

html
{
  font-size: 100%;
  text-align: center;
}

p {text-align: left;}

body {
  text-align :center;
	margin: 0;
	padding: 0;
	background: #697281;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color:#939ba8;
}

img
{
  border: 0;
}

*
{
  margin: 0 auto 0 auto;
  text-align:left;
}

#wrapper
{
  width: 46.875em;
  display: block; 
  height: auto;
  position: relative; 
  margin: 1.063em auto 0 auto;
}

#page
{
  background-color: #FFFFFF;
  padding: 0 0 1.875em 0;
  margin: 0;
  overflow: hidden;
  height: auto;
  min-height: 31.25em;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-bottomright: 20px;
}

#header
{
  background-image: url(../images/test2.png);
  background-repeat: no-repeat;
  width: 46.875em; /* 750px */
  
  height: 8em;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
}

#headerLogo
{
  background-image:url(../images/logoHeader.png);
  background-repeat:no-repeat;
  height: 99px;
  width: 140px;
  margin: 0.5em auto 0 1.25em;
  padding: 0;
  float:left;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  cursor: pointer;
  /*
  background-image:url(../images/logoHeader.png);
  background-repeat:no-repeat;
  height: 99px;
  width: 140px;
  margin: 0.938em auto 0 1.25em;
  padding: 0;
  float: left;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  */
}

#headerTitle
{
  position: relative;
  top: 1.188em;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.88em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

#headerSubText
{
  position: relative;
  color: #DEE6F8;
  font-size: .75em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  clear:left;
  padding: .25em 0 0 3.5em;
  
  /*
  position: relative;
  top: 2.375em;
  color: #DEE6F8;
  text-align: center;
  font-size: 1.00em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  */
}     

/* begin navigation bar styles */
#myNavBox
{
  margin: 0.313em auto auto auto;
  width: 43.75em;
  height: 1.25em;
  padding: 0.625em;
  text-align: left;
  background-color: #214ab9; /* #f79c2d */
  z-index: 10000000;
  
  /* Do rounding (native in Firefox and Safari) */
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

#navlist
{
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
  position: relative;
}

.mainlink
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0 1.2em 0 1.2em;
}

.mainlink a
{
color: #FFFFFF;
font-size: 1em;
}

.mainlink a:hover
{
  color: #f79c2d; /* e4ebfa */
}

.mainlink ul.submenu
{
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #214ab9;
  border: solid .0625em #ccc;
  top: 1.3em;      
}
        
.mainlink ul.submenu li
{
  font-size: 0.9em;
  padding: 0 1em;
  margin: 0;
  min-width: 5em;
  line-height: 2em;
  display: block /* inline=horizontal submenu, block=vertical submenu*/
}

.mainlink ul.submenu li a
{
  color: #FFFFFF;
}

.mainlink ul.submenu li a:hover
{
  color: #f79c2d;
}

.mainlink:hover ul.submenu
{
  display: inline;
}

.defaultCursor
{
  cursor: default;
}
/* end navigation styles */

.contentTitle
{
width:43.75em;
height:2.75em;
margin: 1.25em 1.563em 0 1.563em;
background-image:url(../images/tab_back.png);
background-repeat:no-repeat;

}

.contentTitle h1
{
margin: 0 auto 0 auto;
padding-top:0.5em;
font-size:1.125em;
color:#000000;
text-align:center;
}


.contentText
{
padding: 0.625em 3.75em 0.625em 3.75em;
font-size:0.9em;
color:#000000;
line-height:1.786em;
}

#goldMedal
{
  background-image:url(../images/gold.png);
  background-repeat:no-repeat;
  height: 100px;
  width: 88px;
  margin: 3.3em 0 0 0;
  padding: 0;
  float: left;
}
#silverMedal
{
  background-image:url(../images/silver.png);
  background-repeat:no-repeat;
  height: 100px;
  width: 87px;
  margin: 3.3em 0 0 0;
  padding: 0;
  float: left;
}
#bronzeMedal
{
  background-image:url(../images/bronze.png);
  background-repeat:no-repeat;
  height: 100px;
  width: 88px;
  margin: 3.3em 0 0 0;
  padding: 0;
  float: left;
}

.sponsorRow
{
  margin: 0 0 1em 0;
  padding: 0;
  width: 43.75em;
  height: 10.3em;
  border-bottom: .0625em solid #000;
  clear:both;
}

.sponsorLevel
{
  margin: 0;
  padding: 2.5em 0 0 3.5em;
  text-align: left;
  font-size: 3em;
}

.sponsorImages
{
  margin: 0;
  padding: 0;
  text-align: center;
}

.sponsorImages a
{
  margin: 0 1.389em;
}

ol, ul
{
padding: 0 3.75em 0 3.75em;
}

/* TABLE STYLES */
.membershipTable
{
  table-layout: auto;
  margin: 0;
  padding: 0;
}
.membershipTable td
{
  text-align: center;
}

#eventTable
{
  table-layout: auto;
  margin: 0;
  padding: 0;
}
.grayRow
{
  background-color: #DEDDDD;
}
#overallStandings
{
  text-align: right;
}

.disabledLink
{
  color: #A3A2A2;
}

a
{
text-decoration:none;
color:#214ab9;
}

a:hover
{
color:#5478D6;
}


#footer {
  padding: 0.313em 0 0 0;
  text-align: center;
  font-size: 0.56em;
  color: #223F8D;
}

.centered
{
  margin: 0 auto 0 auto;
  text-align: center;
  padding: 0;
}

.bold
{
  font-weight: bold;
}

.italic
{
  font-style: italic;
}

.underline
{
  text-decoration: underline;
}

.indented
{
  padding-left: 2em;
}

/* double space only the first list items in a list with id of parentList, e.g. not nested lists */
#parentList > li
{
  margin-bottom: 2em;
}

#paceTable
{
  background-color: #EFEFEF;
  font-size: .8em;
}

.testimonialBlock
{
  padding-bottom: 2em;
}

.readMore
{
  cursor: pointer;
  color: #214ab9;
  font-weight: normal;
  display: inline;
}

.hide
{
  cursor: pointer;
  color: #214ab9;
  font-weight: normal;
  display: none;
}

.plus
{
  margin-bottom: -.75em;
}

.minus
{
  margin-bottom: -.75em;
  margin-left: -1em;
}

.plusMinusListItem
{
  margin-bottom: .5em;
}

.raceReportHeader
{
  margin: 0 auto 0 auto;
  text-align: center;
  padding: 0;
  font-weight: bold;
}

/* use class selector (.) instead of id (#) due to curvycorners bug */
.teamPhoto
{
  background-image:url(../images/team.jpg);
  background-repeat:no-repeat;
  height:427px;
  width:640px;
  margin: 0.625em auto 0 auto;
  padding: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

/* rounded corners */
.myBox
{
  font-size: .9em;
  margin: .556em 1.736em; /* 8px 25px */
  color: #333333;
  width: 10.417em; /* 150px */
  height: auto;
  padding: 0.694em; /* 10px */
  text-align: center;
  background-color: #cfcece;
  float: right;
  clear: right;

  /* Do rounding (native in Firefox and Safari) */
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.myBox img
{
  margin: 1em 0 0 0;
  padding: 0;
}
.myBox .boxHeader
{
  font-weight: bold;
  text-align: center;
}

.dividerLine
{
  margin: 1em 0 1em 0;
  padding: 0;
  border-bottom: .0625em solid #214ab9;
}

.fakeLink
{
  cursor: pointer;
  color:#214ab9;
  font-weight: normal;
}
.fakeLink:hover
{
  color:#5478D6;
}

/* form styling */
.error
{
  color: #FF0000;
  padding: 0 0 1em 0;
}

.required
{
  color: #FF0000;
}

.field
{
  margin: 0 0 0.625em 0;
}

.field label
{
  clear: right;
  display: block;
  float: left;
	width: 5.8em; 
	padding: 0; 
	margin: 0 0.625em 0 0;
	text-align: right; 
	
}

.field input, textarea, select
{
  display: block;
	margin: 0;
	padding: 0;
}

.field textarea
{
  overflow: auto;
}

.field input:focus, textarea:focus, select:focus
{
  background-color:#ccccff;
}

.captcha
{
  margin: 0 0 0 6.425em;
}

.buttons
{
  margin: 1em 0 0 6.425em;
  padding: 0;
}
.buttons input
{
  width: 6.425em;
  height: 2.188em;
  margin: 0 3em 0 0;
  text-align: center;
}

#archiveForm, #contactForm, #challengeForm
{
display:block;
clear:left;
float:left;
}
#archiveForm select
{
  width: 7em;
}