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

body { 
   background-color: #ffffff; 
   color: #010101;
   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: #333333;
   line-height: 1.7em;
   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: #6a939d;
   font-size: xlarge;
   font-family: "Franklin Gothic Book", verdana, arial, helvetica, sans-serif;
   letter-spacing: 1px;
   text-align: left;
}


h2 { 
   color: #6a939d;
   font-size: large;
   font-family: "Franklin Gothic Book", verdana, arial, helvetica, sans-serif;
   letter-spacing: 1px;
/*   border-top: 1px solid #bbb9d5; */
   padding-top: 10px;
}

h3 { 
   color: #6a939d;
   font-size: medium;
   font-family: "Franklin Gothic Book", verdana, arial, helvetica,
sans-serif;

}


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: 800px;
   border: 0px solid #0099ff;
}


#header {
   position: relative;
   background-color: #ffffff;
   color: #7e7e7e;
/*   margin: 0 10px 0px 10px; */
   height: 150px;
   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;
                height: 30px;
                margin: 0px;
                padding: 10px;
                background-color: #ffffff;
                font-size: small;
                color: #f8f8f8;
                text-align: right;
                border-bottom: 1px solid #bbb9d5; 
       }    
   
       #navbox ul { 
                font-size: x-small;
		list-style-type: none;

       }

       #navbox li{
		display: inline;
       }
	
       #navbox li a:link, #navbox a:visited {
                background-color: #ffffff;
		color: #877d91;
		text-decoration: none;
                font-weight: bold;
		margin: 0em 1em 0em 1em;
       }

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

       #navbox li a:active { 
                background-color: #809388;
		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: #006e8a;
                background-color: #ffffff;
                border: 0px dotted #a0afb3;
        }

	#contents-upper-right p, #contents-lower-right p, .contents-right p {
		font-size: small;
                font-weight: normal;
		line-height: 120%;
		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;
                font
        } 



/* 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 270px 0px 0px;
   padding: 0px 20px 0px 20px;
   border: 0px solid #ff66ff;
}


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



/* 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;
}