@charset "utf-8";
/* CSS Document */

/* COLORS

Blue (H1) #302e6b
Yellow column #e0d44e 
Green (H2) #22662e (was grey, #333333)
H3 #333333 (Grey)
Blue right column #222277

*/

/* 
Use this document as a starting point for a new CSS 
Modify values as needed, but keep the tag names the same

REVISION HISTORY
081003, Jeff Wilson, Create initial CSS standard file

Document standards used in this website here
--------------------------------------------
COLORS USED
Blue in right column #302e6b
Blue in heading text #485486
Yellow in left column and text #e0d44e
Grey in banner #404040
FONTS USED
Lithos Pro Regular for Tour Novato

PHOTO
Rider photo on Fundraising page is 280p x 280p jpg image
--------------------------------------------
*/

/* -------------------------------------------------------------- */
/*                      TOUR of NOVATO SPECIFIC TAGS                    */
/* -------------------------------------------------------------- */

body {
	background-color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Default body text */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-left: 39px;
	margin-right: 40px;
	margin-bottom: 6px;
}

/* Heading 1 */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
	color: #302e6b; /* Blue, Was #485486 */
	font-size: 20px;
	font-weight: bold;
	margin-top: 12px;
	margin-left: 39px;
	margin-right: 40px;
	margin-bottom: 8px;
}

/* Heading 2 */
h2          {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#22662e; /* Green */
	font-size: 14px;
	margin-left: 39px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 6px;
	font-weight: bold;
}

/* Heading 3 */
h3          {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333; /* Grey */
    font-size: 13px;
    margin-left: 39px;
    margin-right: 40px;
    margin-top: 8px;
    margin-bottom: 6px;
    font-weight: bold;
}

/* Heading 4 */
h4          {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin-left: 39px;
    margin-right: 40px;
    margin-top: 8px;
    margin-bottom: 6px;
    font-weight: bold;
}

/* For horizontal menu  */
.menu_horiz
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 0px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0;
}

/* For the tagline in the banner */
.tagline
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 46px;
}

/* For list of riders on Sponsor a Rider page */
.rider
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 39px;
}

/* For text and logos in left column of home page */
.supporters
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 7px;
	margin-right: 7px;
}

/* Names on Mille Club page */
.mille 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF; 
	font-weight: bold;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 39px;
}

/* Use to insert 2 pixel vertical space */
.space2px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 2px;
    text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* Use to insert 4 pixel vertical space */
.space4px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 4px;
    text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* White text */
.white {
	color: #FFFFFF; 
}

/* Black text */
.black {
	color: #000000; 
}

/* "My Sponsors" */
.mysponsors {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
	font-weight: bold;
	color:#FFFFFF;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 6px;
	margin-left: 10px;
}

/* "Years Riding" Bar */
.yearsriding {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
	font-weight: bold;
	color:#000000;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
}

/* "Unpaid Sponsors" */
.unpaid_sponsors {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
	font-weight: bold;
	color:#FFFFFF;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 10px;
}

/* "Total Raised" */
.totalraised 
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
	color:#FFFFFF;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px
}

/* Total dollars raised */
.total {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
	color:#FFFFFF;
	font-size: 22px;
	font-weight: bold;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 3px;
    margin-bottom: 5px
}

/* Event Date */
/* For Quote on home page */
.quote         {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	color:#485486;
    font-size: 15px;
    margin-left: 140px;
    margin-right: 170px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.eventdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
	color:#000000;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* For countdown timer */
.countdown_number    {
    text-align: left;
	color: #e0d44e;
    font-family: verdana, Arial, Sans-serif;
    font-size: 11px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    margin-bottom: 0px;
	font-weight: bold;
}

.countdown_text    {
    text-align: left;
	color: #ffffff;
    font-family: verdana, Arial, Sans-serif;
    font-size: 9px;
    margin-left: 20px;
    margin-right: 0px;
    margin-top: 5px;
    margin-bottom: 3px;
	font-weight: normal;
}

/* Top Riders, Top Schools title */
.toptitle    {
    text-align: left;
	color: white;
    font-family: verdana, Arial, Sans-serif;
    font-size: 12px;
    margin-left: 20px;
    margin-right: 15px;
    margin-top: 13px;
    margin-bottom: opx;
    font-weight: bold;
}

/* "Top" body */
.toptext    {
    text-align: left;
	color:#ffffff;
    font-family: verdana, Arial, Sans-serif;
    font-size: 10px;
    margin-left: 20px;
    margin-right: 15px;
    margin-top: 0px;
    margin-bottom: 3px
}

/* My fundraising target is */
.fundraising          {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 3px;
    font-weight: bold;
}

/* For Funds on Rider Information page */
.funds         {
    font-size: 11px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 3px;
}

input.button_fixed
{
    width: 220px; /* for IE only */
    overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:8px;
	margin-bottom:8px;
}

/* For spacing around Sponsor Me button */
.sponsorbutton         {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
    font-size: 15px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 9px;
    padding-left: 9px;
}

.button_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:auto; 
	overflow:visible;	
    font-size: 12px;
	color: #000000;
	text-align:center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:8px;
	margin-bottom:8px;
	font-weight: bold;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:auto; 
	overflow:visible;	
    font-size: 12px;
	color: #000000;
	text-align:center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top:8px;
	margin-bottom:8px;
}


/* For personal message on Fundraising page */
.rider_message         {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 6px;
    margin-left: 10px;
    margin-right: 0px;
}

.listing
{
	font-size:12px;
	margin-left:0px;
	margin-right:15px;
	margin-top:2px;
	margin-bottom:2px;
}

/* For photo on Fundraising page */
.photo         {
    text-align: left;
    font-size: 11px;
    margin-top: 8px;
    margin-left: 0px;
    margin-right: 0px;
}

/* Welcome to the Second Annual */
.welcome    {
	text-align: left;
	color:#CCCCCC;
	font-family: verdana, Arial, Sans-serif;
	font-size: 12px;
	margin-left: 25px;
	margin-right: 15px;
	margin-top: 28px;
	margin-bottom: 5px;
}

/* Sponsored by */
.sponsored_by    {
    text-align: left;
	color:#EEEEEE;
    font-family: verdana, Arial, Sans-serif;
	font-weight: bold;
    font-size: 11px;
    margin-left: 98px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Riding for Our Children's Future */
.riding    {
    text-align: left;
	font-weight: bold;
    font-style: italic;
	color:#CCCCCC;
    font-family: verdana, Arial, Sans-serif;
    font-size: 14px;
    margin-left: 83px;
    margin-right: 15px;
    margin-top: 51px;
    margin-bottom: 5px;
}

/* Small text */
.small    
{
    font-size: 11px;
}

/* Heather quotes */
.heather    
{
    font-size: 12px;
    margin-left: 70px;
    margin-right: 70px;
    font-style: italic;
}

/* Same as default body text. Used to apply default body text to an element. */
.normal         {
    text-align: left;
    font-family: verdana, Arial, Sans-serif;
    font-size: 12px;
    margin-left: 39px;
    margin-right: 40px;
    margin-top: 0px;
    margin-bottom: 6px;
    font-weight: normal;
    font-style: normal;
}

/* -------------- Classes used for Tables ------------------------ */
/* Default settings for table */
.table    {
    text-align: left;
    font-family: verdana, Arial, Sans-serif;
    font-size: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 5px
}

/* Standard text for table title (first row of table) */
.tabletitle    {
    text-align: left;
    font-family: verdana, Arial, Sans-serif;
    font-size: 10px;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 3px;
    font-weight: bold;
}

/* RIGHT justified table title (first row of table) */
.tabletitle_right    {
    text-align: right;
    font-family: verdana, Arial, Sans-serif;
    font-size: 10px;
    margin-left: 5px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 3px;
    font-weight: bold;
}

/* Standard text for table cell */
.tabletext    {
    text-align: left;
    font-family: verdana, Arial, Sans-serif;
    font-size: 10px;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 2px
}

/* Standard text for table cell, right justified */
.tabletext_right    {
    text-align: right;
    font-family: verdana, Arial, Sans-serif;
    font-size: 10px;
    margin-left: 5px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px
}

.table_border_bottom
{
	border-bottom: 1px solid black;
}

/* -------------- End of Classes used for Tables ------------------------ */

/* -------------- Classes used for Forms ------------------------ */
/* Text in left column of form. Used as "labels" for fields. */
.formlabel    {
    text-align: right;
    font-family: verdana, Arial, Sans-serif;
    font-size: 12px;
    margin-left: 15px;
    margin-right: 7px;
    margin-top: 1px;
    margin-bottom: 1px
}

/* Apply to form fields in right column (eg: textboxes, etc.) */
.formfield    {
    text-align: left;
    font-family: verdana, Arial, Sans-serif;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px
}

/* Same as formfield, but used when text needs to be bold */
.formfield_bold    {
    text-align: left;
    font-family: verdana, Arial, Sans-serif;
    font-size: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1px;
    margin-bottom: 1px;
    font-weight: bold;
}

/* Same as formfield when you want to apply unique formatting, such as color */
.formfield_required    {
    text-align: left;
    font-family: verdana, Arial, Sans-serif;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #FFFF66;
}

/* Used to highlight fields that contain errors */
.formfield_error    {
    text-align: left;
    font-family: verdana, Arial, Sans-serif;
    font-size: 12px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: red;
}

/* -------------- End of Classes used for Forms ------------------------ */

/* To make Lists indent the same in IE and Firefox, place the left margin on the list element, not the ul or ol */

/* Ordered List */
ol          {
    text-align: left;
    font-family: verdana, Arial, Sans-serif;
    font-size: 12px;
    padding:0px;
    margin-top: 0px;
    margin-bottom: 8px;
}

/* Unordered List */
ul          {
    text-align: left;
    font-family: verdana, Arial, Sans-serif;
    font-size: 12px;
    padding:0px;
    margin-top: 0px;
    margin-bottom: 8px;
}

/* List Elements */
li          {
    margin-left: 80px;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 3px;
}

/* -------------- End of Classes used for Lists ------------------------ */

/* Use for left justified captions under photos and images */
.photo_caption   {
    text-align: left;
    font-family: verdana, Arial, Sans-serif;
    font-size: 11px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 2px;
    margin-bottom: 5px
}
               
/* Use for left justified captions under photos and images */
.captionleft   {
    text-align: left;
    font-family: verdana, Arial, Sans-serif;
    font-size: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 8px
}
               
/* Use for right justified captions under photos and images */
.captionright   {
    text-align: right;
    font-family: verdana, Arial, Sans-serif;
    font-size: 9px;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 0px;
    margin-bottom: 5px
}

/* Use for special Website Updates column used on some websites */
.website_updates    {
    text-align: right;
    font-family: verdana, Arial, Sans-serif;
    color:#C0C0C0;
    font-size: 11px;
    margin-left: 5px;
    margin-right: 20px;
    margin-top: 0px;
    margin-bottom: 8px
}
               
/* Left column of form confirmation information */
.fieldNameCSS
{
    font-style: italic;
    font-family: verdana, Arial, Sans-serif;
    font-size: 11px;
    margin-left: 0px;
    margin-top: 0;
    margin-bottom: 0
}

/* Right column of form confirmation information */
.fieldValueCSS
{
    font-weight: roman;
    font-family: verdana, Arial, Sans-serif;
    font-size: 12px;
    margin-right: 0px;
    margin-top: 0;
    margin-bottom: 0
}

/* ------------------------------------------------------- */
/* Hyperlinks */

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

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

a:hover       
{ 
color: blue; 
text-decoration: none 
}

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

/* Hyperlinks for Top Riders/Schools Column*/

a.news:link        
{ 
color: #FFFFFF; 
text-decoration: none 
}

a.news:visited      
{ 
color: #FFFFFF; 
text-decoration: none 
}

a.news:hover       
{ 
color: #ddcea3; 
text-decoration: underline 
}

a.news:active      
{ 
color: #FFFFFF; 
text-decoration: none 
}
            
/* Hyperlinks for Unpaid Sponsors*/

/* Applied Directly */

a.grey:link        
{ 
color: #555555; 
text-decoration: underline 
}

a.grey:visited      
{ 
color: #555555; 
text-decoration: underline 
}

a.grey:hover       
{ 
color: #999999; 
text-decoration: none 
}

a.grey:active      
{ 
color: #555555; 
text-decoration: underline 
}
            
/* Applied Indirectly */

.grey a:link        
{ 
color: #555555; 
text-decoration: underline 
}

.grey a:visited      
{ 
color: #555555; 
text-decoration: underline 
}

.grey a:hover       
{ 
color: #000000; 
text-decoration: none 
}

.grey a:active      
{ 
color: #555555; 
text-decoration: underline 
}
            
/* Hyperlinks for Mille Club*/

a.mille:link        
{ 
color: #000000; 
text-decoration: none 
}

a.mille:visited      
{ 
color: #000000; 
text-decoration: none 
}

a.mille:hover       
{ 
color: #485486; 
text-decoration: underline 
}

a.mille:active      
{ 
color: #000000; 
text-decoration: none 
}

/* Hyperlinks for red warning messages*/
/* Styles applied indirectly to a link (applies if link is in a paragraph with class=message in this example) */

.message a:link        
{ 
	color: red;
	text-decoration: underline 
}

.message a:visited        
{ 
	color: red;
	text-decoration: underline 
}

.message a:hover        
{ 
	color: #485486; 
	text-decoration: none 
}

.message a:active        
{ 
	color: red;
	text-decoration: underline 
}

/* Hyperlinks for links in right blue column*/
/* Styles applied indirectly to a link (applies if link is in a paragraph with class=toptext in this example) */

.toptext a:link        
{ 
	color: #e0d44e;
	text-decoration: none 
}

.toptext a:visited        
{ 
	color: #e0d44e;
	text-decoration: none 
}

.toptext a:hover        
{ 
	color: white; 
	text-decoration: underline 
}

.toptext a:active        
{ 
	color: #e0d44e;
	text-decoration: none 
}

/* "Announcements" */
.announce
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
	color:#000000;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 3px;
	margin-left: 39px;
}

/* Warning Messages */
.message
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: red;
	font-size: 12px;
	margin-left: 39px;
	margin-right: 40px;
	margin-top: 10px;
	margin-bottom: 12px;
	font-weight: bold;
}

/* Notes (next to account home page buttons */
.note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 2px;
	margin-right: 40px;
	margin-bottom: 2px;
	margin-left: 15px;
	text-align: left;
}

            
/* ------------------------------------------------------- */
/* MODIFIERS */

.center 
{
	text-align: center;
}

.left 
{
	text-align: left;
}

.right 
{
	text-align: right;
}

.bold
{	
	font-weight:bold;
}

.red
{	
	color: red;
}

/* Top of page space*/
.top {
	margin-top: 27px;
}

/* Margin Top*/
.margin-top15 {
	margin-top: 15px;
}

/* Grey text */
.grey    {
	color: #555555;
}

/* Use standard indentation */
.indent_standard        {
    margin-left: 39px;
}

/* Use to apply an indent to a standard tag */
.indent         {
    margin-left: 70px;
}

/* Use to apply an indent to a standard tag */
.indent65         {
    margin-left: 65px;
}

/* Use to apply an indent to a standard tag */
.indent100      {
    margin-left: 100px;
}

/* Use to remove an indent from a standard tag */
.noindent         {
    margin-left: 0px;
    margin-right: 0px;
}

/* Use to remove space on all sides */
.nospacearound         {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Progress bar */
.percentage_bar         {
    margin-left: 39px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Use to remove space after a paragraph */
.nospaceafter         
{
    margin-right: 0px;
}

/* Use to remove space before a paragraph */
.nospacebefore         
{
    margin-left: 0px;
}

/* Use to remove space before a paragraph */
.nospacebeforeafter         
{
    margin-left: 0px;
    margin-right: 0px;
}

/* Use to right justify a standard tag */
.alignright         
{
    text-align: right;
}

/* Use to left justify a standard tag */
.alignleft         
{
    text-align: left;
}

/* Text in the countdown clock */
.countdown
{
	text-align: center;
	font-family: Arial, verdana, Sans-serif;
	font-size: 28px;
	margin-bottom: 7px;
	margin-left: 4px;
	margin-right: 0px;
	font-weight: bold;
	letter-spacing: 0.115em;
	color: #EEEEEE;
}

.bold
{
    font-weight: bold;
}

/* For testing */

.align_top 
{
    vertical-align: top;
}

table#bodyarea td 
{
	position:relative;
	vertical-align:top; 
}

table#bodyarea td p 
{
	position:relative;
	top:0px; 
} 

.mceContentBody 
{
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
}

/* Link to Scholastic Challenge */
.sc_link
{
	text-align: center;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right: 0px;
	color: #303030;
}