/*********************************************************
   HTML Elements
 *********************************************************/
 
html {
/*  behavior:url("/css/cssHoverFix.htc"); */
  height: 100%;
  color:#fff;
}

body {
  margin: 0;
  padding: 0;
  text-align: left;
  background: url(../images/pageGraphics/bg/r2r_body.gif) repeat-y top center;
  font-family: "courier new", courier, serif;
  letter-spacing: -.1em;
  word-spacing:-.1em;
  font-weight: normal;
  font-size:14px;
  color: #ffffcc;
/*  behavior:url("css/cssHoverFix.htc"); */
  height: 100%;
  line-height: 100%;
}


table {
  font-family: "courier new", courier, serif;
  letter-spacing: -.1em;
  word-spacing:-.2em;
  font-weight: normal;
  font-size:14px;
  color: #ffffcc;
  height: 100%;
  line-height: 100%;
}



/* Headers */
h1, h2, h3, h4, h5, h6 {
  font-family: "courier new", courier, serif;
  margin-bottom: 15px;
  margin-top: 5px;
  color:#ccff33;
  font-weight: normal;
}

/*
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
	color:#ffa900;
	font-style:normal;
	}
*/

h1 strong, h2 strong,h6 strong {
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	font-size: 100%;
	}

h3 strong, h4 strong {
	font-family:arial, verdana, sans-serif;
	font-weight:bold;
	font-size: 115%;
}

h1 {
  font-size: 30px;
  line-height:90%;
}

h2 {
  font-size: 26px;
    line-height:90%;
  }

h3 {
  font-size: 20px;
  }

h4 {
  font-size: 18px;
}

/* Small Caps in green , medium size, for Home Page links */
h4 a {
  font-variant: small-caps;
  font-size: 20px;
  text-decoration:underline;
}

/*orange header inside a box  - 'strong' adds handwriting */
h5 {
  background-color: #333333;
  color: #ffa900;
  padding: 4px 4px 6px 4px;
  font-size: 20px;
  text-indent:20px;
  letter-spacing:-2px;
}

h5 strong {
  font-family:  "handwriting-dakota", mistral, brush script mt, Monotype Corsiva, cursive;
  font-weight: 100;
  letter-spacing: -.1em;
  font-size: 1.3em;
}

/*orange small header text*/
h6 {
  color: #ffa900;
  font-size: 16px;
  line-height:90%;
}

/* regular text */
p {
  font-family: "courier new", courier, serif;
  letter-spacing: -.1em;
  word-spacing:0em;
  font-weight: normal;
  color: #ffffcc;
  height: 100%;
  line-height: 100%;
  font-size: 13px;
  text-indent: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
}

p strong {
	font-weight: normal;
	color: #ffa900;
}


/* Needed to horizontally pad in a coloured container */
.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;
}


/* Links */
a {
  text-decoration: none;
  color: #ccff33;
}

p a {
  text-decoration: underline;
}

a:hover {
    color: #ffa900;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #000;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}


/* Images */
img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}


.titleCell {
	width:140px;
	text-align:center;
	line-height:20px;
	font-size:13px;
	color: #ffa900;
	background-color:#000;
	font-weight:bold;
	float:left;
	}

.firstCell {
	background-color:#333;
	}

.titleCell:hover {
	background-color:#333;
	}

.PaceInfoBox {
	display:none;
	background-color:#333;
	width:410px;
	padding:10px;
	margin:0px 5px 5px 0px;
	}

.firstBox {
	display:block;
	}

/* Lists */
ul li {
  list-style-image: url(../images/pageGraphics/bg/submenu1.gif);
}

ol li {
  font-weight: bold;
  color: #668FA3;
}

ol li span {
  font-weight: normal;
  color: #444;
}



/* Blockquote */
blockquote {
  margin: 5px 0px 10px 0px;
  padding: 5px 10px 5px 10px;
  word-spacing:0px;
  font: 400 12px courier new, courier, serif;
   line-height: 12px;
 color: #fff;
  background: #333;
  border-top: 2px solid #ffa900;
  border-bottom: 2px solid #ffa900;
}

.GraceMileName {
	float:left;
	text-align:right;
	padding-right: 20px;
	width: 120px;
}

.GraceMileInput {
	float:left;
	}

/**************************************************************
   Form Elements
 **************************************************************/

form {
/*  padding: 0;
  margin: 0;*/
}

fieldset {
 border-width:0px;
 margin:0px 0px 20px 0px;
 padding:0px;
}

fieldset strong {
 color:#ffa900;
 font-weight: normal;
}

fieldset p {
 margin-bottom: 5px;
 margin-top:0px;
 margin-left:15px;
 text-indent: 0px;
}

fieldset h1 {
  margin-top:0px;
  text-align:left;
  font: 800 16px courier new, courier, sans serif;
  color: #ffa900;
  letter-spacing: -1px;
  margin-bottom: 3px;

}

fieldset h2 {
  text-align:left;
  font: 400 14px courier new, courier, sans serif;
  color: #ccff33;
  letter-spacing: -1px;
  text-indent: 0px;
  margin-bottom: 3px;
}

fieldset h3 {
  text-align:left;
  font: 400 15px courier new, courier, sans serif;
  color: #ccff33;
  letter-spacing: -1px;
  text-indent: 0px;
  margin-bottom: 3px;
}

fieldset h3 strong {
  color:#ffa900;
  font-weight: normal;
  text-indent:5px;
}

/* If you're finding the input elements get pushed down, increase the width */
label {
  margin-right:8px;
  float: left;
  text-align:right;
  width: 25%;
  vertical-align: middle;
  font: 400 14px courier new, courier, sans serif;
  color: #ccff33;
  letter-spacing: -1px;
  }

label.small {
  width:15%;
 }

input {
  padding: 1px;
  font: 400 11px courier new, courier, sans serif;
  letter-spacing:0;
 /* color: #333;
  background: #eee;
  border: 2px solid #CCC;*/
}

textarea,
select,file, text {
  padding: 1px;
  font: 400 11px courier new, courier, sans serif;
  letter-spacing:0;
  color: #333;
  background: #eee;
  border: 2px solid #CCC;
}

input:focus,
textarea:focus,
select:focus {
  color: #000;
  word-spacing:0px;
  background: #eee;
  border: 2px solid #ffa900;
  letter-spacing:0px;
}

input:hover,
textarea:hover,
select:hover {
  color: #000;
  background: #fff;
  border: 2px solid #ccff33;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.file {
  color: #ccff33;
  background: #333;
color: #333;
  background: #eee;
  border: 2px solid #CCC;
  border:0;
}


input.button,
input.submit {
  padding: 2px 5px;
  font: 400 12px courier new, courier, sans serif;
  cursor: pointer;
  letter-spacing:0px;
  color: #ccff33;
  background: #333;
  border-width: 2px;
  border-style: solid;
  border-color: #666 #666 #999 #666;
  text-align: center;
}


input.button:hover,
input.submit {
  padding: 2px 5px;
  font: 400 12px courier new, courier, sans serif;
  cursor: pointer;
  letter-spacing:0px;
  color: #ccff00;
  background: #666;
  border-width: 2px;
  border-style: solid;
  border-color: #333 #333 #666 #333;
  text-align: center;
}

input.buttonStart {
	font-size:24px;
	font-weight:bold;
	}

input.buttonStart:hover {
	font-size:24px;
	font-weight:bold;
	}

input.radio {
  border:0px;
 /*   background: #333;
  background-color: #333; */


}