/*  style sheet for  phil northeast .com */

/* set the default attribute for the page here */
body{
		 background-color: #00008b; /*#f5f5f5;*/
		 margin: 0px;
		 padding: 0px;
		 font-family:Georgia,Century,Times,serif;
		
	
		 }

	/* using the div to allow individual characteristics for the h1 tag in the 
	header and isolates these from the rest of the document-- no inheritance. */ 	 
		 
#header {
			   text-align: center;  /* this seems to centre the main table, but not in firefox, it also interacts with reltive positioning  in IE */
			   color:#483d8b; /*darkslateblue*/ 
			   font-family:georgia;	
			  font-style: italic;
				background-color:white; 
				border: 1px solid black;
				
			 }		 
		 

/* set the default attributes for all the content in the main table */
table.main {
					 color: black;
				   background-color:white; 
					 font-family:Georgia,Century,Times,serif;
					 font-weight: bold;
					 font-size: normal;
					 border: 0px solid white; /* dark gray*/
					 margin: 0px;
					 padding: 0px;
					 width: 900px;
					 position:relative ;left:2%;
					 text-align: left;
				 }
					 
	table.gallery {
					 color: black;
				   background-color:white; 
					 font-family:Georgia,Century,Times,serif;
					 font-weight: bold;
					 font-size: normal;
					 border: 0px solid white; /* dark gray*/
					 margin: 0px;
					 padding: 0px;
					 width: 1000px;
					 position:relative ;left:2%;
					 text-align: left;
				 }				 
					 
td.body { 
				font-family:Georgia,Century,Times,serif;
				vertical-align: top;
				border: 1px solid black; /* dark gray*/
				margin: 0px;
				padding: 0px;
						 				}				 				 
					
	p.bbh {	font-weight: bold;
				font-size: 20px; 
				font-style: normal; 
				font-family:Georgia,Century,Times,serif;
				color: #483d8b;/* dark slate blue */ 
				background-color: #c0c0c0;
				text-align: center;
				padding: 0px;
				margin: 10px;
				border: 1px solid white;
				}					  
					 
						
	h1 { 		text-align: center;
						font-family:times new roman; 
						font-size: 200%;
						font-style:normal;
						padding: 5px;
					 	margin: 0px;
		     }					
				 
	h2  {text-align: center;
							font-family:Verdana, Arial, Helvetica,sans-serif; 
					font-size: 125%;
				font-style:normal;
						padding: 5px;
					 	margin: 0px;
	
	
					}			 	
					 
		h3 {	text-align: left;
						font-family:Verdana, Arial, Helvetica,sans-serif; 
					 font-size: 120%;
	        	font-style:normal;
						padding: 5px;
					 	margin: 0px
		}
		
 
		h4{ 	text-align: left;
							font-family:Verdana, Arial, Helvetica,sans-serif; 
					 font-size: 110%;
				    	font-style:normal;
						padding: 5px;
					 	margin: 0px;
					
					}
			
					h5{ 	text-align: left;
							font-family:Verdana, Arial, Helvetica,sans-serif; 
					 font-size: 100%;
				    	font-style:normal;
						padding: 5px;
					 	margin: 0px;
      			display: inline;
					
					}
			
			
					h6{ 	text-align: left;
							font-family:Verdana, Arial, Helvetica,sans-serif; 
					 font-size: 100%;
				    	font-style:normal;
						padding: 0px;
					 	margin: 0px;
					
					}
	
	#bh {	font-weight: bold;
				font-size: 14px; 
				font-style: normal; 
				font-family:Georgia,Century,Times,serif;
				color: #483d8b;/* dark slate blue */ 
				background-color: #c0c0c0;
				text-align: center;
				padding: 0px;
				margin: 10px;
				border: 1px solid white;
				}						 

p {
	 	font-family:Georgia,Century,Times,serif;
		font-weight: normal;
		font-size: 13px; 
		font-style: normal;
		line-height: 18px; 
		color: black; 
		background-color: white;
		text-align: left;
		padding: 0px;
		margin: 5px;
		border: 1px solid white;

	}	
	
	
	
p.caption 	{
	 				color: #483d8b;
	 				font-weight: normal;
	 				font-size: 8pt;
					font-style: italic; 
	        font-family:Georgia,Century,Times,serif;
	 				text-align:center;
	 				}	 

p.center  {
					font-family:Georgia,Century,Times,serif;
	 				color: #483d8b;
	 				font-weight: normal;
	 				font-size: medium;
	 				text-align:center;
	 				}	 
	 
p.mid  {
			 		font-family:Georgia,Century,Times,serif;
	 				color: black;
	 				font-weight: normal;
	 				font-size: medium;
	 				text-align:center;
	 				}	
					
p.headline  {
	 					color: #483d8b;/* dark slate blue */
						font-family:Georgia,Century,Times,serif;
	 					font-weight: normal;
	 					font-size: normal;
	 					text-align:left;
						display:inline;
						padding: 0px;
						margin: 0px;
						border: 0px solid white;
	 					}	
						
						
p.midhead  {
	 					color: #483d8b;/* dark slate blue */
						background-color: white;
						 font-family:Georgia,Century,Times,serif;
	 					font-weight: bold;
	 					font-size: normal;
	 					text-align:center;
						display:block;
						padding: 0px;
						margin: 0px;
						border: 0px solid white;
	 					}							
						
						
p.sub 	{
	 				color: #483d8b;/* dark slate blue */
	 				font-weight: normal;
	 				font-size: 8pt;
					font-style: italic; 
	        font-family:Georgia,Century,Times,serif;
	 				text-align:left;
	 				}	 											
					
					
p.colhead  {
	 					color: #483d8b;/* dark slate blue */
							background-color: #c0c0c0;
						 font-family:Georgia,Century,Times,serif;
	 					font-weight: bold;
	 					font-size: normal;
	 					text-align:center;
						display:block;
						padding: 0px;
						margin: 0px;
						border: 0px solid white;
	 					}						
					
				

li {
	font-weight: normal;
	font-size: 11pt; 
	font-style: normal; 
	font-family:Georgia,Century,Times,serif;
	color: black; 
	background-color: white;
  text-align:left;
	padding: 0px;
	margin: 5px;
	border: 1px solid white;

	}		


					
					
	 
/* this one when used inside a <div id ="rigthbox"> statement puts everyting int  a right floating box with 
declared text style. This attaches the caption text to the picture  GOOD STUFF!!!! */

    #container { float: left;
									border: 0px solid #808080;
								 	margin: 1px;
									padding: 1px;
									text-align: left;
									width: 100%;
			 					 }		

    #containerb { float: left;
									border: 0px dots #808080;
								 	margin: 1px;
									padding: 1px;
									text-align: left;
									width: 100%;
										border-bottom: 1px dotted #808080;
			 					 }	
								 
		#textbox{			float: left;
									border: 0px dots #808080;
								 	margin: 1px;
									padding: 1px;
									text-align: left;
									width: 85%;
										border-bottom: 1px dotted #808080;			 
}


#rightcolumn{	float: right;
									border: 0px dots #808080;
								 	margin: 1px;
									padding: 1px;
									text-align: left;
									width: 12%;
										border-bottom: 1px dotted #808080
										}

      #rightbox { float: right;
									border: 0px ridge #0000ff;
								 	margin: 1px;
									padding: 3px;
									font-weight: normal;
									font-size: 10pt; 
									font-style: italic; 
									color: #ff3300;
									text-align: center;
											 					 }
																 
			      #rightbox2 { float: right;
									border: 0px ridge #0000ff;
								 	margin: 1px;
									padding: 3px;
									font-weight: normal;
									font-size: 10pt; 
									font-style: italic; 
									color: #ff3300;
									text-align: center;
									width: 48%;
											 					 }							
																 
			     #rightbox2b { float: right;
									border: 1px ridge #0000ff;
								 	margin: 1px;
									padding: 3px;
									font-weight: normal;
									font-size: 10pt; 
									font-style: italic; 
									color: #ff3300;
									text-align: center;
									width: 48%;
											 					 }															 						 
																 
					 
     #rightboxb { float: right;
									border: 1px solid #808080;
								 	margin: 1px;
									padding: 3px;
									font-weight: normal;
									font-size: 10pt; 
									font-style: italic; 
									color: #ff3300;
									text-align: center;
											 					 }								 
								 
    #leftbox { float: left;
									border: 1px solid #808080;
								 	margin: 1px;
									padding: 3px;
									font-weight: normal;
									font-size: 10pt; 
									font-style: normal; 
									color: #808080;
									text-align: center
			 					 }								 
								 
    #leftboxnb { float: left;
									border: 0px solid #808080;
								 	margin: 2px;
									padding: 3px;
									font-weight: normal;
									font-size: 10pt; 
									font-style: normal; 
									color: #808080;
									text-align: center;
			 					 }									 
								 
								 
    #lefttext {  float: left;
									border: 0px dashed #808080;
								 	margin: 2px;
									padding: 3px;
									font-family:Georgia,Century,Times,serif;
									font-weight: normal;
									font-size: 13px; 
									font-style: normal;
									line-height: 18px; 
									color: black; 
									background-color: white;
									text-align: left;
									width: 48%;
									height: 200px;
									
			 					 }									 
								 
		    #lefttext300 {  float: left;
									border: 0px dashed #808080;
								 	margin: 2px;
									padding: 3px;
									font-family:Georgia,Century,Times,serif;
									font-weight: normal;
									font-size: 13px; 
									font-style: normal;
									line-height: 18px; 
									color: black; 
									background-color: white;
									text-align: left;
									width: 45%;
									height: 300px;
									
			 					 }						
								 
				    #lefttext420 {  float: left;
									border: 0px dashed #808080;
								 	margin: 2px;
									padding: 3px;
									font-family:Georgia,Century,Times,serif;
									font-weight: normal;
									font-size: 13px; 
									font-style: normal;
									line-height: 18px; 
									color: black; 
									background-color: white;
									text-align: left;
									width: 45%;
									height: 440px;
									
			 					 }						 
								 	 
								 
								 					 
	     #lefttextnb {  float: left;
									border: 0px solid #808080;
								 	margin: 2px;
									padding: 3px;
									font-family:Georgia,Century,Times,serif;
									font-weight: normal;
									font-size: 13px; 
									font-style: normal;
									line-height: 18px; 
									color: black; 
									background-color: white;
									text-align: left;
									width: 48%;
																		
			 					 }	
	 
	 
	 
	 
	 					 horizontal navigation buttons 
/*===========================================================================================================================*/
					 
table.navigation {
								 width:99%;
								 background-color:#00008b;  /*#d3d3d3;*/
								 border-width: thin; 
								 border-style: solid; 
								 border-color: #d3d3d3;
                 margin-left:0pt; 
								 margin-right:0pt;
								 margin-top:0px;
								 margin-bottom:6pt;
								 } /* tables nested n small column*/
			 
								 
								 
								 
td.navbar {
					font-size:small;
					text-decoration:none;
					width:12.5%;
					vertical-align: middle;
					text-align:center;
					background-color:#0000ff;  /*#d3d3d3; #a9a9a9; */
					border-width: thin;
					border-style: outset; 
          border-color:#808080;
				  margin:3pt;
					margin-top: 0px;
					padding: 0px;
					 } /* attributes for all sides of a column */




.navbar a:link {
			            color:white;
									text-decoration: none;
			            background-color:#0000ff;  /*#a9a9a9 ;   dark gray*/
						 			}
				 
.navbar a:visited {
									color:white;
									text-decoration: none;
									background-color:#0000ff; /* #a9a9a9; */
					}
									
.navbar a:hover	{
								 color: yellow;
							  background-color:#0000ff; /*#a9a9a9; */
			  				text-decoration: underline; /*when the mouse hovers over a button the link is displayed in familiar blue underlined text*/
				       }							
									
									
.navbar a:active {
				 color: red;
				 background-color:#f5f5dc;
			 
			 }
			 
/*===========================================================================================================================*/			 
	
	
	/* results table styles */
	
	
table.results {
								width:350;
							}	
	
	
td.name { 
					color: white;
					font-weight: bold;
					font-size:small;
					text-decoration:none;
					width:150px;
					vertical-align: middle;
					text-align:left;
					background-color:#0000ff;
					border-width: thin;
					border-style: outset; 
          border-color:#808080;
				  margin:3pt;
					margin-top: 0px;
					padding: 0px;
					
					}
	
	
	td.classname { 
					color: #0000ff;
					font-weight: bold;
					font-size:small;
					text-decoration:none;
					width:250px;
					vertical-align: middle;
					text-align: center;
					background-color:#c0c0c0;
					border-width: thin;
					border-style: outset; 
          border-color:#ffffff;
				  margin:3pt;
					margin-top: 0px;
					padding: 0px;
					
					}
					
td.pos {  font-size:small;
					text-decoration:none;
					width:20px;
					vertical-align: middle;
					text-align:center;
					background-color:white;
					border-width: 0;
					border-style: none; 
          border-color:white;
				  margin:3px;
					margin-top: 0px;
					padding: 0px;					
					}
					
		td.clubpos {  font-size:small;
					text-decoration:none;
					width:20px;
					vertical-align: middle;
					text-align:center;
					background-color:#c0c0c0;
					border-width: 0;
					border-style: none; 
          border-color:white;
				  margin:3px;
					margin-top: 0px;
					padding: 0px;					
					}			
					
					
td.points {font-size:small;
					text-decoration:none;
					width:30px;
					vertical-align: middle;
					text-align:center;
					background-color:#f5f5f5;
					border-width: thin;
					border-style: solid; 
          border-color:#a9a9a9;
				  margin:0pt;
					margin-top: 0px;
					padding: 0px;					
					}
td.total {font-size:small;
					text-decoration:none;
					width:12.5%;
					vertical-align: middle;
					text-align:center;
					color: white;
					background-color:#808080;/* dark grey*/
					border-width: thin;
					border-style: outset; 
          border-color:#808080;
				  margin:3pt;
					margin-top: 0px;
					padding: 0px;
					}					

	/* -------------- table stuff for galleries ---------------------*/				
					
td.thumb {  font-size:small;
					text-decoration:none;
					width:200px;
					vertical-align: middle;
					text-align:center;
					background-color:white;
					border-width: 0;
					border-style: none; 
          border-color:white;
				  margin:3px;
					margin-top: 0px;
					padding: 0px;					
					}					

					
	/*----------------------- table for nationals entry list */
	
	td.number { 
										}
										
										
	td.driver { background-color: gray;
									color: white;
									
									}					
									
		td.make{background-color: #d3d3d3; 
									color: black; 
									}