/*------ site CSS styling ------*/
body 
{
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	background-image:url('images/sitebackground.gif');
	background-repeat:repeat;
	background-attachment:fixed;
	background-color:#333333;
	color:white;
	font-size:14px;
	font-weight:normal;
}

/*------ start of text styles ------*/
h1.left {text-align:left;}
h1.gy {text-align:left; color:#7fff00; background-color:inherit;}
h1.red {color:red; background-color:inherit;}

h2.left {text-align:left;}
h2.right {text-align:right;}
h2.indent {text-align:left; text-indent:50px;}
h2.gy {text-align:left; color:lime; background-color:inherit;}
h2.yellow {text-align:left; color:yellow; background-color:inherit;}
h2.lg {color:lime; background-color:inherit;}
h2.red {color:red; background-color:inherit;}

h3.left {text-align:left;}
h3.right {text-align:right;}
h3.indent {text-align:left; text-indent:50px;}
h3.margin {margin-left:150px; margin-right:150px}
h3.red {color:red; background-color:inherit;}
h3.lime {text-align:left; color:lime; background-color:inherit;}
h3.yellow {text-align:left; color:yellow; background-color:inherit;}
h3.gy {text-align:left; color:lime; background-color:inherit;}
h3.gy-center { color:lime; background-color:inherit;}
h3.lg {color:lime; background-color:inherit;}

h4.left {text-align:left;}
h4.right {text-align:right;}
h4.indent {text-align:left; text-indent:50px;}
h4.lime {text-align:left; color:lime; background-color:inherit;}

h5.left {text-align:left;}
h5.right {text-align:right;}
h5.lime {color:lime; background-color:inherit;}

p.left {text-align:left;}
p.right {text-align:right;}
p.indent {text-align:left; text-indent:50px;}
p.red {text-align:left; color:red; background-color:inherit;}
p.red20 {text-align:left; color:red; background-color:inherit; font-size:20px;}
p.lime {text-align:left; color:lime; background-color:inherit;}
p.cyan16 {text-align:left; color:cyan; background-color:inherit;4font-size:16px;}
p.rcyan16 {text-align:right; color:cyan; background-color:inherit;4font-size:16px;}
p.cred {color:red; background-color:inherit;}
p.clime {color:lime; background-color:inherit;}
p.cred24 {color:red; background-color:inherit; font-size:24px;}

a.a2{color:yellow; background-color:inherit; text-decoration:none;}
a.a2:hover{color:red; background-color:inherit; text-decoration:none;}
/*------ end of text styles ------*/

/*------ start of object styles ------*/
/* horzontal line */
hr.grayline {color:#808080; background-color:inherit; width:100%; height:.05em;} 

/* list style */
/* babycontest, dogshow, parade, raffle pages*/
li  {text-align:left; padding:4px;}

/* fieldset */
fieldset {border-width:.2em; padding:8px; border-color:#333333;}
fieldset.pad0 {border-width:.2em; padding:0px; border-color:#333333;}
legend {color:lime; background-color:inherit; font-size:1.3em;}
/*------ end of object styles ------*/

/* submenu */
ul.menu { 
    list-style:none; /* remove bullets */ 
    background:#000000; 
    overflow:auto; /* span the width of the container */ 
    padding:0; margin:0; /* reset browser defaults */ 
    height:100%; /* ie6 fix */ 
    } 
ul.menu li { 
    display:inline; /* line-up the list items horizontally */ 
    padding:0; margin:0; /* again, reset browser defaults */ 
    } 
ul.menu li a { 
    padding:5px 20px; 
    background:#000000; 
    color:yellow; 
    text-decoration:none; 
    display:block; /* block it baby! */ 
    float:left; /* float each list item to the left */ 
    } 
ul.menu li a:hover { 
    background:#000000; 
    } 
/* end submenu */

/* ------------------- start formating tables -------------------- */
/*------ page formating header table outside border ------*/
table.header001 {
	margin:auto;
	width:970px;
	background-image:url('images/checkered.jpg');
	background-repeat:repeat;
	border-collapse:collapse;
	border:1px solid #d3d3d3; 
}
table.header001 td {
	padding:10px;
}

/*------ page formating header table inside border ------*/
table.header002 {
	width:100%;
	color:white;
	background-color:#333333;
	border-collapse:collapse;
	border:1px solid #d3d3d3;
}
table.header002 td {
	padding:0px;
}

/*------ encapsulate header flash ------*/
table.flashheader {
	margin:auto;
	width:100%;
	text-align:center;
	color:white;
	background-color:#000000;
	border-collapse:collapse;
}
table.flashheader  td {
	padding:0px;
}

/*------ encapsulate header main menu ------*/
table.mainmenu {
	margin:auto;
	width:100%;
	background-image:url('images/checkered.jpg');
	background-repeat:repeat;
	border-collapse:collapse;
	border-top-width:1px;
	border-right-width:0px;
	border-bottom-width:1px;
	border-left-width:0px;
	border-style:solid;
	border-top-color:#d3d3d3;
	border-bottom-color:#d3d3d3;
	border-top-color:#660000;
	border-bottom-color:#660000;
}
table.mainmenu  td {
	text-align:center;
	padding:0px;
}

/*------ page formating in header table encapsulate body ------*/
table.header004 {
	margin:auto;
	width:100%;
	text-align:center;
	color:white;	
	background-color:#000000;
	border-collapse:collapse;
}
table.header004 td {
	padding:20px 10px 10px 10px;
}

/*------ page formatting body table outside border ------*/
table.body001{
	margin:auto;
	width:100%;
	text-align:center;
	background-color:#000000;
	border-collapse:collapse;
	color:white;
}
table.body001 td {
	padding:0px;

}

/*------ used for the submenu ------*/
table.submenu {
	margin:auto;
	border:1px solid #d8d8d8;
	border-collapse:collapse;
	background-color:#333333;
	color:white;	
}
table.submenu td {
	text-align:center;
	font-size:16px;
	border:1px solid #d8d8d8;
	padding:3px;
}

/*------ encapsulate footer flash ------*/
table.flashfooter {
	margin:auto;
	width:980px;
	text-align:right;
	color:white;
	background-color:#000000;
	background-image:url('images/firestonebanner.gif');
	background-repeat:no-repeat;
	border-collapse:collapse;
}
table.flashfooter  td {
	padding:0px;
}

/*------ used to format the footer ------*/
table.footer {
	margin:auto;
	width:100%;	
	text-align:center;
	border-collapse:collapse;
	background-color:#333333;
	color:white;	
}
table.footer td {
	padding:0px 0px 0px 10px;
}

/*------ data table ------*/
/*------ data table used in competition, fleareg, pageantreg, schedual, showcar pages------*/
table.data{
	margin:auto;
	width:100%;
	text-align:center;
	background-color:#000000;
	border-collapse:collapse;
	color:white;
}
table.data td {
	padding:3px;
}

/*------ start general list table ------*/
/* general list table - 5krun, barbque, classified, compclasslist, compmake, compyear, 
drivername, flea, lodging, parade, raffle, records, showclassyear, showyear, 
specialtrophy, supporters pages */
table.general {
	margin:auto;
	width:100%;
	border:1px solid #d3d3d3;
	border-collapse:collapse;
}
table.general th {
	font-size:1.1em;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	color:black;
	background-color:#d3d3d3;
	border:1px solid #333333;
	border-collapse:collapse;	
}
table.general td {
	border:1px solid #d3d3d3;
	border-collapse:collapse;	
	padding:3px;
}
table.general tr.alt td {
	color:white;
	background-color:#333333;
}
table.general tr.center td {
	font-size:1.1em;
	text-align:center;
	color:white;
	background-color:#333333;
}
/*------ end general list table ------*/

/*------ start driver list table ------*/
table.driver {
	margin:auto;
	border:0px solid #333333;
	border-collapse:collapse;
}
table.driver th {
	width:200px;
	text-align:center;
	padding:2px;
	color:white;
	background-color:#333333;
	border:1px solid #333333;
	border-collapse:collapse;	
}
table.driver td {
	text-align:left;
	border:1px solid #000000;
	border-collapse:collapse;	
	padding:4px;
	white-space:nowrap;
}
/*------ end driver list table ------*/

/* ---------------- end formating tables -------------- */

/*------ WP-Digg Style Paginator URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/ ------*/

/*------ start CSS black style pagination used with general list table ------*/
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
	background-color:inherit;
	color:#a0a0a0;
	font-size:120%;
}
div.pagination a {
	border:1px solid #909090;
	margin-right:3px;
	padding:2px 5px;
	background-position:bottom;
	text-decoration:none;
	background-color:inherit;
	color:#c0c0c0;
}
div.pagination a:hover, div.meneame a:active {
	border:1px solid #f0f0f0;
	background-color:#404040;
	color:#ffffff;
}
div.pagination span.current {
	margin-right:3px;
	padding:2px 5px;
	border:1px solid #ffffff;
	font-weight:bold;
	background-color:#606060;
	color:#ffffff;
}
div.pagination span.disabled {
	margin-right:3px;
	padding:2px 5px;
	border:1px solid #606060;
	background-color:inherit;
	color:#808080;
}
/*------ end CSS black style pagination used with general list table ------*/

/*------ start CSS of main tool tip for links in page header ------*/
#dhtmltooltip{
position:absolute;
width:150px;
border:6px solid #b8860b;
padding: 4px;
background-color:#cccc66;
color:#000000;
font-size:14px;
font-weight:normal;
visibility:hidden;
z-index:100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/*------ end CSS of main tool tip for links in page header ------*/

/*------ start CSS of loading image screen ------*/
/*------ this is what we want the div to look like when it is not showing ------*/
div.loading-invisible{
/*------ make invisible ------*/
display:none;
}  

/*------ this is what we want the div to look like when it IS showing ------*/ 
div.loading-visible{
/*------ make visible ------*/
display:block;
/*------ position it 120px down the screen ------*/
position:absolute;
top:160px;
left:0;    
width:100%;    
text-align:center;

/*------ in supporting browsers, make it a little transparent ------*/
background:none
filter: alpha(opacity=0);
/*------ internet explorer ------*/
-khtml-opacity: 0.0;
/*------ khtml, old safari ------*/
-moz-opacity: 0.0;
/*------ mozilla, netscape ------*/
opacity: 0.0;
/*------ fx, safari, opera ------*/
border-top:0px solid #ddd;
border-bottom:0px solid #ddd;
}
/*------ end CSS of loading image screen ------*/

/*------ start CSS of main floating email link in main library file ------*/
.wireframemenu{
border:0px solid #333333;
background-color:#808080;
/*------ border-bottom:0px; ------*/
color:white;
width:30;
position:absolute;
}
* html .wireframemenu{ /*------ IE only rule. Original menu width minus all left/right paddings ------*/
width:164px;
}
.wireframemenu ul{
padding:0;
margin:0;
list-style-type:none;
}
.wireframemenu a{
font-family: Verdana, Arial, Helvetica, Sans-Serif; /*------ change ------*/
padding:0px 0px;
display:block;
width:100%; /*------ Define width for IE6's sake ------*/
color:#333333;
background-color:inherit; /*------ added ------*/
text-decoration:none;
border-bottom:0px solid #333333;
}
.wireframemenu a:visited{
color:#333333;
font-family: Verdana, Arial, Helvetica, Sans-Serif; /*------ added ------*/
background-color:inherit; /*------ added ------*/
}
* html>body .wireframemenu a{ /*------ Non IE rule ------*/
width:auto;
}
.wireframemenu a:hover{
background-color:#333333;
color:yellow;
}
/*------ end CSS of main email link ------*/

/*------ start of vertical menu styling ------*/

.urbangreymenu{
width:175px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: normal 12px Arial;
color: yellow;
background: #333333
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform:uppercase;
padding: 2px 0px 2px 2px;
}

.urbangreymenu ul{
list-style-type:none;
margin:0px;
padding:0px;
margin-bottom:0px; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: yellow;
background: #333333;
display: block;
padding: 2px 0px;
padding-left: 0px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: yellow;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: red;
background:#d8d8d8;
}

/*------ end of vertical menu styling ------*/

/*------ start of help menu styling ------*/
#coolmenu{
border: 0px solid #666666;
width: 170px;
background-color: #000000;
}

#coolmenu a{
font: bold 12px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: yellow;
text-decoration: none;
background-color: #000000;
}

html>body #coolmenu a{
width: auto;
}

#coolmenu a:hover{
background-color: #999999;
color: red;
}

#tabledescription{
width:158px;
text-align:left;
background-color:#000000;
background-image:none;
height:3em;
padding:6px;
filter:alpha(opacity=0);
-moz-opacity:0;
}
/*------ end of help menu styling ------*/

/*------ start photolinks ------*/
div.imgphotos {
  margin:0px;
  border:0px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.imgphotos img {
  display:inline;
  margin:0px;
  border:4px solid #a9a9a9;
  }
div.imgphotos a:hover img {
  border:4px solid #d3d3d3;
  }
/*------ end photolinks ------*/

/* ---------------- end of CSS styling-------------- */