/* CSS file for circuit-riders.net. */

body { 
   background-color: #ffffff; 
   color: #4c4b55;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: small;
}


p, dl, ol { 
   font-size: small;
   line-height: 1.7em;
   text-align: left;
/*   padding-left: 0px; */
}



ol { 
   margin: 0px 50px 10px 50px;
}


ul { 
   color: #4c4b55;
   line-height: 2.5em;
   font-size: small;
   list-style-type: disc;
}


       img { 
             border: 0px;
       }

/* For color list bullets. 
   May need to wrap the list text in black in the
   html code: <ul class="mesa">
                <li><div style="color: #000000"> */

ul.mesa { 
   color: #b321d3; /* moab */
   list-style-type: disc;
}

ul.cactus { 
   color: #339900; /* prickly pear green */
   list-style-type: disc;
}


h1 { 
   color: #15505f;
   font-size: x-large;
   font-family: "Franklin Gothic Book", verdana, arial, helvetica, sans-serif;
   letter-spacing: 1px;
   text-align: left;
}


h2 { 
/*   background-image: url(images/gradient-v-grey.jpg); 
   background-position: left-top;
   background-repeat: repeat-x; */ 
   background-color: #ffffff;
   color: #15505f;
   font-size: large;
   font-family: "Franklin Gothic Book", verdana, arial, helvetica, sans-serif;
   letter-spacing: 1px;
   border-top: 1px dotted #4cb2dc; 
   margin: 30px 0px 5px 0px;
   padding: 20px 10px 10px 0px;
}

h3 { 
   color: #15505f;
   font-size: medium;
   font-family: "Franklin Gothic Book", verdana, arial, helvetica,
sans-serif;
   padding-top: 10px;
   font-weight: bold;
}


h4 { 
   color: #6a939d;
   font-size: medium;   
   font-family: verdana, arial, helvetica, sans-serif;
   padding: 0px 0px 0px 30px;
}



.example { 
   color: #7a85bf;
}

.example p { 
   padding-bottom: 20px;
   text-align: center;
}

img.example { 
   border-color: #e2e0de;
}




a:link {
   background-color: #ffffff; 
   color: #006485;
   text-decoration: none;
}

a:visited {
   background-color: #ffffff; 
   color: #006485;
   text-decoration: none;
}

a:hover, a:hover:visited { 
   background-color: #dedede; 
   color: #c16713;
   text-decoration: none;
}

a:active {
   background-color: #809388;
   color: #7e7e7e;
   text-decoration: none;
}




#main { 
   position: relative;
   background-color: #ffffff;
   margin: 1em auto;
   width: 900px;
   border: 0px solid #bbb9d5;
}


#header {
   position: relative;
   background-color: #ffffff;
   color: #7e7e7e;
/*   margin: 0 10px 0px 10px; */
   height: 152px;
   border: 0px solid #ff66ff;
}

#header h1 { 
   color: #175714;
   font-family: "Franklin Gothic Book", verdana, arial, helvetica, sans-serif;
   letter-spacing: 1px;
   text-align: right;
   font-size: .9em;
}



       #navbox { 
                position: relative;
                margin: 0px 0px 50px 0px;
                padding: 1px 10px 10px 0px;
                background-color: #ffffff;
                font-size: small;
                color: #f8f8f8;
                text-align: left;
                border-bottom: 1px dotted  #9a7000; /*bbb9d5; */
       }    
   
       #navbox ul { 
		list-style-type: none;

       }

       #navbox li{
		display: inline;
       }
	
       #navbox li a:link, #navbox a:visited {
                background-color: #ffffff;
		color: #706d92;
		text-decoration: none;
                font-weight: bold;
                padding: 10px 8px 12px 8px;
		margin: 0px;
       }

       #navbox li a:hover { 
                background-color: #0099ff;
		text-decoration: none;
                color: #ffffff;
       }

       #navbox li a:active { 
                background-color: #706d92;
		text-decoration: none;
                color: #0099ff;
       }


/* From PRI. Upper-right box used for secondary navigation links,
i.e., nav2 contents, sidebars, etc. */

        #contents-upper-right { 
                float: right;
                width: 225px;
                margin: 30px 0px 20px 30px;
                padding: 0px 0px 10px 0px;                
                color: #010101;
                background-color: #ffffff;
                border-left: 0px dotted #9a7000;
        }

	#contents-upper-right p, #contents-lower-right p, .contents-right p {
		font-size: small;
                font-weight: normal;
		line-height: 1.5em;
		text-align: left;
                margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 10px;
/*                background-color: #ffffff; 
                color: #55ac00; */
	}

        #contents-upper-right a, .contents-right a { 
                background-color: #ffffff;
        }

	#contents-upper-right ul ol li a, .contents-right ul ol li {
                background-color: #ffffff;
                color: #5a0d8f;
		font-size: small;
		line-height: 150%;
		text-align: left;
                margin: 10px 0px 10px 20px;
		padding: 0px 0px 10px 10px;		
	}


/* Additional right margin boxes. Use as needed. */

        .contents-right { 
                clear: both;
                float: right;
                width: 225px;
                margin: 0px 0px 20px 30px;
                padding: 0px 0px 10px 0px;
                color: #5a0d8f;
                background-color: #ffffff;
                border: 0px dotted  #57b000;
        }




/* Box located in the lower-right corner. Use as needed. */

        #contents-lower-right { 
                float: right; 
                position: absolute;
                bottom: 40px; /* the footer is 30px high */
                right: 0px;
                width: 225px;
/*                margin: 0px 0px 20px 30px;
                padding: 0px 0px 10px 0px; */                
                color: #297788; 
                background-color: #ffffff;
                border: 0px dotted #00afdb;
        }



/* Savvy Sayins quotes. Too much work to maintain as images so adding a class instead. Mary feb 20 2010 */


        .savvy { 
                color: #ae0000;
        } 



/* Second level of navigation or sidebar. This is acting squirrely. Bullets in MSIE only. Underlines. Too much left margin. WTF.

       #nav2 { 
                display: inline; 
                float: right;
                background-color: #ffffff;
                right: 0px;
                margin: 30px 0px 30px 10px;
                padding: 0px 0px 10px 10px;
                font-size: small;
                width: 175px; 
                border: 1px dotted #ff66ff;
       }

       #nav2 ul { 
		list-style-type: disc;
       }

       #nav2 li{
		display: block;
                line-height: 2em;
       }
	
       #nav2 li a:link, #nav2 a:visited {
                background-color: #ffffff;
		color: #877d91;
		text-decoration: none;
                font-weight: bold;
                border-bottom: solid 1px #eaeaea;                
       }

       #nav2 li a:hover, a:visited:hover  { 
                background-color: #dedede;
                color: #0099ff;
		text-decoration: none;
       }

       #nav2 li a:active { 
                background-color: #809388;
                color: #0099ff;
		text-decoration: none;
       } */



/*
#nav2 a:link, #nav2 a:visited { 
   display: block;
   background-color: #ffffff;
   border-bottom: solid 1px #eaeaea;
   color: #40684d;
   padding-bottom: 3px;
   padding-left: 3px;
   padding-top: 3px;
}

#nav2 a:hover { 
   background-color: #dedede;
   color: #c16713;
}

#nav2 a:active { 
   background-color: #809388;
   color: #40684d;
   text-decoration: none;
}
*/




#main-content {  
   background-color: #ffffff;
/*   background-image: url(images/ribbon-08.jpg);  041212_0031-300.jpg);
   background-position: left-top;
   background-repeat: no-repeat; */
   margin: 0px 350px 0px 0px;
   padding: 0px 20px 0px 10px;
   border: 0px solid #ff66ff;
}


#main-content p { 
   padding-left: 20px;
   text-align: left;
}



/* Copied from mtpcom stylesheet.css. Not used yet. These rules format
a thumbnail image to the left of a paragraph of text. */

        .infolist table { 
                width: 100%;
        }

        .infolist tr { 
                vertical-align: top;
        }

        
        .infolist td { 
                padding: 10px 10px 20px 10px;                
        }

        .infolist td.image {  

        }

        .infolist td.date { 
                font-size: .8em;
        }

        .infolist td.desc {  
                border-top: 1px dotted #809388; 
                font-size: small;

        }

        .infolist img { 
                border: 0px solid #f1f1f1;
        }





#footer { 
   clear: both;
   background-color: #ffffff;
   border-top: 1px solid #a81fc6;
   margin-right: 225px;
   padding: 10px;
}

#footer p {
   font-size: .7em;
   text-align: center;
}





.center { 
   text-align: center;
}

.left { 
   text-align: left;
}

.right { 
   text-align: right;
}




.grey { 
   color: #010101;
}

.announcement { 
   color: #c92e40;
   border: 1px solid #69147c;
   text-align: center;
}





/* The following were copied from mtporg.css. Use these rules to
format images with text flowing around them. */

.left-floating {
   float: left;
   padding-right: 15px;
   text-align: center;
   background-color: #ffffff;
   color: #809388; 
   font-size: .85em;
}

.right-floating { 
   float: right;
   margin: 10px 0px 20px 20px;
   padding: 15px;
   background-color: #ffffff;
   color: #809388;
   font-size: .8em;
   text-align: center;
}

   .right-floating img { 
                border: 0px solid #809388;

   }

.center-nofloat { 
   float: none;
   background-color: #ffffff;
   color: #809388;
   font-size: .9em;
   text-align: center;
   border: 0px solid #809388;
}



/* New */

       .new { 
             background-color: transparent;
             color: #ff0000;
             font-size: medium;
             font-weight: bold;
       }









        .form { 
               font-size: small;
               color: #545454;
               margin: 0px 0px 10px 0px;
               padding: 0px 0px 10px 0px;
               border: 0px solid #c6dcdc;