@charset "UTF-8";

/** width 1012px

/** 
 * MTV.com Ultimate Linear CSS Drop-Down Menu Theme\
 *
 * @file		default.ultimate.css
 * @name		MTV.com
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 */

@import "default.css";
@import "navbar.css";


/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 30px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown li {
 padding: 0;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 padding: 8px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown *.dir { /* POI */
 padding: 5px 30px;
}

ul.dropdown ul *.dir {
 padding: 8px 30px 8px 8px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown ul a {
 width: 133px;
}

ul.dropdown ul a.dir {
 width: 111px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


ul.dropdown *.open {
 background-color: #3d3d3d;
}
ul.dropdown ul *.open {
 background-color: #4c4c4c;
 background-image: url(images/comnav-arrowover.png);
 color: #fff;
}
ul.dropdown ul ul *.open {
 background-color: #595959;
 background-image: url(images/comnav-arrowover2.png);
 color: #fff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
 background-color: #4698ca;
 color: #fff;
}
ul.dropdown ul a.open:hover {
 background-image: url(images/comnav-arrowon.png);
 color: #fff;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 background-color: #3d3d3d;
}
ul.dropdown ul li:hover > *.dir > *.dir {
 background-color: #4c4c4c;
 background-image: url(images/comnav-arrowover.png);
}
ul.dropdown ul ul li:hover > *.dir > *.dir {
 background-color: #595959;
 background-image: url(images/comnav-arrowover2.png);
 color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
 background-color: #4698ca;
 color: #fff;
}
ul.dropdown li:hover > a.dir:hover {
 background-image: url(images/comnav-arrowon.png);
 color: #fff;
}




/* Start of Customized by Me Section */



#footer2  {
clear: both;
position: absolute;
right: 200px;
top: 0px;
margin-top: 50px;
        height: 200px; /* .push must be the same height as .footer */
        width: 1012px;
        background-color: ##fff;
}





/* Heading for Amazon sidebar  */

#amazonside  {
position: absolute;
top: 70px;
left: 1012px;
}

/* Heading for Amazon sidebar  */

#amazonsidelong  {
position: absolute;
top: 70px;
left: 1000px;  /* Was 1012  */
}

#amazondonate  {
width: 120px;
border: 3px solid yellow; /*#8A6ED7;*/
text-align: left;
}


/* Social - FB and Google+1  Two b/c go side by side*/

#social  {
position: absolute;
top: 10px;
left: 680px;
}

#social2  {
position: absolute;
color: white;
top: 10px;
left: 582px;
}



/* Text Sizes */

/* Top Level -- majorheading*/

p.home {
font-family: 'trebuchet ms',helvetica,sans-serif; 
font-size: 14px;
}

p.amazondonate {
font-family: 'trebuchet ms',helvetica,sans-serif; 
font-size: 11px;
padding: 5px;
}


/* Major Heading is now H1 */

#major_heading   {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 25px;
/*color: #3973E8; */  /*#8A6ED7;*/
color: blue;
font-weight: bolder;
margin-bottom: 3px;
}

h1 {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 25px;
color: blue;
font-weight: bolder;
margin-bottom: 3px;
}

h1.logo   {
margin-bottom: 10px; 
/*border-bottom: solid 1px #d9d9d9; */
font-family: Arial, Helvetica, sans-serif; font-weight: normal; 
font-size: 40px;   /* was 48px*/
font-style: italic; 
text-indent: 5px; 
letter-spacing: -1px; 
color: blue;
}

h1.lightblue {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 25px;
font-weight: bolder;
margin-bottom: 3px;
color: #3973E8
}

h1.notbold {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 25px;
color: #3973E8;  /*#8A6ED7;*/
margin-bottom: 3px;
font-weight: lighter;
}

#majorheading_notbold   {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 25px;
color: #3973E8;  /*#8A6ED7;*/
margin-bottom: 3px;


}



/* 2nd Level -- Heading --> NOW H3  */



#heading1   {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 15px;
/* color: #8A6ED7; */
color: #3973E8; 
font-weight: bolder;
text-align: center;
margin-bottom: 3px;
font-style: italic;
}


h3   {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 15px;
color: #3973E8; 
font-weight: bolder;
text-align: center;
margin-bottom: 3px;
font-style: italic;
}



/* 3rd Level -- formdesc  -> now h4*/

#form_desc    {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 12px;
font-weight: bolder;
text-align: center;
/*color: #FFD273; */  /* purple=ish - orginal */
color: #FFCC00;
padding-bottom: 3px;

}

h4    {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 12px;
font-weight: bolder;
text-align: center;
color: #FFCC00;
padding-bottom: 3px;
}


h4.normal    {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 14px;
font-weight: normal;
text-align: left;
color: white;
padding-bottom: 0px;
}


h4.search    {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 16px;
font-weight: bolder;
text-align: left;
color: blue;
padding-bottom: 0px;
}


h4.results   {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
text-align: left;
color: black;
padding-bottom: 0px;
}


h3.yellow    {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 15px;
font-weight: normal;
text-align: left;
color: #FFCC00;
padding-bottom: 0px;
font-style: normal;
}


h3.white     {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 15px;
font-weight: normal;
text-align: left;
color: white;
padding-bottom: 0px;
font-style: normal;
}


h3.yellowbold    {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 15px;
font-weight: normal;
text-align: left;
color: #FFCC00;
padding: 2px;
font-style: normal;
text-align:center
}



/* 3rd Level -- faq_quest - Question font on FAQ */

#faq_quest    {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 18px;
text-align: left;
/* color: #FFCC00; */
/*color: #3973E8; */
color: #888888;
padding-bottom: 15px;
}


h2   {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 16px;
}


/* takes place of #faq_quest - answers in FAQ and Stats page */

h2.questionText  {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 20px;
color: #FFD273;
padding-bottom: 15px;
font-weight: lighter;

}


h2.questionText_nopadding  {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 20px;
color: #FFD273;
font-weight: lighter;

}

h2.notboldwhite  {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 18px;
color: white;
}


h2.white14px  {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 14px;
color: white;
font-weight: normal;

}



h2.notbold {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 18px;
color: #3973E8;  /*#8A6ED7;*/
margin-bottom: 3px;
font-weight: lighter;
padding-bottom: 0px;
}


/* Default LINK colors */
a:link     {color: #3973E8;}
a:visited  {color: #3973E8;} 
a:hover    {color: #C0C0C0;}
a:active   {color: #C0C0C0;} 


/* Search heading LINK colors */
a.search:link     {color: blue; font-size: 16px;}
a.search:visited  {color: blue; font-size: 16px;} 
a.search:hover    {color: #3973E8; font-size: 16px;}
a.search:active   {color: #3973E8; font-size: 16px;} 


/* Search results LINK colors */
a.results:link     {color: blue; font-size: 13px; font-family: 'trebuchet ms',helvetica,sans-serif; font-weight: bolder;}
a.results:visited  {color: blue; font-size: 13px; font-family: 'trebuchet ms',helvetica,sans-serif; font-weight: bolder;} 
a.results:hover    {color: #3973E8; font-size: 13px; font-family: 'trebuchet ms',helvetica,sans-serif; font-weight: bolder;}
a.results:active   {color: #3973E8; font-size: 13px; font-family: 'trebuchet ms',helvetica,sans-serif; font-weight: bolder;} 


/* FAQ and STATS questions LINK */
a.question:link    {color: #888888; text-decoration: none;}
a.question:visited {color: #888888; text-decoration: none;}
a.question:hover   {color: #C0C0C0; text-decoration: none;}
a.question:active  {color: #888888; text-decoration: none;}


/* Calendar months LINK */
a.month:link    {color: #3973E8; text-decoration: none; font-size: 18px; line-height: 90%;}
a.month:visited {color: #3973E8; text-decoration: none; font-size: 18px; line-height: 90%;}
a.month:hover   {color: #C0C0C0; text-decoration: none; font-size: 22px;}
a.month:active  {color: #C0C0C0; text-decoration: none; font-size: 22px;}


/* Detail 3rd column LINK */
a.detail:link    {color: #3973E8;}
a.detail:visited {color: #3973E8;}
a.detail:hover   {color: #C0C0C0;}
a.detail:active  {color: #C0C0C0;}


/* FAQ/Stat answer margin */
p.indent  {
/*padding-left: 40px; */
font-family: 'trebuchet ms',helvetica,sans-serif; 
font-size: 13px;
padding-bottom: 15px;
text-align: justify;
}


/* 3rd Level -- faq_answert - Answer font on FAQ */

#faq_answer    {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 14px;
text-align: left;
color: white;
padding-bottom: 8px;

}



/* 4th Level -- Box Text --> h5 looks like may not need, but leave h5*/

#box_text    {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
color: white;
}

h5    {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
color: white;
}



/* 4th Level -- formtext h5.formtext */

#form_text    {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 10px;
font-weight: lighter;
color: #FFD273;
}


h5.formtext  {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 10px;
font-weight: lighter;
color: #FFD273;
}

/* 5th Level -- smaillintaltext */
#small_ital_text  {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 8px;
font-weight: lighter;
font-style: italic;
text-align: center;
color: #FFD273;

}


                 




/* Center Text */
#center    {text-align: center;}



/* Home Page  */

#homeFirst   {
height: 330px;
position: relative;
width: 962px;
margin-bottom: 0px;
margin-left: 10px;
border: 1px solid blue; /*#8A6ED7;*/
top: -25px;
text-align: justify;
}


#hometop   {
height: 300px;
position: absolute;
width: 450px;
border-right: 1px solid blue; /*#8A6ED7;*/
padding: 15px;
}


#homedonate   {
position: absolute;
height: 300px;
left: 485px;
width: 220px;
padding: 15px;
border-right: 1px solid blue;
}


#homehelp   {
position: absolute;
left: 735px;
width: 192px;
padding: 15px;
}


/* Home page Map heading */
#homeMapHeading {
margin-top: 0px;
margin-left: 20px;
}



/* Home page Map */

#homeSecond   {
height: 315px;
position: relative;
width: 964px;
margin-left: 10px;
}



#homemap  {
position: absolute;
top: 0px;
WIDTH: 640px; 
HEIGHT: 300px;  /* was 300px before November 2010 */
color: black;
font-size: x-small;
font-family: 'trebuchet ms',helvetica,sans-serif;
}


/* Home page sidebar*/

#homesidebar      {
font-size: 13px;
color: black;
background-color: #ddd;
width: 325px;
height: 300px;     /* was 300px before November 2010 */
overflow: auto;
position: absolute;
left: 640px;
top: 0px;
}


#homeThird   {
width: 964px;
height: 335px;
position: relative;
margin-left: 10px;
margin-top: 15px;
border: 1px solid blue; /*#8A6ED7;*/
text-align: justify;
}


#homereview   {
position: absolute;
width: 416px;
padding: 20px;
}


#homeelevation   {
position: absolute;
height: 295px;
width: 470px;
padding: 20px;
left: 456px;
border-left: 1px solid blue; /*#8A6ED7;*/
}


/* Convert page  */

#convert   {
height: 330px;
position: relative;
width: 962px;
margin-bottom: 0px;
margin-left: 10px;
top: -25px;
text-align: center;
}





/* Borders  */

/* Overall Page Border - Includes All */

#overall   {
width: 1012px;
height: 100%;
}


/* Navigation bar border */

#nav_bar  {
width: 1012px;
margin-bottom: 10px; 
margin-right; 10px;
padding: 10px;
height: 120px;
z-index: 100;
}


/* Toggle Button Screen */

#toggle   {
top: 130px;
left: 381px;
position: absolute;
/*border: 1px solid #8A6ED7;*/

}


/* Border for Overall Search Screen - All other searches within this one */

#search   {
position: relative;
width: 1012px;  /* 100% of 1012px height: 325px;*/
border: 1px solid blue; /*#8A6ED7 */
margin-bottom: 10px;
left: 10px;
padding: 0px;
top: -30px;
height: 370px;   /* was but IE cut off height: 325px;*/

}

/* Border for 'By Keyword' overall screen */
#searchkeyword   {
width: 610px;  /* 100% of 1012px height: 325px;*/
border: 1px solid blue;
margin-bottom: 10px;
margin-right; 10px;
left: 10px;
padding: px;
position: relative;
top: -30px;
height: 130px;
}


/* Border for Location Screen in Keyword Screen  */

#searchlocationkey   {
width: 405px;  /*40% of 1012px */
margin-bottom: 10px;
margin-right; 10px;
position: absolute;
height: 115px;
/*border: 1px solid #8A6ED7;*/

}


/* Border for Distance Screen Keyword page*/

#searchdistancekey   {
width: 405px; /*40% of 1012px */
margin-bottom: 10px;
margin-left; 10px;
position: absolute;
height: 115px;
left: 310px;
}



/* Border for Location Screen */

#search_location   {
width: 405px;  /*40% of 1012px */
border-bottom: 1px solid blue;
margin-bottom: 10px;
margin-right; 10px;
position: absolute;
height: 115px;
/*border: 1px solid #8A6ED7;*/

}


/* Border for Distance Screen */

#search_distance   {
width: 405px; /*40% of 1012px */
border-bottom: 1px solid blue;
margin-bottom: 10px;
margin-left; 10px;
position: absolute;
height: 115px;
left: 405px;
/*border: 1px solid #8A6ED7;*/

}


/* Border for Submit/Reset Button Screen */

/* Advanced/Location Reset Button Screen */

#buttons   {
width: 202px;  /* 20%of 1012px */
border-bottom: 1px solid blue;
margin-bottom: 10px;
margin-right; 10px;
position: absolute;
height: 115px;
left: 810px;
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
color: white;
/*border: 1px solid #8A6ED7; */
}


/* Border for STATE Screen in STATE Screen  */

#searchstate   {
width: 405px;  /*40% of 1012px */
border-bottom: 1px solid blue;
margin-bottom: 10px;
margin-right: 10px;
padding-left: 150px;
position: absolute;
height: 115px;
/*border: 1px solid #8A6ED7;*/
}


/* State Search Reset Button Screen */

#statebuttons   {
width: 362px;  /* 20%of 1012px */
border-bottom: 1px solid blue;
margin-bottom: 10px;
padding-left: 50px;
position: absolute;
height: 115px;
left: 600px;
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
color: white;
/*border: 1px solid #8A6ED7; */
}




/* Border for Race Date Screen */

#search_date     {
width: 283px;  /* 28% of 1012px */
/*border: 1px solid #8A6ED7; */
margin-bottom: 10px;
margin-right; 10px;
padding: 3px;
position: absolute;
height: 230px;
top: 118px;
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
color: white;
}



/* Border for Course Screen */

#course   {
width: 202px;  /* 20% of 1012px */
/* border: 1px solid #8A6ED7; */
margin-bottom: 10px;
margin-right; 10px;
padding: 3px;
position: absolute;
height: 230px;
left: 280px;
top: 118px;
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
color: white;

}



/* Border for 2nd Course Screen */

#course2   {
width: 273px;  /*27% of 1012px */
/* border: 1px solid #8A6ED7; */
margin-bottom: 10px;
margin-right; 10px;
padding: 3px;
position: absolute;
height: 230px;
left: 510px;
top: 118px;
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
color: white;

}


#misc   {
width: 202px;  /* 20% of 1012px */
/* border: 1px solid #8A6ED7; */
margin-bottom: 10px;
margin-right; 10px;
padding: 3px;
position: absolute;
height: 230px;
left: 806px;
top: 118px;
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
color: white;

}



/* Google Map */

/* race detail and compare maps */
#detailmap  {
padding: 2px;
WIDTH: 970px; 
HEIGHT: 350px;
left: 10px;
color: black;
font-size: x-small;
font-family: 'trebuchet ms',helvetica,sans-serif;
}




/* Search page Maps */
#map  {
top: -30px;
padding: 2px;
WIDTH: 1012px; 
HEIGHT: 350px;
left: 10px;
color: black;
font-size: x-small;
font-family: 'trebuchet ms',helvetica,sans-serif;

}

/* Results Bar */

#sidebar      {
padding: 2px;
font-size: 13px;
color: black;
/*background-color: #FFD273;*/
background-color: #ddd;
width: 1012px;
margin-top: -30px; 
margin-left: 10px; 
left: 10px;
}


/* loctionSelect - new sidebar for V3 */

#locationSelect {
padding: 2px;
font-size: 13px;
color: black;
/*background-color: #FFD273;*/
background-color: #ddd;
width: 1012px;
margin-top: -30px; 
margin-left: 10px; 
left: 10px;
}





/* Input Box form size */
.form { font-size: 18px; color=#990000; font-family: 'trebuchet ms',helvetica,sans-serif; }



/*Buttons from check/uncheck month */

input.btn { 
color: white; 
font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
background-color: #3d3d3d; 
border: 1px solid; 
border-color: #6E6E6E; 
/*filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');  */
width: 8em;
height: 2em;
font-size: large;

} 

input.btnhov { 
border-color: #3d3d3d; 
background-color: #6E6E6E; 
font: bold 100%;
}


input.chk { 
color:white; 
font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
background-color: #3d3d3d; 
border: 1px solid; 
border-color: #6E6E6E; 
/*filter:progid:DXImageTransform.Microsoft.Gradient 
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');  */
width: 7em;
height: 2em;
font-size: xx-small;

} 

input.chkhov { 
border-color: #3d3d3d; 
background-color: #6E6E6E;

}


input.unchk { 
color:white; 
font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
background-color: #3d3d3d; 
border: 1px solid; 
border-color: #6E6E6E; 
/*filter:progid:DXImageTransform.Microsoft.Gradient 
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');  */
width: 7em;
height: 2em;
font-size: xx-small;

} 

input.unchkhov { 
border-color: #3d3d3d;
background-color: #6E6E6E; 
}



/*NEW Buttons for Toggle */

input.tog { 
color: white; 
font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
/*background-color: #3d3d3d;  */
background-color: #3973E8;
border: 1px solid; 
border-color: #6E6E6E; 
/*filter:progid:DXImageTransform.Microsoft.Gradient 
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');  */
width: 180px;
height: 20px;
font-size: small;

} 

input.toghov { 
border-color: #3d3d3d; 
/* background-color: #6E6E6E; */
background-color: blue;  
font: bold 100%;
}


input.chktog { 
color:white; 
font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
background-color: #3d3d3d; 
border: 1px solid; 
border-color: #6E6E6E;
/*filter:progid:DXImageTransform.Microsoft.Gradient 
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');  */
width: 7em;
height: 2em;
font-size: xx-small;

} 

input.chktoghov { 
border-color: #3d3d3d;
background-color: #6E6E6E;

}


input.unchktog { 
color:white; 
font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
background-color: #3d3d3d; 
border: 1px solid; 
border-color: #6E6E6E;
/*filter:progid:DXImageTransform.Microsoft.Gradient 
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');  */
width: 7em;
height: 2em;
font-size: xx-small;

} 

input.unchktoghov { 
border-color: #3d3d3d;
background-color: #6E6E6E; 
}










/* Unordered Lists Format 

 ul.month_column_1 {
  width: 21em;
  margin: 0;
  list-style: none;
  
}
 
li.month_column_1 {
  float: left;
  width: 7em;
  margin: 0;
  padding: 0;
  line-height: 1.3em;
}


ul.month_column_2 {
  float: left;
  width: 21em;
  margin: 0;
  padding-left: 5px;
  list-style: none;
}
 
li.month_column_2 {
  float: left;
  width: 7em;
  margin: 0;
  padding: 0;
  line-height: 1.3em;
}

ul.month_column_3 {
  float: left;
  width: 21em;
  margin: 0;
  padding-left: 5px;
  list-style: none;
}
 
li.month_column_3 {
  float: left;
  width: 7em;
  margin: 0;
  padding: 0;
  line-height: 1.3em;
}
*/



/* FAQ and Statistics page Borders - to keep line answers from getting too large */

#FAQ   {
width: 650px;
margin-left: 10px;
position: relative;
top: -30px;

}



/* Statistics page Borders - to keep line answers from getting too large */

#stats   {
width: 680px;
margin-left: 10px;
position: relative;
top: -30px;

}


/* Pace Sheet border */
#pace   {
width: 900px;
margin-left: 30px;
position: relative;
top: -30px;
}

/* Pace Sheet border - columns */
#pacecolumn1   {
width: 150px;
top: 0px;
float: left;
}

#pacecolumn2   {
width: 150px;
top: 0px;
float: right;

}



/* DETAIL page text */


#detail_cat  {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 13px;
color: #FFD273;
font-weight: bolder;
margin-bottom: 3px; 
}


/*takes place of detail_cat */

h4.detailcat    {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 13px;
color: #FFD273;
font-weight: bolder;
margin-bottom: 3px; 
text-align: left;
}



#detail_state  {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 20px;
color: white;
font-weight: bolder;
margin-bottom: 3px;
font-style: italic;
}

/* takes place of detail_state */

h2.detailstate  {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 20px;
color: white;
font-weight: bolder;
margin-bottom: 3px;
font-style: italic;
}


#detail_subhead  {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 18px;
color: #3973E8;
font-weight: lighter;
}


/* takes place of detail_subhead*/

h2.detailsubhead  {
font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 18px;
color: #3973E8;
font-weight: lighter;
}



/* DETAIL page border */

/* DETAIL page border  */
#detail_overall    {
position: relative;
width: 1012px;  /* 80% of max*/
top: -43px;

}


#major_info   {
position: absolute;
width: 1012px;  /* 80% of 1012px */
left: 10px;
}


#left_column    {
position: absolute;
width: 304px;  /* 30% of 1012px */
top: 73px;
left: 10px;
}


#right_column    {
position: absolute;
top: 73px;
left: 304px;
width: 708px;  /* 70% of 1012px */

}


#far_right_column    {     /* race-detail page  */
position: absolute;
width: 404px;  /*  */
left: 608px;    /*was 608px  */
top: 73px;

}


#far_right_column_compare    {     /* compare page  */
position: absolute;
width: 300px;  /*  */
left: 710px;    /*was 608px  */
top: 200px;

}


#comparesidepace    {     /* compare page  */
position: absolute;
width: 300px;  /*  */
left: 710px;    /*was 608px  */
top: 100px;

}



#elev_course    {
position: absolute;
top: 370px;
height: 100px;
width: 520px;
left: 10px;
text-align: justify;
} 


#elev_course2    {
position: absolute;
top: 400px;
height: 100px;
width: 520px;
left: 10px;
text-align: justify;
} 





/* COMPARE page border */

#compare_left   {
float: left;
width: 400px;  /* 30% of 1012px */
margin-top: 0px;
margin-left: 10px;
}


#compare_right  {
float: left;
margin-left: 40px;
width: 400px;  /* 30% of 1012px */
margin-top: 0px;
}


#compare_elevation  {
clear: both;
margin-top: 20px;
display: block;
width: 1012px;
margin-left: 10px;
}


#compare_review  {
float: left;
margin-top: 20px;
display: block;
width: 400px;
margin-left: 10px;
text-align: justify;
}


#compare_review_right  {
float: left;
margin-top: 20px;
display: block;
width: 400px;
margin-left: 40px;
text-align: justify;
}



/* weather page  */

#weatherTemp  {

}

#weatherHourly {
margin-top: -240px;
margin-left: 180px;

}

#weatherPR  {
margin-top: -240px;
margin-left: 680px;
}

#weatherProb  {
margin-top: -182px;
margin-left: 180px;
height: 180px;
width: 300px;

border-width: 1px;
border-spacing: ;
border-style: outset;
border-color: gray;
border-collapse: collapse;
}


#weatherAvg  {
width: 180px;
height: 180px;

border-width: 1px;
border-spacing: ;
border-style: outset;
border-color: gray;
border-collapse: collapse;
}


#table_profile      {

font-family: 'trebuchet ms',helvetica,sans-serif;
}


/* Contact Us pages */

#contact_leftcol    {
position: absolute;
width: 304px;  /* 30% of 1012px */
top: 73px;
left: 10px;
}


#contact_rightcol   {
position: absolute;
top: 73px;
left: 404px;
width: 506px;  /* 50% of 1012px */

}




/* Update/feedback page */

#update    {
position: relative;
top: -15px;
left: 10px;
width: 860px;  /* 80% of 1012px */
}

#feedback{
position: relative;
top: -15px;
height: 310px;
left: 10px;
width: 812px;  /* 80% of 1012px */
}

#update_text  {
position: absolute;
width: 810px;  /* 80% of 1012px */
left: 10px;
}


/* REVIEW page border */

#reviewpage  {
position: absolute;
left: 25px;
}



/* pace band result area  */

#pacebandresult    {     
position: absolute;
width: 400px;  /*  */
left: 550px;    
top: 0px;
}


#pacebandresultcustom    {     /* only of paceband-custom page */
position: absolute;
width: 200px;  
left: 450px;    
top: 0px;
}


#pbPix    {     /* places picture of paceband */
position: absolute;
width: 300px;  
left: 675px;    
top: 0px;
}

#donatepaceband    {     
width: 70%; 
border: 2px solid blue; 

}


/* Custom Pace Band page table border */

.splitBorder   {
border: 1px solid blue; 
}

tr.splitCell td {
border-bottom: 1px solid blue; 
border-top: 1px solid blue; 
}

td.split  {
text-align: center;
font-weight:bold;
}

th.splitHead {
color: blue;
/* border: 2px solid yellow;  */
background-color: yellow;

}




/* Calendar page table border */


#calendar     {
position: fixed;
height: 75%;
width: 1012px;

}  

#calendar_month   {
position: fixed;
width: 180px;
overflow: auto;
height: 100%;
margin-left: 10px;
top: 155px;
}



#calendar2     {          /* Calendar2.php */
position: relative;
width: 1012px;
}


#calendar_month2   {    /* Calendar2.php */


width: 180px;
height: 100%;
margin-left: 10px;
top: 155px;
}



#calendar_list2    {  /* Calendar2.php */
position: absolute;
width: 760px;
left: 180px;
top: -30px;

height: 100%;
}


#calendar_list    {
position: absolute;
width: 760px;
left: 180px;
top: -30px;
overflow: auto;
height: 100%;
}


#calendar_compare    {
position: relative;
width: 150px;
border: 1px solid gray;
border-color: gray;
padding: 5px;

font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
text-align: center;
color: white;
margin-bottom: 10px;

}


/* div for conversion page */

/* div for conversion page - column 1 */

#conversioncol1    {
position: absolute;
width: 350px;
border-right: 1px solid gray;
/* border-color: gray; */
padding: 5px;

font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: yellow;
margin-bottom: 10px;

}

/* div for conversion page - column 1 */

#conversioncol2    {
position: relative;
left: 400px;
width: 350px;
/* border: 1px solid gray; */
/* border-color: gray; */
padding: 5px;

font-family: 'trebuchet ms',helvetica,sans-serif;
font-size: 13px;
font-weight: normal;
color: white;
margin-bottom: 10px;

}



/* Yearly Conversion Page */

/* div for fixed results of clicks */
#fixed  {
position: fixed;
left: 700px;
width: 270px;
border: 1px solid blue; 
padding: 10px;
text-align: center;
}



/* table on stats page and on calendar page - need to change name*/

table.sample {
	border: 1px solid gray;
	/*border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse; */
        font-family: 'trebuchet ms',helvetica,sans-serif;
        font-size: 14px;
}

table.sample td {
	padding: 4px;
}



/*table for Calendar display fields - replaced table.sample*/

table.calendar {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
        font-family: 'trebuchet ms',helvetica,sans-serif;
        font-size: 14px;
        color: white;
}

table.calendar td {
	padding: 4px;
}


/*table for weather-temperature */

table.temperature   {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
        font-family: 'trebuchet ms',helvetica,sans-serif;
        font-size: 40px;
        color: white;
        height: 240px;
        width: 180px;

}


table.weatherHourly   {
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
        font-family: 'trebuchet ms',helvetica,sans-serif;
        color: white;
        height: 240px;
        width: 500px;

}



/*table for index sidebar*/

table.homesidebar {
color:black;
font-size:14px;
}


/*table for pace band display page*/

table.pacehead{
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: black;
	border-collapse: collapse;
        font-family: 'trebuchet ms',helvetica,sans-serif;
        font-size: 14px;
        color: black;
        background-color: #6666FF;
}

table.pacename td {
	padding: 2px;
}


table.pacename{
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: black;
	border-collapse: collapse;
        font-family: 'trebuchet ms',helvetica,sans-serif;
        font-size: 14px;
        color: black;
        background-color: #6666FF;
}

table.pacehead td {
	padding: 2px;
}



table.pace{
	border-width: 1px;
	border-spacing: ;
	border-style: outset;
	border-color: black;
	border-collapse: collapse;
        font-family: 'trebuchet ms',helvetica,sans-serif;
        font-size: 14px;
        color: black;
        background-color: #0088CC;
}

table.pace td {
	padding: 2px;
}





/* table on conversion page  */

table.conversioncol1 {
	border: 1px solid gray;
	/*border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse; */
        font-family: 'trebuchet ms',helvetica,sans-serif;
        font-size: 14px;
}

table.conversion td {
	padding: 4px;
        border: 1px solid gray;
	/*border-spacing: ;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse; */
        font-family: 'trebuchet ms',helvetica,sans-serif;
        font-size: 14px;
        width: 200px;
}





/* Double Column on Stats page */

table.double_stats{
	/*border-width: 1px;*/
	/*border-spacing: ;*/
	/*border-style: outset; */
	/*border-color: gray; */
	/*border-collapse: collapse; */
        border: none;
}

table.double_stats td {
	padding: 4px;
}






.hidden { display: none; }
.unhidden { display: block; }



/* Test to see if footer sticky */

* {
	margin: 0;
}
html, body {
	height: 100%;
        margin:0;
        padding:0;
        background-color: black; 
        color: white;
}
.wrapper {
        min-height: 100%;
	height: auto !important;
        height: 100%;
	margin: 0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}


.footer, .push {
	margin-top: 50px;
        height: 100px; /* .push must be the same height as .footer */
        width: 1012px;
        background-color: ##fff;
        font-family: 'trebuchet ms',helvetica,sans-serif;
        color: #888888;
clear: both;
}  

a.footer:link    {color: #888888; font-size: 14px; font-weight: lighter; text-decoration: none;}

a.footer:visited {color: #888888; font-size: 14px; text-decoration: none;}
a.footer:hover   {color: #C0C0C0; font-size: 14px; text-decoration: underline;}
a.footer:active  {color: #C0C0C0; font-size: 14px; text-decoration: underline;}



/* hpt on forms */
#website{
display:none;
}