/*THIS IS A CSS (CASCADING STYLE SHEET) DOCUMENT  IT IS THE STYLE SHEET FOR MOST OF THE PAGES ON MY SITE. YOU CAN STYLE PAGES ONE AT A TIME BY USING "INTERNAL STYLING" IN THE HEAD AREA OF ANY PAGE.  STYLE SHEET COMMENTS ARE ENCLOSED BY ASTERISKS AND FORWARD SLASHES.  THEY DON'T APPEAR IN A BROWSER*/

/*THE FOLLOWING LINE STYLES THE BODY OF THE PAGES.  750 PX IS A GOOD WIDTH FOR PAGES. EVEN IF YOU ARE WORKING ON A LARGE SCREEN, THERE ARE PEOPLE OUT THERE WHO AREN'T.*/

body {background:#FFFFFF; font-family: Verdana, Geneva, Arial; font-size:0.8em; width:inherit}

/*THE FOLLOWING LINE STYLES THE HEADER ON THE HOME PAGE*/

/*THIS IS CALLED A CLASS - IT ALWAYS HAS A DOT IN FRONT OF IT*/
.indexheader {background-color:#FFFFFF; height:130px; width:auto; }

/*THE FOLLOWING LINE STYLES THE HEADER ON OTHER PAGES*/

.otherheaders {
	background-image:url(images/rodrmchalftonelight.jpg);
	background-repeat:repeat-x;
	width:100%;
	height: 144px;
	font: Verdana,Geneva,Arial;
	font-size: 7em;
	margin-bottom: 2px;
	color: #FF0000;
	position: relative;
} 
.table
{
font-family:Verdana, Geneva, Arial;
font-size:1em;
text-align:center;
font-variant:small-caps;
text-decoration:inherit;
width:98%;
border:1px;  
padding:2;
}



/*THE FOLLOWING STYLES THE NAVIGATION BAR WHICH IS WHERE THE LINKS TO OTHER PAGES ON THE SITE ARE FOUND.  IF IT WAS ON THE SIDE OF THE PAGE, I'D CALL IT A SIDEBAR.  YOU CAN CALL IT WHATEVER YOU WANT AS LONG AS YOU KNOW WHAT YOU MEAN*/

/*THIS IS CALLED AN ID - IT ALWAYS HAS THE # SIGN IN FRONT OF IT THIS SITE IS NOT USING THE SIDEBAR*/
#sidebar {float:left; height:604px; width:auto; font-size:1em; margin-bottom:1px; text-align:
left}

/*THE FOLLOWING THREE LINES STYLE ANY LINKS.

"LINK" STYLES THE TEXT WHEN THE PAGE OPENS
"VISITED"  STYLES THE TEXT AFTER YOU HAVE USED THE LINK
"HOVER"  TEXT WHEN YOU ARE THE MOUSE POINTER IS HOVERING OVER IT AND BEFORE YOU CLICK ON THE LINK-- IT SHOWS YOU THAT THE LINK IS ACVTIVE

"TEXT-DECORATION" TELLS THE TEXT HOW IT SHOULD APPEAR -- ITALIC OR UNDERLINED OR PLAIN OR WHATEVER

"COLOR" TELLS THE TEXT WHAT COLOR IT SHOULD BE

"ALIGN" is obvious*/

/*THIS IS CALLED PSEUDO CLASS*/

a:link {color:#FF0000; text-decoration:none; text-align:center}
a:visited {color:#FF0000; text-decoration:none; text-align:center}
a:hover {color:#FF9933; text-decoration:none; text-align:center}


/*THE FOLLOWING LINE STYLES ANY PARAGRAPH*/

p{text-align:justify; text-indent::15px}

/*THE FOLLOWING TELLS THE LOGO (IN THIS CASE THE RED WAGON) WHERE TO GO ON THE PAGE OKAY - IT ISN'T A LOGO OR A RED WAGON & I'M NOT USING ITYET*/

#logo {float:left; width:150px; height:175px}
.infobox {float:right; width:250; height: autopx;}
.style13 {font-family: Verdana, Geneva, Arial; font-size:2em;}
.style15 {font-family: Verdana, Geneva, Arial; font-size:3em;}

#navbar  
{
	width:98%px;
	min-height:10px;
	font-size:1.5em;
	margin-bottom:1px;
text-align:center;


}